Choisir une configuration pour mobile

Cet article explique comment s'assurer que votre site apparaisse dans les résultats de recherche. Vous allez apprendre à configurer votre site pour plusieurs appareils et à aider les moteurs de recherche à comprendre votre site.

Trois manières de mettre en œuvre votre site Web mobile

Trois techniques principales permettent de créer un site Web adapté à tous les écrans. Le tableau ci-dessous propose un comparatif de ces méthodes :

Configuration Est-ce que mon URL reste la même ? Est-ce que mon code HTML reste le même ?
Responsive Web Design Oui Oui
Diffusion dynamique Oui Non
URL distinctes Non Non
  1. Responsive Web Design : le même code HTML est affiché sur la même URL quel que soit l'appareil utilisé : ordinateur, tablette, mobile ou navigateur non visuel. Toutefois, l'affichage peut être différent selon la taille de l'écran. Google recommande l'utilisation du Responsive Web Design, car il s'agit du modèle de conception le plus simple à mettre en œuvre et à gérer.

  2. Diffusion dynamique : utilise la même URL quel que soit l'appareil utilisé, mais génère une version distincte du code HTML pour les différents types d'appareils selon les informations dont dispose le serveur au sujet du navigateur.

  3. URL distinctes : un code distinct est affiché sur chaque appareil et sur des URL distinctes. Cette configuration essaie de détecter l'appareil de l'internaute, puis le redirige vers la page appropriée à l'aide de redirections HTTP et de l'en-tête HTTP "Vary".

Nous ne préconisons aucun format d'URL particulier du moment que tous les user-agents Googlebot peuvent accéder à la totalité des pages et des éléments.

Pour en savoir plus sur le choix d'une configuration de site mobile, et peser le pour et le contre de chaque option, découvrez comment créer des sites Web adaptés aux utilisateurs multi-écran.

Les points clés de l'optimisation mobile

Comme nous le verrons plus tard, différentes configurations s'offrent à vous pour adapter votre site aux mobiles. Cependant, certains points clés doivent être pris en compte indépendamment de la configuration choisie.

  1. Indiquez à Google qu'une page est mise en forme pour les mobiles ou qu'il existe une page équivalente mise en forme pour les mobiles. Cela nous aide à présenter correctement votre contenu aux mobinautes dans les résultats de recherche.
  2. L'exploration de vos ressources doit être possible. N'utilisez pas le fichier robots.txt pour empêcher les moteurs de recherche d'accéder aux fichiers critiques de votre site qui contribuent à l'affichage de la page (y compris les annonces). Si Googlebot n'a pas accès aux ressources d'une page, comme les fichiers CSS, JavaScript ou image, nous risquons de ne pas détecter que la page a été créée pour s'afficher et fonctionner dans les navigateurs mobiles. En d'autres termes, nous ne détecterons peut-être pas que la page est adaptée aux mobiles et nous ne l'afficherons pas correctement pour les mobinautes.
  3. Évitez les erreurs fréquentes qui frustrent les mobinautes, comme l'ajout de vidéos volumineuses qui sont impossibles à lire, au format Flash par exemple. Les pages mobiles qui offrent une mauvaise expérience aux mobinautes peuvent être rétrogradées dans le classement ou affichées avec un avertissement dans les résultats de recherche pour mobile. Pour en savoir plus, consultez la rubrique "Erreurs fréquentes".

Comprendre les différences entre les appareils

Mobile : dans ce document, les termes "mobile" ou "appareil mobile" font par exemple référence à des smartphones avec Android, ou de type iPhone ou Windows Phone. Les navigateurs mobiles sont semblables à ceux des ordinateurs, car ils peuvent afficher une bonne partie de la spécification HTML5, même si la taille de leur écran est plus petite et que leur orientation par défaut est presque toujours verticale.

Tablettes : nous considérons les tablettes comme des appareils à part entière. Lorsque nous parlons d'appareils mobiles, nous n'incluons généralement pas les tablettes dans cette catégorie. Ces dernières ont souvent un écran plus grand que les téléphones. Ainsi, si vous n'offrez pas de contenu optimisé pour les tablettes, les utilisateurs s'attendront à voir votre site comme sur leur ordinateur plutôt que sur leur smartphone.

Téléphones multimédias : téléphones dont les navigateurs sont en mesure d'afficher des pages codées conformément aux normes XHTML et acceptent le balisage HTML5 ainsi que les scripts JavaScript/ECMAScript, mais ne sont pas forcément compatibles avec certaines API d'extension de la norme HTML5. Cela concerne en général le navigateur de la plupart des téléphones 3G qui ne sont pas des smartphones.

Feature phones : téléphones dont les navigateurs ne peuvent pas afficher les pages Web normales codées avec la norme HTML. Il s'agit notamment des navigateurs qui affichent seulement les langages cHTML (iMode), WML et XHTML-MP.