LE GUIDE DÉFINITIF POUR L'OPTIMISATION DES SITES WEB MOBILES

LE GUIDE DÉFINITIF POUR L’OPTIMISATION DES SITES WEB MOBILES

La recherche mobile est de plus en plus courante et les chiffres parlent d’eux-mêmes.

Selon les recherches du Pew Internet & American Life Project, 45 % des adultes américains possèdent un smartphone et 55 % des propriétaires de téléphones portables adultes utilisent l’internet sur leur téléphone. C’est presque le double de ce que c’était il y a trois ans.

Une autre étude réalisée par Pew en avril 2012 révèle que 70 % des propriétaires de téléphones portables ont utilisé leur appareil au cours des 30 jours précédents pour décider de se rendre dans un commerce.

Les analystes de BIA/Kelsey vont même jusqu’à dire que le volume de recherche locale par téléphone portable dépassera celui de la recherche locale par ordinateur d’ici 2015.

« L’un des moteurs de la recherche locale mobile est le fait qu’elle se produit plus loin dans l’entonnoir d’achat que la recherche sur ordinateur », a déclaré Michael Boland, analyste senior et directeur de programme, Médias locaux mobiles, BIA/Kelsey. « Nous voyons cela se refléter dans la croissance du volume des requêtes locales et dans les mesures de performance comme le taux de clics.

Avec ces chiffres à l’esprit, il est d’une importance capitale de mener un audit des sites web mobiles pour garantir des performances optimales dans les moteurs de recherche. Le résultat final doit être une plate-forme mobile que les moteurs de recherche peuvent explorer efficacement et sur laquelle les utilisateurs pourront facilement naviguer depuis leur appareil mobile. Si votre site web ne dispose pas actuellement d’une méthode de diffusion de contenu optimisée pour les écrans mobiles, le développement et l’exécution d’une composante mobile de votre site devrait être pris en considération.

Il existe plusieurs façons de diffuser du contenu aux utilisateurs mobiles, notamment

Une conception réactive
HTML spécifique à l’appareil
URL mobiles

Bien qu’il existe un certain nombre de voies à suivre pour la mise en œuvre d’un site web mobile, il est important de prendre en considération les facteurs externes. La conception réactive est la méthode la plus idéale pour servir du contenu aux visiteurs mobiles, mais elle peut ne pas être réalisable actuellement compte tenu de vos ressources. Si c’est le cas, considérez vos utilisateurs avant tout et optimisez le site web de manière à ce que le contenu soit facile à lire et à naviguer sur n’importe quel appareil.

Ce guide présente les « meilleures pratiques » en matière d’optimisation de sites web mobiles, ainsi que des conseils pratiques sur la manière de mettre en œuvre ces changements.

Commençons !

Analyse de sites web

L’analyse des sites web donne un aperçu des mots clés, des visiteurs, du taux de rebond et d’autres indicateurs clés de performance (KPI) importants, et sur la base de ces informations, nous pouvons prendre des décisions éclairées pour orienter le site web dans la bonne direction.

Il est également important de suivre les succès, notamment les recettes, les transactions, les pistes et les conversions. Ces informations vous donneront une représentation de vos plus grandes opportunités et de la manière dont les indicateurs avancés et les indicateurs retardés peuvent être intégrés dans une stratégie holistique et basée sur des données.

Le suivi des sites web sur les téléphones portables est différent de celui des ordinateurs de bureau, car Google Analytics a développé une plateforme de suivi côté serveur qui peut suivre toutes les mesures ci-dessus à partir des visiteurs utilisant des smartphones et des tablettes. Certains téléphones mobiles ne prennent pas en charge le suivi basé sur JavaScript qui est actuellement utilisé par Google Analytics, de sorte que le suivi mobile utilise JSP, ASP.net, PHP ou Perl. Une fois que l’extrait de serveur est mis en œuvre, vous pourrez suivre les mêmes informations que vous le feriez avec une version de bureau d’un site web.

Comment utiliser le suivi côté serveur de Google Analytics :

1. Téléchargez l’extrait de serveur.
2. Téléchargez l’extrait de serveur sur votre serveur.
3. Ajoutez le code de suivi à chacune des pages.

Vous trouverez des instructions plus détaillées à l’adresse suivante : https://developers.google.com/analytics/devguides/collection/other/mobileWebsites

Mise en œuvre de la conception de sites web mobiles

Il existe plusieurs façons de concevoir un site web mobile, et l’approche la plus courante consiste à utiliser ce que l’on appelle un design réactif, c’est-à-dire un design dont le rendu sera différent selon l’appareil. Il s’agit essentiellement du même site web, mais des feuilles de style différentes sont nécessaires pour les différents appareils et tailles d’écran. L’avantage est qu’il n’y a qu’une seule URL et que les budgets d’exploration des moteurs de recherche ne seront pas dépensés pour explorer deux ou trois fichiers de code différents.

Voici un aperçu plus détaillé des approches des sites web mobiles :

Conception réactive : Avec la conception réactive, le contenu est diffusé via un site web, un ensemble d’URL, et s’affichera de manière appropriée sur un ordinateur de bureau, un ordinateur portable, une tablette ou un téléphone mobile.

Différentes feuilles de style sont appelées en fonction de la taille de l’écran et de l’appareil utilisé pour naviguer sur le site web. Lorsque la taille de l’écran diminue, les éléments de la page se mélangent pour s’adapter à la taille de l’écran.

HTML spécifique à l’appareil : Il s’agit d’une autre méthode pour servir du contenu mobile, et elle est similaire à la conception réactive en ce sens qu’elle conserve le même ensemble d’URL, mais l’appareil fera appel à des CSS et HTML différents. L’en-tête HTTP Vary doit être utilisé pour envoyer un « indice » indiquant que le robot mobile de Google doit également explorer la page mobile.

Cette méthode pose quelques problèmes, comme la possibilité qu’elle détecte incorrectement un agent utilisateur et des redirections non pertinentes. Dans les deux cas, la mauvaise version pourrait être affichée pour le visiteur du site web, et pourrait lui laisser une expérience utilisateur négative.

URL mobiles : Traditionnellement, un site web complètement séparé serait construit pour les utilisateurs de téléphones mobiles. Cela se faisait soit avec un sous-domaine ou un sous-dossier mobile, comme http://mobile.site.com/ ou http://www.site.com/mobile/. Cette approche pose un certain nombre de problèmes, notamment :

Problèmes potentiels de duplication du contenu.
Les robots des moteurs de recherche doivent parcourir davantage de pages (le budget alloué à l’exploration est très élevé).
Le temps et le coût de développement du site web augmentent.
Une URL mobile pourrait être classée dans une recherche de bureau, et vice-versa.
Les facteurs de classement sont répartis entre deux URL.

Si votre site web utilise actuellement soit des URL mobiles, soit du HTML spécifique à un appareil pour servir du contenu aux utilisateurs mobiles, SEO.com recommande de développer un processus pour passer à une conception adaptée à l’avenir. L’utilisation de cette méthode présente de nets avantages, car tous les efforts déployés pour améliorer les performances de référencement du site permettront également d’optimiser le site pour la recherche mobile.

Optimisation de la structure technique

Supposons que votre site web mobile soit desservi par un sous-dossier ou un sous-domaine mobile. Si c’est le cas, vous devrez d’abord prendre en compte quelques éléments :

Comment allez-vous traiter les contenus dupliqués ?
Comment allez-vous servir un contenu unique sur les pages de destination de votre mobile ?
Comment allez-vous optimiser la page pour les robots de recherche mobile ?
Com1rer les redirections automatiques ?
Comment allez-vous mettre à jour le plan de site XML ?

Une fois que vous aurez une stratégie de base pour traiter ces questions, vous devrez prévoir quelques autres éléments :

Des pages d’atterrissage uniques pour les mobiles : Idéalement, une nouvelle page de destination spécifique aux mobiles devrait être créée pour chacune des pages de destination actuelles du site web. Ces pages de destination mobiles devront servir un contenu unique, avoir une conception optimisée pour les petits écrans et être situées dans le sous-dossier ou sous-domaine mobile.

Détection mobile : La duplication de contenu est un problème qui devrait être au premier plan de toute stratégie mobile, et l’établissement de signaux mobiles corrects permettra de résoudre les problèmes avant qu’ils ne se posent.

Cela peut être fait en utilisant les annotations rel= »canonical » et rel= »alternate » :

1. Sur la version de bureau, utilisez l’annotation rel= »alternate » qui pointe vers l’URL du mobile.
2. Sur la version mobile, utilisez la balise rel= »canonical » pointant vers l’URL du bureau.

Par exemple, ce qui suit doit être placé dans le de la page du bureau :

et dans la de la page du mobile :

Maintenant, puisque deux versions d’une URL sont utilisées sur le site web, une annotation rel= »alternate » devrait également être incluse dans le plan du site XML :

http://www.URL.com/landing-page

En plus du plan de site XML standard, un plan de site mobile doit être créé et soumis aux outils Google pour les webmasters. Bien que le formatage de cette carte de site soit similaire, le protocole sera légèrement différent :

http://www.URL.com/mobile/landing-page

Chaque fois qu’une modification est apportée au plan du site ou qu’un nouveau plan du site est ajouté, il doit être soumis aux outils Google pour les webmasters afin de garantir l’utilisation de la version la plus récente. Vous trouverez les instructions pour soumettre les sitemaps à l’adresse suivante : http://support.google.com/sites/bin/answer.py?hl=en&answer=100283

Détection de l’agent utilisateur et redirections automatiques : Votre site web est maintenant prêt à servir à la fois les utilisateurs de bureau et les utilisateurs mobiles, et l’étape suivante consiste à configurer les redirections automatiques afin de fournir les bonnes URL à ces utilisateurs.
L’URL correcte doit être fournie en fonction de l’appareil dont dispose l’utilisateur, c’est pourquoi Google a détaillé ce qu’il recommande en matière de redirections automatiques en cliquant sur le lien suivant : https://developers.google.com/webmasters/smartphone-sites/redirects. Il faut garder à l’esprit que les robots d’exploration de sites de bureau et de sites mobiles doivent être traités comme s’ils étaient également de véritables utilisateurs, et que l’en-tête « vary HTTP » doit être implémenté côté serveur.

Robots de recherche : Assurez-vous que les robots de bureau et les robots mobiles sont autorisés à accéder aux deux versions de chaque URL.

Bots de bureau :

User-agent : Googlebot
User-agent : Slurp
Utilisateur-agent : bingbot

Bots mobiles :

User-agent : Googlebot-Mobile
User-Agent : YahooSeeker/M1A1-R2D2
User-Agent : MSNBOT_Mobile

Les robots de bureau et les robots mobiles doivent cependant avoir accès aux deux versions de l’URL, ce qui se fait par le biais du fichier Robots.txt. Nous ne recommandons pas d’exclure l’accès à la version mobile de l’un ou l’autre des robots mobiles ou de bureau, sauf si vous ne souhaitez pas qu’une URL particulière soit indexée dans les moteurs de recherche.

Optimisation de la conversion

L’optimisation du site web pour répondre aux besoins uniques de vos visiteurs est importante dans tous les segments de l’entonnoir, mais il est important de noter que les utilisateurs mobiles sont intrinsèquement différents des utilisateurs de bureau. Étant donné que les visiteurs qui accèdent au site web à partir d’un smartphone ont des objectifs différents de ceux des utilisateurs d’ordinateurs portables et même de tablettes, l’approche devrait consister à développer un site web mobile « à l’échelle » dès le départ, plutôt que d’adapter le site web actuel à l’écran.

Il y a quelques considérations à prendre en compte lors de la conception d’une page web mobile :

L’intégration sociale : Bien que les objectifs de chaque webmestre soient différents, que l’objectif final soit les pistes, les ventes ou le trafic, les microconversions doivent toujours être prises en compte et prises en compte, ainsi que la manière dont elles sont liées aux conversions finales.

Les recherches menées par Onswipe nous donnent un aperçu de la manière dont le contenu est partagé sur les appareils mobiles et du lieu où il l’est. Leurs données montrent que les petites tablettes, dont l’iPad mini, gagnent du terrain sur le marché, et que 50 % du partage social sur un iPhone se fait avec Facebook.

Comme les médias sociaux sont désormais une activité principale des utilisateurs mobiles, votre site web peut voir davantage de partages sociaux lorsque les boutons sociaux appropriés sont en place. Les données de Searchmetrics montrent que les partages et les goûts de Facebook ont un impact direct et indirect sur les classements de recherche organique. Cela étant dit, il est important d’intégrer des options de partage social à votre site web mobile :

Chaque point de décision important devrait comporter des options de partage social.
Chaque page devrait contenir sa propre option de partage social.

Cliquez pour appeler : Facilitez la tâche des utilisateurs de téléphones portables qui souhaitent appeler l’entreprise directement depuis leur appareil. Affichez donc votre numéro de téléphone bien en évidence et rendez-le cliquable.

Placez le contenu essentiel au-dessus du pli : Les objectifs de chaque page web mobile doivent être pris en compte et évalués, et le contenu qui conduit les visiteurs mobiles vers cet objectif doit être situé au-dessus du pli.

Optimisation de l’architecture de l’information

L’Institut d’architecture de l’information définit l’architecture de l’information comme « l’art et la science de l’organisation et de l’étiquetage [du contenu] pour favoriser la convivialité et la facilité de recherche ». Ainsi, une superbe architecture de l’information consiste en un contenu de site web qui est partageable, facile à digérer et beau, et aussi facilement découvert et affiché par les moteurs de recherche.

Navigation primaire : Les pages les plus populaires et/ou les plus importantes du site doivent être liées dans la navigation principale, compte tenu des dimensions de l’écran de l’appareil mobile. De plus, la navigation verticale est préférable à la navigation horizontale.

Pertinence : Les moteurs de recherche déterminent la pertinence par le biais de la navigation et de l’étiquetage. Il faut donc s’assurer que le site web mobile comporte des liens vers toutes les pages de premier niveau et autres pages importantes. Incluez également un plan du site HTML de l’utilisateur avec des liens vers toutes les pages du site.

Bouton, lien et taille du texte : Bien que l’espace sur l’écran soit limité avec les appareils mobiles, les boutons et les liens, ainsi que le texte qui les entoure, doivent être suffisamment grands pour qu’on puisse cliquer du bout du doigt.

Lien vers le site du bureau : Comme « meilleure pratique » générale, et en cas d’erreur de détection ou de mauvais classement de la version de l’URL dans les résultats de recherche, donner aux utilisateurs un moyen de passer du site mobile au site de bureau.

Considérations générales sur l’optimisation des pages : Les mêmes éléments qui aident une page de bureau à bien se classer dans les moteurs de recherche vont également contribuer à la capacité de classement d’une page mobile. Nous avons beaucoup écrit sur l’art et la science de l’optimisation des pages, mais voici quelques articles qui résument bien les choses :

https://www.SEO/blog/content-marketing-strategy-guide
https://www.SEO/blog/search-engine-optimization-vs-user-experience-optimization

Cadre de liaison : Dans le cadre de l’optimisation des pages, il est important de créer le nombre idéal de liens contextuels dans le contenu mobile pour créer une expérience utilisateur positive, ainsi que pour aider les moteurs de recherche dans leur quête d’indexation du site.

Il est préférable d’avoir une approche en trois volets pour créer un cadre de liens contextuels, qui sera composé de liens internes et externes :

Des liens internes vers d’autres pages mobiles.
Des liens de la page d’accueil du mobile vers son équivalent sur le site du bureau.
Des liens vers des sites externes, y compris des sites partenaires ou des ressources pertinentes.

Bien que toutes ces recommandations soient basées sur les « meilleures pratiques » du secteur, vous devez garder à l’esprit que chaque situation est différente et que la mise en œuvre de ces recommandations nécessite souvent la coopération et l’agilité de plusieurs services. Les entreprises doivent reconnaître que les utilisateurs mobiles sont de plus en plus nombreux et que la mise en place d’un site web adapté à la mobilité est la première étape pour attirer ces visiteurs et les transformer en clients.