Comment proposer la meilleure expérience-utilisateur et optimiser son site pour mobile lorsque l’on crée un site Internet ? Est-il possible de créer un site mobile ? Pour répondre à cette question, il faut commencer par comprendre quelles sont les différences entre ces appareils et en quoi cela impacte un site Internet. SiteW propose une solution facile et rapide pour créer et mettre à jour un site responsive sur les mobiles et tablettes.
Un site responsive s’adapte à tout type d’écran et permet d’avoir pour chacun un affichage rendant la lecture aisée.
L’écran d’un mobile est souvent utilisé en mode vertical pour naviguer sur Internet et cela revient à afficher un site sur une largeur environ 3 fois plus étroite qu’un site destiné à un écran d’ordinateur.
Pour créer un site mobile, l’adaptation consiste donc à arranger le contenu du site pour qu’il soit moins large. Pour atteindre ce but, les textes doivent êtres disposés dans une colonne plus étroite et donc plus longue et les éléments placés côte à côte sont placés les uns sous les autres.
Mécaniquement, cela entraîne la création d’une page beaucoup plus longue. Pour remédier à cela, le contenu du site est souvent simplifié (moins d’illustrations et affichage des informations les plus importantes seulement).
Notez que contrairement à ce que l’on pourrait penser, il n’est pas nécessaire d’agrandir les textes sur Mobile. En effet, le fait de réduire la largeur du site permet de zoomer sur le site et d’avoir automatiquement un affichage plus gros qu’une vue ordinateur.
Le 21 avril 2015, Google a modifié son algorithme afin de favoriser les pages adaptées aux mobiles dans les résultats de recherche mobiles. C'est une raison de plus pour optimiser votre site pour les appareils mobiles !
Pour répondre à ce besoin, SiteW vous permet d’adapter votre site Ordinateur sans avoir besoin de recréer un nouveau site.
En plus de la vue Ordinateur actuelle, vous pouvez créer des vues différentes pour un mobile orienté verticalement, un mobile orienté horizontalement, ou une tablette orientée verticalement.
Les différents modules de votre site doivent simplement être redimensionnés pour pouvoir être contenus dans l'écran de l’appareil ciblé et repositionnés pour être placés les uns sous les autres. Il suffit donc d’utiliser les outils standards de déplacement et redimensionnement de module.
Et pour vous faciliter cette tâche, en vue mobile, nous avons ajouté un tout nouvel outil qui redimensionne et déplace un module sélectionné pour être dans la zone visible de l’appareil.
Le contenu des modules et leur design sont synchronisés entre les différentes vues.
Pour simplifier votre site mobile, des modules peuvent être cachés sur cette vue, et des modules peuvent y être ajoutés (par exemple pour reformuler un long paragraphe pour le rendre plus court).
Le principe est donc très simple et totalement flexible.
Suivant l’appareil utilisé, la vue la plus adaptée est choisie et ajustée à la taille de l’écran éventuellement avec une légère marge. Les modules sortant de l’écran dans l’outil de création de site seront visibles dans cette marge uniquement sur certains appareils).
Les sites mobiles créés sur SiteW sont conçus pour être mieux positionnés dans les résultats de recherche mobiles de Google.
Créer un site mobile se fait en quelques instants sur SiteW.
Il suffit ensuite de réaliser les opérations 1 à 6 pour chaque page de votre site et de le publier.
Vous voyez que le principe est ainsi très simple et rapide à mettre en œuvre. C'est à vous de jouer maintenant !
Dernière mise à jour : 09 novembre 2021