• Apprendre le référencement

Indexation Mobile-First : Un guide pour garantir des sites web adaptés aux mobiles

  • Yoni Yampolsky
  • 8 min read
Indexation Mobile-First : Un guide pour garantir des sites web adaptés aux mobiles

Intro

L'indexation mobile n'est pas un sujet nouveau dans le monde de l'optimisation des moteurs de recherche (SEO) et du développement de sites web. En fait, Exploding Topics indique que plus de 55 % du trafic mondial provient d'appareils mobiles.

Si votre entreprise ne dispose pas d'un site web adapté aux mobiles, les clients potentiels vont probablement quitter votre site en quelques secondes.

La meilleure façon pour votre site web d'apparaître dans les pages de résultats des moteurs de recherche (SERP) de Google est d'adopter l'indexation mobile-first.

Il s'agit de la méthode utilisée par Google pour classer les sites web en fonction des versions mobiles de leur contenu.

Pour vous aider à vous orienter sur la bonne voie, ce guide vous expliquera comment intégrer l'indexation mobile-first en créant un site web responsive.

Vérifiez si votre site web est adapté aux mobiles

Dans le cadre de l'indexation mobile-first, les moteurs de recherche explorent et affichent la version mobile de votre site web avant toute autre chose. Si votre site web n'est pas adapté aux mobiles, sa version de bureau s'affichera par défaut sur les écrans mobiles.

Et vos utilisateurs mobiles pourraient se retrouver avec une présentation de site web surdimensionnée et difficile à utiliser sur leur smartphone ou leur tablette. Ce n'est pas une situation idéale, c'est le moins que l'on puisse dire. Vous ne bénéficiez pas d'une conception réactive. Et votre site web ne s'adapte pas aux différentes tailles d'écran.

Rencontre avec Ranktracker

La plateforme tout-en-un pour un référencement efficace

Derrière chaque entreprise prospère se cache une solide campagne de référencement. Mais avec d'innombrables outils et techniques d'optimisation parmi lesquels choisir, il peut être difficile de savoir par où commencer. Eh bien, n'ayez crainte, car j'ai ce qu'il vous faut pour vous aider. Voici la plateforme tout-en-un Ranktracker pour un référencement efficace.

Nous avons enfin ouvert l'inscription à Ranktracker de manière totalement gratuite !

Créer un compte gratuit

Ou connectez-vous en utilisant vos informations d'identification

Vous pouvez éviter ce scénario en vérifiant si votre site web est déjà adapté aux mobiles. Le meilleur moyen est d'utiliser l'outil PageSpeed Insights de Google.

PageSpeed Insights (Source de l'image)

Il suffit d'insérer l'URL de votre site web dans la barre de recherche pour obtenir des données en temps réel sur ses performances sur les appareils mobiles :

PageSpeed Insights results (Source de l'image)

Comme vous pouvez le constater, il est essentiel de maintenir un score de site web adapté aux mobiles compris entre 90 et 100. Si vous découvrez que votre site n'est pas adapté aux mobiles, il est temps de vous rendre dans la Search Console de Google.

Mobile Usability from Search Console (Source de l'image)

Rencontre avec Ranktracker

La plateforme tout-en-un pour un référencement efficace

Derrière chaque entreprise prospère se cache une solide campagne de référencement. Mais avec d'innombrables outils et techniques d'optimisation parmi lesquels choisir, il peut être difficile de savoir par où commencer. Eh bien, n'ayez crainte, car j'ai ce qu'il vous faut pour vous aider. Voici la plateforme tout-en-un Ranktracker pour un référencement efficace.

Nous avons enfin ouvert l'inscription à Ranktracker de manière totalement gratuite !

Créer un compte gratuit

Ou connectez-vous en utilisant vos informations d'identification

Vous y trouverez les éventuels problèmes d'exploration, de vitesse du site et d'autres erreurs susceptibles de nuire à votre expérience mobile.

Cependant, les problèmes les plus courants que vous trouverez dans les articles de Google Search Console sont les suivants :

  • Problèmes liés à la saisie tactile (liens et boutons) pour les utilisateurs mobiles
  • Conception, modèle ou thème de site web non réactif
  • Popups non adaptés aux mobiles
  • Navigation bancale sur le site web
  • Polices de caractères difficiles à lire

Que votre site web soit créé de toutes pièces ou que vous utilisiez un système de gestion de contenu (CMS) comme WordPress, vous ne devez pas partir du principe que votre site est déjà adapté aux mobiles.

PageSpeed Insights et Google Search Console vous donneront un aperçu des performances mobiles de votre site web afin que vous puissiez apporter les améliorations nécessaires pour les écrans mobiles.

Assurez-vous que votre site web offre la même expérience sur les ordinateurs de bureau et les appareils mobiles.

Il est courant que les référenceurs et les développeurs suppriment certaines fonctionnalités d'un site web mobile afin de favoriser une bonne expérience utilisateur (UX).

Après tout, il n'est jamais bon d'avoir un site web mobile encombrant et rempli d'éléments inutiles. Toutefois, l'élimination d'un trop grand nombre de ces fonctionnalités peut avoir un impact sur l'indexation mobile-first de votre site web.

Google veut s'assurer que les développeurs offrent la même expérience aux utilisateurs de bureau et aux utilisateurs mobiles. Voici ce qu'il a déclaré à ce sujet :

"Si votre site mobile a moins de contenu que votre site de bureau, envisagez de le mettre à jour pour que son contenu principal soit équivalent à celui de votre site de bureau. La quasi-totalité de l'indexation de votre site provient du site mobile."

C'est très simple.

Si la version mobile de votre site web contient moins de contenu, elle ne sera pas bien placée dans les SERP.

Les moteurs de recherche accordent de l'importance au contenu, car c'est le seul moyen pour eux de déterminer le contenu de votre site web. Pour que les versions desktop et mobile de votre site web soient identiques, voici quelques recommandations clés à suivre :

  • Travaillez avec vos équipes UX, SEO et de développement pour afficher le contenu d'une manière adaptée aux mobiles au lieu de supprimer des éléments cruciaux du site web.
  • Les images, vidéos et autres fichiers de contenu volumineux doivent être optimisés correctement en fonction des différents appareils mobiles, tels que les tablettes, les smartphones et autres appareils intelligents.
  • Conservez toutes les données structurées, les balises méta robot et les données techniques du site web universelles sur tous les appareils IoT.

N'oubliez pas que l'indexation mobile-first signifie que les moteurs de recherche explorent en priorité la version mobile de votre site web. Si votre site web mobile manque de contenu, l'optimisation de votre site web de bureau n'a pas d'importance.

Ni l'un ni l'autre ne génèreront les performances SEO que vous recherchez.

Découvrez la différence entre l'utilisabilité mobile et l'indexation mobile-first.

L'indexation mobile d'abord et l'utilisabilité mobile sont souvent utilisées de manière interchangeable. En réalité, ces termes ne sont pas identiques.

L'utilisabilité mobile explique les performances d'un site web sur les appareils mobiles. Comme nous l'avons expliqué précédemment, l'indexation mobile-first est la préférence de Google pour l'exploration des versions mobiles des sites web par rapport aux versions de bureau.

Voici la mise en garde.

Si votre site web n'est pas adapté aux mobiles et qu'il présente de nombreux problèmes de convivialité, il peut être indexé par Google et le sera toujours. Par exemple, imaginons que vous exploitiez un restaurant et que l'une des pages de votre menu soit un fichier PDF.

Bien entendu, les fichiers PDF sont difficiles à lire et à parcourir sur les appareils mobiles. Toutefois, Google peut toujours explorer les informations avec l'indexation mobile-first s'il y en a suffisamment.

En fin de compte, le Googlebot d'un smartphone explorera automatiquement votre site web s'il contient suffisamment de contenu pour l'indexation mobile-first. Toutefois, vous devrez d'abord résoudre les problèmes d'utilisabilité mobile de votre site web.

Accélérer la vitesse de votre site web

Le temps moyen qu'un utilisateur passe sur un site web est de 54 secondes.

Personne n'a le temps d'attendre le chargement de votre site web. Après tout, il existe des milliards d'autres sites web auxquels ils peuvent accéder en quelques secondes.

Il est donc essentiel d'améliorer la vitesse de votre site web, non seulement pour les utilisateurs mobiles, mais aussi à des fins de référencement.

La lenteur du chargement d'un site web affecte à la fois le temps d'attente et le taux de rebond. Il s'agit d'indicateurs qui évaluent la durée pendant laquelle les internautes restent sur votre site ou le quittent sans rien faire.

Si cela se produit en raison de la lenteur de votre site web, Google le remarquera et le rétrogradera dans les SERP. Pour éviter cela, vous pouvez vérifier et contrôler la vitesse de votre site web en effectuant un audit du site.

Vous pouvez utiliser Ranktracker pour réaliser un audit web complet afin d'évaluer la vitesse de votre site sur les appareils mobiles.

Optimisez votre site web pour un contenu à chargement paresseux

Le contenu à chargement paresseux est courant sur la plupart des sites web modernes. Les publications d'information utilisent ce type de contenu pour ajouter continuellement de nouveaux articles au fur et à mesure que vous faites défiler leur site.

L'éditeur d'actualités sportives ClutchPoints permet aux utilisateurs de cliquer sur le bouton "More Stories" (Plus d'articles) s'ils souhaitent lire d'autres articles dans des catégories sportives particulières :

Lazy Loading content (Source de l'image)

Le principe du chargement paresseux consiste à n'afficher le contenu que lorsque l'utilisateur le demande. Il augmente la vitesse du site web en réduisant le nombre de lignes de code inutiles pour Google.

En outre, il ajoute une touche agréable d'UX pour que les pages de votre site web soient moins chargées en contenu pour les utilisateurs mobiles. Cependant, le problème est que le contenu à chargement paresseux peut être difficile à indexer par les moteurs de recherche.

Revenons à ClutchPoints, par exemple.

Naturellement, Google ne sera pas en mesure d'indexer les histoires que vous pouvez retrouver en cliquant sur le bouton "Plus d'histoires" si elles n'y figurent pas déjà.

Vous pouvez résoudre ce problème en vous assurant que votre site web permet un chargement paginé. Cela permet aux moteurs de recherche comme Google de prendre note de tout le contenu de votre site, même s'il utilise un défilement infini, comme ClutchPoints.

Attention à l'emplacement inapproprié des annonces

Si vous utilisez Google Adsense, il est important de faire attention à la façon dont vos annonces s'affichent sur la version mobile de votre site web.

Les appareils mobiles affichent des publicités à affichage réactif (RDA) au lieu des publicités plus courantes que vous voyez sur un ordinateur de bureau.

Par exemple, voici des annonces typiques pour un ordinateur de bureau :

Watch out for improper ad placement (Source de l'image)

Et voici à quoi ils ressembleraient sur un appareil mobile :

here's what they'd look like on a mobile device (Source de l'image)

Vous ne pouvez pas vous contenter de réaffecter des publicités d'affichage de bureau sur mobile. Voici quelques bonnes pratiques à suivre lors de la création d'annonces publicitaires mobiles :

  • Demandez à votre équipe de référencement et à vos développeurs d'utiliser des balises CSS et HTML pour ajuster vos publicités en fonction des différentes tailles de présentation.
  • Le titre et le texte doivent être clairs et brefs
  • Essayez d'éviter d'ajouter du texte sur les images
  • Créer des images publicitaires de tailles différentes

Assurez-vous que votre site web est conforme aux normes ADA

Aux États-Unis, 61 millions de personnes vivent avec un handicap. Disposer d'un site web accessible signifie s'adapter aux utilisateurs handicapés, qu'ils soient malentendants, daltoniens ou qu'ils souffrent d'un autre handicap invisible.

Plus il y a de personnes qui peuvent interagir avec votre site web, plus il y a de chances qu'elles y restent et se convertissent. Ce concept est très important pour l'indexation mobile-first.

Rendre votre site web accessible profite à tous les utilisateurs, et pas seulement à ceux qui souffrent d'un handicap. Les sites web adaptés aux mobiles, simples d'utilisation, présentant une structure de contenu claire et proposant un texte alternatif pour les images, entre autres caractéristiques d'accessibilité, offrent une meilleure expérience aux clients.

La recherche de l'accessibilité des sites web est également une sage décision commerciale en plus d'être une décision éthique. Il est essentiel de reconnaître les implications juridiques de la garantie de l'accessibilité. Par exemple, des réglementations telles que l'Americans with Disabilities Act (ADA) ont un impact sur les entreprises américaines et exigent que leurs sites web, à l'image de leurs locaux physiques, offrent une expérience complète à tous les visiteurs.

Vous pouvez utiliser un outil gratuit de vérification de l'accessibilité d'un site web, tel qu'accessiBe, qui évalue avec précision l'état actuel de l'accessibilité de votre site web afin de déterminer s'il est conforme aux réglementations en vigueur.

website accessibility checker Source de l'image

Rencontre avec Ranktracker

La plateforme tout-en-un pour un référencement efficace

Derrière chaque entreprise prospère se cache une solide campagne de référencement. Mais avec d'innombrables outils et techniques d'optimisation parmi lesquels choisir, il peut être difficile de savoir par où commencer. Eh bien, n'ayez crainte, car j'ai ce qu'il vous faut pour vous aider. Voici la plateforme tout-en-un Ranktracker pour un référencement efficace.

Nous avons enfin ouvert l'inscription à Ranktracker de manière totalement gratuite !

Créer un compte gratuit

Ou connectez-vous en utilisant vos informations d'identification

Il existe d'autres moyens de rendre votre site web plus accessible :

  • Utiliser des couleurs cohérentes sur votre site web. Veillez à ne pas utiliser de couleurs très vives ou néon qui sont difficiles à lire.
  • L'ajout d'un texte alternatif à vos images afin de répondre aux besoins des personnes handicapées utilisant des lecteurs d'écran.
  • Utiliser une structure de contenu claire afin que les utilisateurs puissent trouver les informations importantes rapidement et facilement.

Une fois que vous avez mis en œuvre certaines de ces bonnes pratiques, vérifiez la conformité de votre site web, conformément à la loi américaine sur les personnes handicapées (ADA). Si votre page obtient la note de passage, vous êtes prêt à partir.

Access Scan (Source de l'image)

L'élaboration d'un site web accessible garantit que toutes les personnes sont engagées, informées et prêtes à se convertir.

Principaux enseignements

Dans l'ensemble, l'indexation mobile-first a établi une norme plus élevée pour l'apparence et les performances des sites web sur l'internet. Les moteurs de recherche s'intéressent désormais principalement à la manière dont votre site web sert les utilisateurs mobiles.

En suivant ce guide, vous devriez avoir une idée plus claire de la manière de gérer un site web adapté aux mobiles et d'accueillir un plus grand nombre d'utilisateurs mobiles.

Yoni Yampolsky

Yoni Yampolsky

Marketing Manager, Elementor

is a Marketing Manager for Elementor. With more than 10 million active users, Elementor empowers just about anyone to create stunning WordPress websites, code-free. Elementor now offers best-in-class, built-in cloud hosting features. You can build and host your WordPress site in one, single platform.

Link: Elementor

Commencez à utiliser Ranktracker... gratuitement !

Découvrez ce qui empêche votre site Web de se classer.

Créer un compte gratuit

Ou connectez-vous en utilisant vos informations d'identification

Different views of Ranktracker app