Mobile-first versus responsive design : où en sommes-nous aujourd'hui ?

En juillet 2019, Google a annoncé qu'il commencerait à indexer par défaut les versions mobiles de tous les nouveaux sites Web. Cette annonce signifiait que Google est vraiment mobile d'abord : il explorera et indexera les pages à l'aide de son agent pour smartphone, et il se peut qu'il n'indexe pas du tout la version de bureau de votre site. Maintenant qu'un an s'est écoulé, comment survivez-vous à mobile-geddon ?

L'indexation axée sur le mobile signifie qu'une importance croissante est accordée à la conception axée sur le mobile. Ce cadre de conception marque une approche différente du numérique par rapport à la vague de conception réactive de ces dernières années. Lors de la conférence Found, Michelle Dupler, stratège de contenu chez SEO Nerd, a parlé des distinctions importantes entre ces deux méthodologies de conception.

Qu'est-ce que l'indexation mobile first ?

"Mobile-first" fait référence à la façon dont Google explore et indexe le Web. Google a annoncé son initiative mobile-first en 2015 et déploie lentement le mobile-first depuis. Dans l'itération de recherche d'aujourd'hui, Google explore et indexe en fonction de la version de votre page affichée sur les appareils mobiles. Au lieu de regarder la version de bureau d'une page, Google regarde la version mobile. Selon Search Engine Land, plus de la moitié des pages affichées dans les résultats de recherche dans le monde étaient indexées à partir de la procédure mobile-first de Google en 2018. Ce nombre continue d'augmenter à mesure que Google explore de nouvelles pages et de nouveaux contenus.

Les pages sont réindexées au fur et à mesure qu'elles sont modifiées ou créées. Si vous déplacez votre site Web vers un nouveau domaine, passez de http à https, effectuez une actualisation du site, redéfinissez une partie de votre site ou modifiez le nom de votre entreprise - et obtenez ainsi une nouvelle version de votre page indexée par Google - votre version de bureau peut disparaître de la recherche.

Que signifie le mobile-first pour le design ?

De nombreuses organisations sont convaincues qu'en rendant leur site dynamique, elles sont prêtes pour le mobile-first. Ce n'est peut-être pas le cas! Vous concevez probablement déjà pour les appareils mobiles, alors quelle est la différence entre la conception réactive et la conception axée sur le mobile ?

La principale différence : la conception réactive peut toujours penser au bureau en premier. Les concepteurs planifient et conçoivent souvent d'abord les écrans de bureau et la navigation, puis décomposent cette conception et cette navigation pour les appareils plus petits. Cela nous permet d'offrir ces designs de bureau interactifs sympas avec beaucoup de contenu dynamique. Mais, si vous avez passé beaucoup de temps à concevoir une page de bureau interactive vraiment cool - et qu'elle ne s'affiche pas sur mobile - Google ignore ce contenu.

Une véritable conception axée sur le mobile signifie d'abord la planification et la conception de toutes les parties de l'expérience mobile, puis la mise à l'échelle pour le bureau. Pensez d'abord à la navigation mobile et passez à la vitesse supérieure pour le bureau. Faire du mobile d'abord n'est pas seulement meilleur pour le référencement, c'est mieux pour l'expérience utilisateur. En inversant notre vision des sites filaires, nous accordons plus d'attention aux utilisateurs mobiles, qui représentent une part toujours croissante des visiteurs de votre site.

Concevoir de manière dynamique ne signifie pas nécessairement que vous capturez l'esprit de la conception axée sur le mobile.

Une véritable conception axée sur le mobile est importante car, selon certains experts, plus de la moitié de tous les internautes accèdent à Internet uniquement via un téléphone mobile - d'ici 2025, cela pourrait représenter 75% de la population mondiale.

L'expérience mobile est l'un des principaux signaux de classement SEO, avec une bonne expérience utilisateur et un contenu de qualité. Alors, comment concevez-vous le contenu pour les utilisateurs mobiles ?

Concevoir pour le premier classement mobile

Personne ne veut voir un énorme mur de texte sur son téléphone, mais cela ne signifie pas que le contenu long n'a pas sa place sur Internet. Michelle a partagé quelques idées utilisables :

• Ne cachez pas votre contenu.

  Ne rendez pas le contenu invisible juste pour le faire indexer. Le texte blanc sur fond blanc, des tonnes de choses dans les métadonnées et d'autres astuces à l'ancienne ne passeront pas avec les robots d'exploration modernes de Google. Au lieu de cela, utilisez les meilleures pratiques d'écriture Web et créez un contenu digne d'être lu sur mobile.

• Assurez-vous d'avoir le même contenu dans votre expérience mobile et votre expérience sur ordinateur .

  Dans le passé, les référenceurs cachaient le contenu sur les versions mobiles des pages, en supposant que les utilisateurs mobiles voudraient lire moins de contenu. Cependant, conserver le contenu sur la version de bureau de votre page et hors de la version mobile signifie que ce contenu ne sera pas indexé et que vous perdrez la valeur de ce contenu pour les classements de recherche.

• Affichez les mêmes métadonnées sur mobile et sur ordinateur.
  

  Tout le contenu que vous prévoyez pour votre expérience de bureau doit également être dans la version mobile. Assurez-vous que les balises, en particulier les balises noindex ou nofollow , apparaissent sur les mêmes pages pour les robots d'exploration de bureau et mobiles. Et vérifiez que les balises photo et vidéo apparaissent sur la version mobile de votre site.

• Pensez à la lisibilité.

  Diffusez votre contenu en courtes rafales. Rendez votre copie numérisable avec des puces et des listes numérotées, et utilisez des sous-titres concis pour aider le lecteur à se déplacer dans le contenu.

• Sachez comment masquer du contenu, sans le cacher aux utilisateurs ou aux bots.

  Si vous avez du contenu chargé paresseux, assurez-vous que des problèmes de Javascript ou d'autres choix de conception ne bloquent pas ce contenu des crawlers. Google dit qu'il n'analysera pas le contenu qui nécessite des interactions de l'utilisateur (comme cliquer ou taper) pour se charger. Vous pouvez réduire le contenu long en accordéons ou en balises "en savoir plus". Sachez quelles tactiques de conception conviennent à l'utilisateur pour guider les utilisateurs à travers le contenu.

La conception axée sur le mobile donne la priorité aux utilisateurs mobiles.

Pouvons-nous oublier complètement la conception pour le bureau ?

Les experts en référencement diront que la conception axée sur le mobile est la seule façon de concevoir dans l'écosystème numérique d'aujourd'hui. Vous devez absolument vous assurer que vous disposez d'une version mobile de votre site qui propose un contenu approprié - et un contenu qui correspond à l'expérience de bureau. Cependant, il y a toujours une place pour la conception réactive - et même pour la conception axée sur le bureau.

Certaines industries n'ont pas atteint le point de basculement du mobile d'abord. Dans les environnements B2B, les organisations avec une clientèle plus ancienne, les entreprises comme la banque ou la finance, ou les industries à forte intensité de recherche, vous pouvez toujours voir plus d'utilisateurs sur votre site de bureau. Vérifiez vos analyses, voyez où se trouvent la plupart de vos utilisateurs et rencontrez-les là-bas ! Si vos utilisateurs recherchent des graphiques Tableau interactifs, il est logique de les proposer. S'ils veulent une expérience d'achat simple sur un téléphone ou une tablette, il est plus logique de fournir cette expérience.

Creusez vraiment dans vos analyses et créez une véritable idée de ce que veulent vos utilisateurs. Des équipes interdisciplinaires peuvent vous aider à adopter la bonne approche, alors travaillez avec vos concepteurs, vos responsables du contenu, vos chercheurs et vos développeurs pour prendre des décisions sur le contenu et la conception. Et, encore une fois, penser que le bureau d'abord n'est pas une excuse pour se relâcher sur le mobile : rappelez-vous que Google explore de nouveaux sites à travers les yeux d'un utilisateur mobile, et une mauvaise expérience mobile fera baisser votre classement.

La ligne du bas? Google classe les sites Web qui offrent un excellent contenu et l'expérience souhaitée par les utilisateurs.