Offrir aux utilisateurs de tablettes le Web en taille réelle

Lundi 12 novembre 2012

Depuis que nous avons annoncé les recommandations de Google pour la création de sites Web optimisés pour les smartphones, une question
fréquente que nous avons entendue de la part des webmasters est de savoir comment traiter au mieux les tablettes. C’est une question similaire
à celle à laquelle sont confrontés les développeurs d’applications Android, et pour cela le
guide de création d’applications pour tablettes de qualité
est un excellent point de départ.

Bien que nous n’ayons pas de recommandations spécifiques pour la création de sites Web optimisés pour les tablettes et adaptés aux moteurs de recherche,
il existe quelques conseils pour créer des sites Web qui répondent bien aux besoins des utilisateurs de smartphones et de
tablettes.

Lorsque vous prenez en compte les visiteurs de votre site qui utilisent des tablettes, il est important de penser à la fois
aux appareils et aux attentes des utilisateurs. Par rapport aux smartphones, les tablettes ont des écrans tactiles plus grands et
sont généralement utilisées sur des connexions Wi-Fi. Les tablettes offrent une expérience de navigation qui peut être aussi riche que
celle de n’importe quel ordinateur de bureau ou portable, dans un format plus mobile, plus léger et généralement plus pratique. Cela signifie que, à moins que vous ne proposiez de contenu optimisé pour les tablettes, les utilisateurs s’attendent à voir
votre site de bureau plutôt que le site pour smartphone de votre site.

Notre recommandation pour les sites optimisés pour les smartphones est de
utiliser la conception Web adaptative (responsive design), ce qui signifie que vous avez un
seul site pour tous les appareils. Si votre site Web utilise la conception Web adaptative comme recommandé,
veuillez tester votre site Web sur une variété de tablettes pour vous assurer qu’il leur convient également. N’oubliez pas que, tout comme pour les smartphones, il existe une variété de tailles d’appareils et de résolutions d’écran à tester.

Une autre configuration courante consiste à avoir des sites séparés pour les ordinateurs de bureau et les smartphones, et
à rediriger les utilisateurs vers la version appropriée. Si vous utilisez cette configuration, veillez à ne pas rediriger par inadvertance
les utilisateurs de tablettes vers le site optimisé pour les smartphones.

Distinguer les smartphones et les tablettes Android

Pour les appareils basés sur Android, il est facile de faire la distinction entre les smartphones et les tablettes en utilisant la
chaîne d’agent utilisateur fournie par les navigateurs : bien que les smartphones et les tablettes Android incluent
tous deux le mot “Android” dans la chaîne d’agent utilisateur, seul l’agent utilisateur des smartphones inclura le mot “Mobile”.

En résumé, tout appareil Android qui ne contient pas le mot “Mobile” dans l’agent utilisateur est une tablette
(ou un autre appareil à grand écran) qui s’affiche au mieux avec le site de bureau.

Par exemple, voici l’agent utilisateur de Chrome sur un smartphone Galaxy Nexus :

Ou de Firefox sur le Galaxy Nexus :

Comparez-les à l’agent utilisateur de Chrome sur la Nexus 7 :

Ou de Firefox sur la Nexus 7 :

Étant donné que l’agent utilisateur du Galaxy Nexus inclut “Mobile”, il doit afficher votre
site Web optimisé pour les smartphones, tandis que la Nexus 7 doit recevoir le site complet.

Nous espérons que cela vous aidera à créer de meilleurs sites Web optimisés pour les tablettes. Comme toujours, veuillez poser vos questions sur nos
forums d’aide pour webmasters
si vous avez d’autres questions.

Publié par
Pierre Far,
analyste des tendances pour les webmasters, et
Scott Main, rédacteur technique principal pour developer.android.com