Mise à jour mobile-friendly, ce qu’il ne faut pas manquer

La mise à jour mobile-friendly a été, l’année dernière, l’un des sujets les plus chauds au sein du monde SEO. Le “mobilegeddon” a effrayé beaucoup d’hébergeurs de sites durant les mois d’avril et mai. Cette mise à jour, qui a été lancé le 22 avril 2015, concerne les sites internet mobiles. Une nouvelle mise à jour similaire est d’ailleurs prévue pour le mois de mai de cette année !

Les critères de classement ont changé en vue de l’augmentation des sites internet mobile-friendly car Google veut étendre “le fait d’être mobile-friendly comme signal de classement”.

Mais n’ayez pas peur. Ce n’est qu’une des multiples mises à jour que Google a lancé l’année dernière et les études ont montré que cela n’affectera pas de manière drastique vos classements si votre site n’est pas parfaitement optimisé pour les mobiles. Mais vous devriez cependant prendre en compte son impact.

Aujourd’hui, 50% du trafic provient d’appareils mobiles donc rendre votre site mobile friendly peut vous permettre de vous démarquer de la concurrence.

Mais que veut dire “mobile friendly” ?

Afin d’être mobile-friendly, le site internet doit être optimisé pour les appareils mobiles. Cela concerne notamment la taille du texte et de l’image et l’espace entre les liens. L’utilisateur ne devrait pas être obligé de zoomer ou de faire défiler la page horizontalement pour pouvoir lire du texte, voir des images ou naviguer sur un site.
Cette mise à jour est en accord avec le souhait de Google de pouvoir offrir une meilleure expérience utilisateur. Les sites qui ne sont pas optimisés pour les mobiles possèdent souvent une expérience utilisateur assez pauvre et un taux de rebond important.

Comment rendre mon site mobile-friendly ?

Une page web mobile doit pouvoir répondre aux critères suivants:

  • Évitez les logiciels ou plugins qui ne sont pas compatibles sur les appareils mobiles comme Flash
  • Le temps de chargement de la page doit être inférieur à une seconde sur les appareils mobiles
  • Utilisez des textes qui sont lisibles sur les écrans plus petits
  • Adaptez la taille de votre contenu à l’écran afin d’éviter que les utilisateurs aient à zoomer ou faire défiler la page horizontalement
  • Insérez assez d’espace entre les liens pour que les utilisateurs puissent cliquer dessus

Dois-je privilégier Responsive ou Mobile ?

Afin de rendre votre site mobile-friendly, deux solutions s’offrent à vous: créer une version mobile de votre version bureau ou adapter celle déjà existante à chaque appareil. Que vous choisissiez l’une ou l’autre, vous devriez connaître les avantages et inconvénients de chaque solution.

Un site internet responsive est un site qui s’adapte à chaque appareil. Cela veut dire que le contenu s’ajuste tout seul à la largeur et la hauteur de l’écran. Un site responsive adaptera également son menu, ses encadrés, ses images et même sa structure pour être visible sans zoom ou défilement sur une tablette, un smartphone, une télévision ou un ordinateur portable. Le design complet du site doit être pensé pour les différents appareils.

Quels sont les avantages ?

  • Il y a un peu de maintenance à faire
  • Il y a une URL unique
  • Sa flexibilité fournit une ergonomie complète et une bonne expérience utilisateur
  • Le SEO est préservé car le fait que la taille de l’image soit différente représente un vrai plus pour les résultats ‘images’ des moteurs de recherche
  • L’indexation est meilleure. Grâce à la flexibilité du site, chaque page a une adresse unique quelque soit la version utilisée et les liens internes pointent tous vers la même URL. Cela permet des économies d’échelle vu qu’une seule modification est nécessaire avec un design responsive
  • C’est un bon retour sur l’investissement. Même si le coût de développement est plus important que le simple ajout d’une version mobile, un site responsive cible une plus large audience, à travers de nombreux appareils. Ainsi, l’information est trouvée plus facilement et le taux de conversion augmente

Quels sont les inconvénients ?

  • Le temps de chargement est plus long
  • Le développement prend du temps. Chaque appareil a ses propres contraintes. Il est donc nécessaire de prendre en compte chaque paramètres pour offrir la meilleure expérience utilisateur possible
  • Cela demande plus de compétences techniques comme le HTML5, CSS3, etc et des compétences spécifiques à appliquer pour chaque appareil
  • Les périodes de tests prennent plus de temps puisqu’il est obligatoire de vérifier le fonctionnement de chaque élément sur chaque appareil
  • La créativité se trouve limitée puisque les contraintes techniques sont importantes
  • Un site web mobile est tout simplement un site internet classique sur un mobile. Cela veut dire qu’une seconde version a été développée spécialement pour les appareils mobiles. Il se doit d’être disponible sur chaque appareil mobile indépendamment de son système opérateur ou de ses spécificités techniques.

Un site web mobile est tout simplement un site internet classique sur un mobile. Cela veut dire qu’une seconde version a été développée spécialement pour les appareils mobiles. Il se doit d’être disponible sur chaque appareil mobile indépendamment de son système opérateur ou de ses spécificités techniques.

Quels sont les avantages ?

  • Un site mobile est indépendant du site principal. Ainsi, il peut offrir une interface complètement optimale avec ses propres pages, contenus et fonctionnalités
  • L’expérience utilisateur peut être plus poussée car le site mobile peut intégrer des fonctionnalités originelles comme les jeux, la réalité augmentée etc..
  • La vitesse de la page est très bonne

Quels sont les inconvénients ?

  • La maintenance du site mobile est séparée du site classique. Il y a un risque que différents contenus se croisent
  • Si vous développez un site web et mobile, le développement prend plus de temps que si vous ne développez qu’un seul site responsive
  • Les sites mobiles sont souvent des versions limitées du site principal: ils n’offrent pas toutes les fonctionnalités

Quels outils puis-je utiliser pour m’aider ?

  • Vous pouvez lancer un Mobile-Friendly Test pour vérifier que vous respectez tous les critères
  • Le Mobile Usability Report peut vous sortir un rapport complet des problèmes d’accessibilité mobiles rencontrés sur votre site

Si vous avez besoin de plus de détails sur des éléments techniques, jetez un coup d’oeil à l’article très explicatif de Distilled.

En clair, si votre site répond à toutes les exigences, Google affichera une étiquette mobile friendly dans ses résultats, comme celle-ci dessous:

Mise à jour mobile-friendly

Aurélie

About Aurélie

Aurélie est Community Manager et rédactrice pour OnCrawl.

Entries by Aurélie