Recommandations pour la création de sites web optimisés pour les smartphones

Mercredi 6 juin 2012

Chaque jour, de plus en plus de smartphones sont activés et de plus en plus de sites web produisent du contenu optimisé pour les smartphones. Depuis que nous avons
dernièrement parlé de la création de sites web adaptés aux mobiles, nous avons travaillé dur pour améliorer la prise en charge par Google des contenus optimisés pour les smartphones. Dans le cadre de cet effort, nous avons lancé
Googlebot-Mobile pour les smartphones
en décembre 2011, qui a pour mission spécifique d’identifier ce type de contenu.

Aujourd’hui, nous souhaitons vous présenter les recommandations de Google pour la création de sites web optimisés pour les smartphones et vous expliquer comment procéder de manière à donner à vos sites optimisés pour les ordinateurs et pour les smartphones les meilleures chances de bien se positionner dans les résultats de recherche de Google.

Recommandations pour les sites optimisés pour les smartphones

Tous les détails de notre recommandation se trouvent sur notre
nouveau site d’aide, que nous résumons ici.

Lors de la création d’un site web destiné aux smartphones, Google prend en charge trois configurations différentes :

1. Les sites qui utilisent le design web adaptatif (responsive web design), c’est-à-dire les sites qui desservent tous les appareils sur le même ensemble d’URL, chaque URL fournissant le même code HTML à tous les appareils et utilisant simplement CSS pour modifier l’affichage de la page sur l’appareil. Il s’agit de la configuration recommandée par Google..
2. Les sites qui desservent dynamiquement tous les appareils sur le même ensemble d’URL, mais chaque URL fournit un code HTML (et CSS) différent selon que l’agent utilisateur est un ordinateur ou un appareil mobile.
3. Les sites qui disposent de sites mobiles et pour ordinateurs distincts.

Design web adaptatif

Le design web adaptatif est une technique permettant de créer des pages web dont l’apparence est modifiée à l’aide de requêtes média CSS3. En d’autres termes, il existe un seul code HTML pour la page, quel que soit l’appareil qui y accède, mais sa présentation change grâce à des requêtes média CSS qui spécifient les règles CSS applicables au navigateur affichant la page. Vous pouvez en savoir plus sur le design web adaptatif dans
cet article de blog
des webmasters de Google et
dans nos recommandations.

L’utilisation d’un design web adaptatif présente de nombreux avantages, notamment :

• Il conserve votre contenu pour ordinateurs et mobiles sur une seule URL, ce qui est plus facile pour vos utilisateurs pour interagir, partager et créer des liens, et pour les algorithmes de Google pour attribuer les propriétés d’indexation à votre contenu.
• Google peut découvrir votre contenu plus efficacement, car nous n’avons pas besoin d’explorer une page avec les différents agents utilisateurs de Googlebot pour récupérer et indexer tout le contenu.

HTML spécifique à l’appareil

Cependant, nous comprenons que dans de nombreuses situations, il peut ne pas être possible ou approprié d’utiliser un design web adaptatif. C’est pourquoi nous permettons aux sites web de diffuser un contenu équivalent à l’aide d’un code HTML différent et spécifique à l’appareil. Le HTML spécifique à l’appareil peut être diffusé sur la même URL (une configuration appelée service dynamique) ou sur des URL différentes (telles que www.example.com et m.example.com).

Si votre site web utilise une configuration de service dynamique, nous vous recommandons vivement d’utiliser l’
Vary en-tête HTTP pour indiquer aux serveurs de mise en cache et à nos algorithmes que le contenu peut changer pour les différents agents utilisateurs demandant la page. Nous l’utilisons également comme signal d’exploration pour Googlebot-Mobile.

En ce qui concerne la configuration de site mobile distinct, de nombreuses méthodes étant possibles, notre recommandation introduit des balises qui indiquent à nos algorithmes que vos pages pour ordinateurs et mobiles ont des objectifs équivalents ; c’est-à-dire que ces nouvelles balises décrivent la relation entre le contenu pour ordinateurs et mobile comme des alternatives l’un de l’autre et doivent être traitées comme une entité unique, chaque alternative ciblant une catégorie spécifique d’appareil.

Ces balises nous aideront à découvrir votre contenu optimisé pour les smartphones et permettront à nos algorithmes de comprendre la structure de votre contenu, lui donnant ainsi les meilleures chances de bien se positionner dans nos résultats de recherche.

Conclusion

Cet article de blog n’est qu’un bref résumé de notre recommandation pour
la création de sites web optimisés pour les smartphones. Veuillez lire la recommandation complète et voir quelle mise en œuvre prise en charge convient le mieux à votre site et à vos utilisateurs. Et, comme toujours, n’hésitez pas à poser vos questions sur nos
Forums d’aide pour les webmasters
si vous avez d’autres questions.

Publié par
Pierre Far,
Analyste des tendances pour les webmasters