SEO pour les sites mobiles : présentation

Nous allons nous assurer que votre site s'affiche dans les résultats de recherche. Vous allez apprendre à configurer votre site pour plusieurs appareils et à aider les moteurs de recherche à comprendre votre site.

Choisir la configuration de votre site mobile

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

Il existe trois techniques principales pour 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. Le responsive design est le modèle que nous recommandons.

  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, consultez l'article Créer des sites Web adaptés au consommateur 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-nous lorsqu'une page est mise en forme pour les mobiles ou lorsqu'il existe une page équivalente mise en forme pour les mobiles. Cela aide Google à proposer correctement votre contenu aux mobinautes dans les résultats de recherche.
  2. Vos ressources doivent pouvoir être explorées. N'utilisez pas de fichier robots.txt pour bloquer l'accès des moteurs de recherche à des fichiers essentiels de votre site qui contribuent à l'affichage de la page, y compris des annonces. Si Googlebot n'a pas accès aux ressources d'une page, comme les fichiers CSS, JavaScript ou image, il se peut que nous ne détections pas que celle-ci a été créée pour s'afficher et fonctionner sur 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 le fait d'inclure des vidéos importantes qui ne peuvent pas être lues, au format Flash par exemple. Les pages mobiles qui offrent une mauvaise expérience aux internautes 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 que les tablettes sont des appareils à part, c'est pourquoi quand nous parlons d'appareils mobiles, nous excluons généralement les tablettes. 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, XHTML-MP, etc.