Vous souhaitez découvrir les bases du référencement mobile et apprendre à en tirer parti ? Cet article vous fournit toutes les informations dont vous avez besoin. En termes simples, le référencement mobile est le référencement naturel adapté aux appareils mobiles.
Parcourez les sections suivantes pour découvrir pourquoi cette pratique revêt une importance croissante – et pourquoi elle devrait devenir encore plus essentielle à l'avenir.
Table des matières
Qu'est-ce que le référencement mobile ?
On parle de référencement mobile (SEO) pour désigner l'optimisation d'un site web visant à offrir une excellente expérience de navigation sur mobile.
En d'autres termes, l'objectif est que l'utilisateur puisse visualiser correctement le site et y naviguer sans aucun problème lorsqu'il y accède depuis son téléphone portable. L'expérience utilisateur doit être optimale, quelle que soit la taille de l'écran de l'appareil.
Pourquoi le référencement mobile est-il important ?
Il y a deux raisons principales pour lesquelles le référencement mobile n'est pas simplement important. C'est un élément essentiel du marketing numérique d'aujourd'hui.
Tout d'abord, c'est important car le trafic mobile dépasse celui des ordinateurs de bureau. Les appareils mobiles sont extrêmement répandus. Ils font tellement partie intégrante de notre quotidien que beaucoup de gens ne se rendent même pas compte que leurs appareils mobiles sont leurs appareils préférés pour accéder à Internet.
Deuxièmement : un trafic important est synonyme d’un fort potentiel. Google insiste depuis des années sur l’importance croissante de l’optimisation de tous les sites web pour les appareils mobiles. Au cas où certains en douteraient encore, en 2018, l’entreprise a clairement indiqué que l’ergonomie mobile constituait un facteur de classement majeur. Cela inclut (sans s’y limiter) la vitesse de chargement des pages et la réactivité du design. C’est la raison pour laquelle les moteurs de recherche ont commencé à s’appuyer sur un index « mobile-first ». En ce sens, ils ont commencé à baser les classements de recherche sur les performances d’un site web sur les appareils mobiles.
Aujourd'hui, personne ne doute que le référencement mobile soit un élément clé du secteur du référencement. Heureusement, le référencement mobile ne diffère pas radicalement du référencement classique. Il nécessite simplement de prendre en compte certaines particularités que vous découvrirez dans les sections suivantes.
Qu'est-ce que l'indexation « Mobile-First » de Google ?
Aujourd'hui, Googlebot examine en priorité la version mobile de tout site web qu'il rencontre – d'où le concept d'« indexation « mobile-first » ».
Si vous souhaitez que votre site web reste compétitif et conserve un bon classement à l'avenir, il est toujours essentiel de créer un contenu de qualité capable d'attirer les visiteurs. Cependant, il est tout aussi important de disposer d'un site web adaptatif. Celui-ci doit se charger rapidement et afficher correctement l'ensemble du contenu lorsqu'il est consulté depuis un appareil mobile. C'est sans doute là la principale implication de l'approche « mobile first » pour les webmasters.
Le passage à l'indexation « mobile-first » exerce une réelle pression sur les développeurs de sites web. Ceux-ci doivent garantir une expérience positive aux visiteurs qui naviguent depuis un appareil mobile. La version mobile d'un site web n'est plus une simple option secondaire. Elle est désormais considérée, à tous égards, comme la version principale. Quelle que soit votre approche pour héberger la version mobile de votre site web, vous devez vous assurer que l'ensemble du contenu s'affiche correctement et rapidement lorsqu'on y accède depuis un appareil mobile.
Du point de vue de la conception web, les menus repliables (qui étaient autrefois considérés comme une erreur potentielle en matière de référencement sur ordinateur) sont vos alliés dans ce nouveau contexte. Ils constituent une solution utile pour structurer visuellement le contenu et tirer le meilleur parti de l'espace disponible sur les petits écrans.
Si vous n'avez pas encore consacré le temps et l'énergie nécessaires à la conception d'une version mobile de votre site web, c'est le moment de vous y mettre. L'une de vos principales priorités devrait être de vous assurer qu'elle fonctionne sans problème.
Heureusement, vous pouvez recourir au « responsive design » pour proposer une version unique de votre site web qui s'affiche parfaitement aussi bien sur les appareils mobiles que sur les ordinateurs de bureau. Consultez la section ci-dessous pour en savoir plus sur cette option et découvrir certaines de ses alternatives.
Comment créer un site web mobile bien référencé sur Google
Si vous souhaitez améliorer l'ergonomie mobile de votre site web, vous devriez créer une version mobile de l'ensemble du site. En effet, le référencement mobile est assez similaire au référencement classique, mais il nécessite des ajustements spécifiques.
Il existe trois options pour héberger une version pour ordinateur et une version mobile d'un site web : héberger la version mobile sur un sous-domaine, recourir à la diffusion dynamique ou utiliser le responsive design.
Héberger la version mobile sur un sous-domaine est une solution techniquement dépassée. Cela implique de gérer deux versions distinctes de votre site web, ce qui n'est absolument pas pratique. En plus d'être compliqué et fastidieux, cela ne correspond pas aux meilleures pratiques actuelles en matière de référencement naturel (SEO).
La diffusion dynamique constitue une option légèrement plus avantageuse. Elle vous permet d'héberger automatiquement deux versions différentes de votre site à partir de la même URL, en fonction de l'agent utilisateur à l'origine de la requête. Bien que techniquement plus fluide, il s'agit tout de même d'une solution peu pratique qui implique de gérer deux versions distinctes du site en arrière-plan.
Selon Google, la meilleure option parmi les trois est le « responsive design ». En effet, cette approche permet d’héberger une version mobile et une version pour ordinateur de bureau distinctes à partir d’une même URL, tout en utilisant la même base de code. L’objectif est simplement d’adapter la mise en page en fonction de l’agent utilisateur à l’origine de la requête. Il s’agit de l’option la plus élégante sur le plan technique. De plus, elle permet aux sites web qui l’adoptent d’être immédiatement pris en compte dans le nouvel index « mobile-first ».
En misant sur le responsive design plutôt que d'héberger deux versions distinctes de votre site web, vous vous épargnerez en effet bien des soucis. Lorsque vous gérez plusieurs versions, vous devez veiller à ce que de nombreux éléments restent parfaitement cohérents d'une version à l'autre. Cela inclut notamment les données structurées, les métadonnées, les métadonnées sociales, les plans de site et la capacité du site, pour n'en citer que quelques-uns.
Une fois que vous aurez mis en place le responsive design, veillez à l'indiquer clairement aux robots de Google en ajoutant la balise meta name="viewport" quelque part dans la section
de vos pages.Bonnes pratiques en matière de référencement mobile
Lorsque la page est déjà bien optimisée pour les moteurs de recherche, il est nécessaire d'apporter quelques ajustements au niveau du référencement mobile :
Priorité à l'expérience utilisateur
À ce stade, vous vous demandez peut-être ce que vous pouvez faire pour améliorer l'expérience mobile de vos visiteurs et garantir que votre site fonctionne parfaitement à chaque fois. En bref, vous devez privilégier la performance plutôt que l'esthétique. Tous les points que nous évoquons ci-dessous contribueront à une meilleure expérience utilisateur, alors prenez-en bonne note.
Améliorez la vitesse de chargement de votre page
L'aspect le plus évident d'un site web performant tient à un facteur simple : la vitesse de chargement des pages. Et ce n'est pas non plus une simple lubie des ingénieurs de Google ! C'est un fait bien connu : les sites web qui mettent plus de quelques secondes à se charger perdent généralement des visiteurs.
Il peut être difficile d'obtenir des temps de chargement rapides, car les sites web ont tendance à devenir de plus en plus volumineux, les pages de plus en plus longues et les widgets de plus en plus nombreux. Quoi qu'il en soit, un bon programmeur est capable de réduire ces temps de chargement. La vitesse de chargement d'une page est une variable très objective et directement mesurable. Consacrez autant de ressources que possible à l'amélioration de cette variable afin que les visiteurs humains et les robots des moteurs de recherche apprécient votre site web.
Si la vitesse de chargement est essentielle lors de l'ouverture d'une page Web sur un ordinateur de bureau, elle l'est encore davantage sur mobile, pour des raisons liées à la connectivité et au matériel. Il est donc nécessaire de réduire au minimum le poids des images et du code. Il convient également d'éviter toute redirection et de tirer parti du cache du navigateur.
Ne bloquez pas les fichiers CSS, JavaScript ou les images.
Autrefois, certains téléphones portables ne prenaient pas en charge le CSS, le JavaScript ou les images, car les propriétaires des sites avaient l'habitude d'en bloquer une partie, voire la totalité. Heureusement, cette erreur n'est généralement plus commise aujourd'hui, mais il convient tout de même de vérifier ce point.
Nous savons que Googlebot Mobile souhaite consulter, voire classer, le même contenu que les utilisateurs. D’où l’importance de ne pas bloquer les fichiers CSS, JavaScript et les images dans le fichier robots.txt. De plus, ces éléments permettent au moteur de recherche de déterminer s’il a accédé à un site web adapté aux appareils mobiles ou à une autre solution.
Accordez une attention particulière à la conception de votre site web pour mobile.
Les appareils mobiles bouleversent complètement la conception des sites web, la tendance étant à la simplification. À cet égard, il est essentiel d'éviter les éléments suivants :
- Flash. N'oubliez pas qu'Adobe Flash a été abandonné en 2020 et que les utilisateurs ne disposent peut-être pas de ce plug-in sur leur téléphone, ce qui pourrait les priver de la partie la plus amusante. Utilisez plutôt HTML 5 pour créer des effets spéciaux.
- Les fenêtres contextuelles. Il peut être très agaçant pour l'utilisateur de devoir fermer des fenêtres contextuelles sur son téléphone. Il vaut mieux les éviter pour ne pas entraîner un taux de rebond élevé.
Il est également essentiel de prêter attention aux boutons. S'ils sont trop grands ou trop petits, vous risquez de cliquer dessus par inadvertance. Cela peut également se produire s'ils se trouvent sur le trajet d'un doigt qui tente de faire défiler la page.
Créer un site web adaptatif
Les sites au design adaptatif utilisent les requêtes média CSS3 pour afficher le même contenu aux utilisateurs d'appareils mobiles et d'ordinateurs de bureau. Ils reposent sur une grille fluide et une conception flexible qui permettent une adaptation automatique à la taille de l'écran de l'appareil.
Optimiser les titres et les méta-descriptions
Lors de l'optimisation d'un site mobile, vous devez garder à l'esprit que l'utilisateur disposera de moins d'espace à l'écran. C'est pourquoi vous devez être aussi concis que possible lorsque vous rédigez les titres, les méta-descriptions et les URL. Ainsi, votre site web sera mieux mis en valeur sur la page de résultats des moteurs de recherche.
Utilisez Schema.org pour les données structurées.
L'espace limité disponible sur l'écran d'un mobile fait que les résultats de recherche comportant des extraits enrichis ont encore plus de chances de se démarquer que sur un ordinateur de bureau. C'est pourquoi nous vous recommandons d'intégrer des données structurées dès que vous en avez la possibilité.
Optimiser le site pour le référencement local
Si votre entreprise propose des services physiques directement aux clients, pensez à optimiser le contenu de votre site web pour le référencement local. Pour cela, vous devez inclure votre nom, votre adresse et votre numéro de téléphone dans les métadonnées du site. N'oubliez pas non plus d'y indiquer le nom de la ville et du pays.
La diffusion dynamique n'est plus recommandée
Si vous vous en souvenez, la diffusion dynamique permet d’afficher des éléments HTML et CSS différents selon l’appareil utilisé par l’utilisateur pour accéder au site. Cette pratique n’est plus recommandée, surtout si l’on tient compte de la mise en œuvre de l’indexation « Mobile-first ». Sachant que Google utilise principalement la version mobile à des fins d’indexation et de classement, il n’est pas surprenant qu’il s’attende à ce que nous proposions un contenu de même qualité sur les deux types d’appareils (mobile et ordinateur de bureau). Pour cette même raison, vous ne devriez pas non plus disposer d'une URL mobile distincte.
Outils pour valider le référencement mobile de votre site web
Google propose deux outils très utiles qui vous permettent d'analyser les performances de votre site web sur mobile : PageSpeed Insights et Lighthouse. Ces outils sont très faciles à utiliser. Nous vous recommandons de vérifier dès aujourd'hui vos performances de référence et de commencer immédiatement à chercher des moyens de les améliorer. Les rapports fournis par ces outils mettront en évidence les points essentiels sur lesquels vous devez vous concentrer en priorité.
Pour obtenir des données plus détaillées, nous vous recommandons également d’essayer les nouveaux outils spécialisés permettant d’évaluer les performances mobiles, disponibles dans Google Webmaster Tools. Il existe un outil d’analyse rapide appelé « Test de compatibilité mobile » ainsi qu’un outil d’analyse approfondie accessible dans la section « Ergonomie mobile ». Veillez à vous familiariser avec ces outils. Vous aurez ainsi une idée précise des mesures à prendre pour adapter votre site web aux dernières préférences des utilisateurs et aux meilleures pratiques en matière de référencement mobile.
Une autre excellente façon de vous assurer que votre site est adapté aux appareils mobiles consiste à réaliser un audit SEO en explorant votre site depuis un appareil mobile. Vous pouvez facilement effectuer cette opération à l'aide d'un Crawler de référencement tel que FandangoSEO. Il vous suffira de configurer vos explorations en mode mobile.
La réalisation d'audits réguliers vous aidera à identifier d'éventuels problèmes d'exploration ou d'indexation. De plus, FandangoSEO vous permet également de vérifier les performances de votre site en matière de Core Web Vitals, tant sur ordinateur que sur mobile. Vous pourrez ainsi repérer facilement les possibilités d'accélérer votre site web.
Autorité du site web Expérience utilisateur mobile