LA MEILLEURE FAÇON DE DÉVELOPPER UN SITE WEB MOBILE OPTIMISÉ

LA MEILLEURE FAÇON DE DÉVELOPPER UN SITE WEB MOBILE OPTIMISÉ

Le marché de la recherche mobile est en pleine expansion. Les recherches effectuées à partir d’appareils mobiles représentent aujourd’hui 15 % du volume total des recherches sur Google. Ce taux de croissance devrait se poursuivre, et Google continue à se tailler la part du lion (95 %) de toutes les requêtes mobiles.

Ces deux facteurs à eux seuls sont suffisamment incitatifs pour faire d’un site web mobile optimisé une priorité pour votre entreprise.

La conception d’un site web mobile peut être réalisée de différentes manières. Les approches les plus courantes et les plus acceptées sont la conception adaptée (ou flexible), le HTML spécifique à l’appareil ou l’utilisation d’un sous-dossier ou d’un sous-domaine – essentiellement un site web distinct.

Voyons voir quelle est la meilleure solution…

1. Une conception adaptée pour un site web mobile

Le design réactif est un format succinct permettant de fournir un contenu mobile prêt à l’emploi sur un seul site web.

Cela se fait par la création de différentes feuilles de style qui sont appelées en fonction de l’appareil et de la taille de l’écran utilisés par le visiteur qui navigue sur le site web. Chaque feuille de style utilise le même fichier HTML de la page pour afficher le contenu en donnant le sens de 3 versions différentes du site web.

2. HTML spécifique à l’appareil pour un site web mobile

Grâce à la détection de l’agent utilisateur, cette approche dessert dynamiquement tous les appareils avec le même ensemble d’URL, mais en fonction de l’appareil (mobile, tablette, bureau) utilisé, elle appellera des HTML et CSS différents.

Cette approche présente des problèmes communs tels que des redirections non pertinentes et une mauvaise adaptation des agents utilisateurs (détection inexacte d’un agent utilisateur), qui se traduisent tous deux par la fourniture d’une version d’URL erronée au visiteur du site web.

Ressources supplémentaires :
https://developers.google.com/webmasters/smartphone-sites/redirects
3. URL mobiles pour un site web mobile

En établissant un emplacement distinct au sein du même domaine (m.domaine.com ou domaine.com/mobile), il est également possible de créer un deuxième site web plus adapté aux mobiles.

Dans le cadre de cette approche, l’utilisation des balises rel= »alternate » et « rel= »canonical » est très importante. Cela permettra aux robots de recherche d’éliminer les risques de double emploi et les aidera à déterminer l’URL à classer en fonction de l’appareil utilisé pour effectuer une requête donnée. Source

En outre, pour permettre aux robots d’exploration de localiser les deux versions de chaque URL, vous disposez de deux options pour le plan du site XML.

Créer un plan de site XML mobile distinct [source].
Utiliser l’alternative rel= »alternate » dans le plan de site XML standard [source].
 
Quelle est la meilleure approche pour un site web mobile optimisé ?

Un design réactif est l’approche idéale à adopter quand et où cela est possible. Si chacune de ces trois approches peut certainement fonctionner, les preuves et la logique – tant pour l’expérience de l’utilisateur que pour l’optimisation efficace des moteurs de recherche – derrière une conception réactive sont solides.

Voici quelques raisons rapides pour lesquelles la conception réactive est l’approche préférée des sites web mobiles :

Elle résout les problèmes de duplication de contenu avant qu’ils ne se produisent
Optimisation du budget d’exploration (ne pas dupliquer le nombre de pages de destination que les robots doivent visiter)
Réduction des coûts et du temps consacrés au développement web, à la création et à l’optimisation de contenu supplémentaire, etc.
Vous n’aurez plus jamais à vous soucier de savoir quelle version d’une URL est classée sur quel appareil
Offre une meilleure expérience utilisateur et une optimisation des recherches
Autorité centralisée des liens (ce qui signifie que la valeur du lien n’est plus répartie entre deux URL)
Pourquoi un site web optimisé pour le mobile est-il important pour chaque entreprise ?

Le modèle d’entreprise n’a pas vraiment d’importance. Comme de plus en plus d’utilisateurs adoptent l’approche mobile pour naviguer, la consultation régulière de votre site web via un téléphone ou une tablette est inévitable. La question est de savoir si votre site web est vraiment prêt pour les visiteurs mobiles dès leur arrivée.

En observant le marché de la téléphonie mobile, nous pouvons voir des statistiques qui indiquent (regardez juste quelques unes ici, ici et ici) combien il sera important de s’adapter à ce format de navigation car la probabilité que votre public cible utilise le téléphone sera toujours élevée.

Donc, si vous n’avez pas encore développé une version mobile de votre site web, je vous suggère de revoir la conception de votre site web actuel et d’y intégrer un design réactif (ou flexible). Si vous avez déjà développé un site web mobile en utilisant l’un des deux autres formats, ne vous inquiétez pas, assurez-vous simplement que votre implémentation est correcte pour être sûr de pouvoir fonctionner dans les moteurs de recherche quel que soit l’appareil utilisé par le visiteur.

Ressources supplémentaires :
http://googlewebmastercentral.blogspot.ch/2012/06/recommendations-for-building-smartphone.html
https://developers.google.com/webmasters/smartphone-sites/details
http://www.bing.com/community/site_blogs/b/webmaster/archive/2012/03/07/building-websites-optimized-for-all-platforms-desktop-mobile-etc.aspx