Bonnes pratiques pour les sites mobiles et l'indexation mobile-first

Google utilise la version mobile du contenu d’un site, explorée avec le
smartphone agent,
pour l’indexation et le classement. C’est ce qu’on appelle l’indexation mobile-first.

Bien qu’il ne soit pas obligatoire d’avoir une version mobile de vos pages pour que votre contenu soit inclus dans les résultats de recherche Google, cela est fortement recommandé. Ces bonnes pratiques s’appliquent aux sites mobiles en général et, par définition, à l’indexation mobile-first.

Pour garantir la meilleure expérience possible à vos utilisateurs, suivez les bonnes pratiques détaillées dans ce guide.

Créez un site adapté aux mobiles

Si ce n’est pas déjà fait, créez un site web adapté aux mobiles afin que vos utilisateurs visitant votre site via un téléphone mobile bénéficient d’une expérience optimale. Il existe trois configurations possibles pour créer un site mobile-friendly :

• Responsive design :
  Sert le même code HTML sur la même URL quel que soit l’appareil de l’utilisateur (par exemple, ordinateur, tablette, mobile, navigateur non visuel), mais peut afficher le contenu différemment selon la taille de l’écran. Google recommande le Responsive Web Design car c’est le modèle de conception le plus simple à mettre en œuvre et à maintenir.
• Dynamic serving : Utilise la même URL quel que soit l’appareil. Cette configuration repose sur le
  user-agent sniffing
  et l’en-tête de réponse HTTP
  Vary: user-agent
  pour servir une version différente du HTML selon les appareils.
• URLs distinctes : Sert un HTML différent pour chaque appareil, sur des URLs séparées. Comme pour le dynamic serving, cette configuration repose sur les en-têtes HTTP user-agent et Vary pour rediriger les utilisateurs vers la version du site adaptée à leur appareil.

Le contenu de ce guide s’applique uniquement aux configurations de dynamic serving et d’URLs distinctes. Dans le cas du responsive design, le contenu et les métadonnées sont identiques sur les versions mobile et ordinateur des pages.

Assurez-vous que Google peut accéder à votre contenu et le rendre

Assurez-vous que Google peut accéder à votre contenu mobile et à ses ressources, et les rendre.

• Utilisez les mêmes balises meta robots sur le site mobile et le site ordinateur.
  Si vous utilisez une balise meta robots différente sur le site mobile (en particulier les balises noindex ou nofollow), Google pourrait échouer à explorer et indexer votre page lorsque votre site est activé pour l’indexation mobile-first.
• Ne chargez pas le contenu principal en différé (lazy-load) lors d’une interaction utilisateur. Google ne chargera pas le contenu nécessitant des interactions utilisateur (par exemple, balayer, cliquer ou taper) pour s’afficher.
  Assurez-vous que Google peut voir le contenu chargé en différé.
• Laissez Google explorer vos ressources. Certaines ressources ont des URLs différentes sur le site mobile par rapport au site ordinateur. Si vous souhaitez que Google explore vos URLs, assurez-vous de ne pas bloquer l’URL avec la
  règle disallow.

Assurez-vous que le contenu est identique sur ordinateur et mobile

Même avec un contenu équivalent, des différences dans le DOM ou la mise en page entre les versions ordinateur et mobile peuvent amener Google à interpréter le contenu différemment. Cependant, avoir le même contenu sur les deux versions garantit qu’elles peuvent se classer sur les mêmes mots-clés.

• 
  Assurez-vous que votre site mobile contient le même contenu que votre site ordinateur.
  
  Si votre site mobile contient moins de contenu que votre site ordinateur, envisagez de le mettre à jour afin que son contenu principal soit équivalent. Vous pouvez adopter un design différent sur mobile pour maximiser l’expérience utilisateur (par exemple, en déplaçant le contenu dans des accordéons ou des onglets) ; assurez-vous simplement que le contenu est équivalent à celui du site ordinateur, car l’indexation se base sur le site mobile.
• 
  Utilisez les mêmes titres clairs et significatifs sur le site mobile que sur le site ordinateur.
  

Vérifiez vos données structurées

Si vous utilisez des données structurées sur votre site, assurez-vous qu’elles sont présentes sur les deux versions. Voici quelques points spécifiques à vérifier :

• Assurez-vous que vos sites mobile et ordinateur ont les mêmes données structurées.
  Si vous devez prioriser les types à ajouter sur votre site mobile, commencez par les données structurées
  Fil d’Ariane,
  Product, et
  VideoObject.
• Utilisez les URLs correctes dans les données structurées. Assurez-vous que les URLs dans les données structurées des versions mobiles sont mises à jour vers les URLs mobiles.
• Si vous utilisez le Marqueur de données, entraînez-le sur votre site mobile. Si vous utilisez le
  Marqueur de données
  pour fournir des données structurées, vérifiez régulièrement le
  tableau de bord du Marqueur de données
  pour détecter les erreurs d’extraction.

Utilisez les mêmes métadonnées sur les deux versions de votre site

Assurez-vous que l’
élément title et la
méta description sont équivalents sur les deux versions de votre site.

Vérifiez l’emplacement de vos publicités

Ne laissez pas les publicités nuire au classement de votre page mobile. Suivez le
Better Ads Standard
lors de l’affichage de publicités sur les appareils mobiles. Par exemple, les publicités en haut de page peuvent occuper trop d’espace sur un appareil mobile, ce qui dégrade l’expérience utilisateur.

Vérifiez le contenu visuel

Vérifiez vos images

Assurez-vous que les images de votre site mobile respectent les
bonnes pratiques en matière d’images. Nous vous recommandons particulièrement de :

• 
  Fournir des
  images de haute qualité.
  N’utilisez pas d’images trop petites ou de faible résolution sur le site mobile.
• 
  Utiliser un
  format d’image pris en charge.
  N’utilisez pas de formats ou de balises non pris en charge. Par exemple, Google prend en charge les images au format SVG, mais nos systèmes ne peuvent pas indexer une image .jpg dans une balise <image> à l’intérieur d’un SVG en ligne.
• Ne pas utiliser d’URLs qui changent à chaque chargement de page pour les images. Google ne pourra pas traiter et indexer correctement vos ressources si vous utilisez des URLs changeant constamment.
• 
  Assurez-vous que le site mobile possède le même texte alternatif (alt text) pour les images que le site ordinateur.
  Utilisez un
  texte alternatif descriptif
  pour les images sur votre site mobile, comme vous le faites sur votre site ordinateur.
• 
  Assurez-vous que la qualité du contenu de la page mobile est aussi bonne que celle de la page ordinateur.
  Utilisez les mêmes
  titres, légendes, noms de fichiers et textes
  pertinents pour les images sur le site mobile que ceux utilisés pour le site ordinateur.

Vérifiez vos vidéos

Assurez-vous que les vidéos sur votre site mobile respectent les
bonnes pratiques vidéo. Nous vous recommandons particulièrement de :

• Ne pas utiliser d’URLs qui changent à chaque chargement de page pour vos vidéos.
  Google ne pourra pas traiter et indexer correctement vos ressources si vous utilisez des URLs changeant constamment.
• 
  Utiliser un format pris en charge
  pour vos vidéos et les placer dans des balises prises en charge. Les vidéos sont identifiées sur la page par la présence d’une balise HTML, par exemple : <video>, <embed> ou <object>.
• Utiliser les mêmes données structurées vidéo sur vos sites mobile et ordinateur. Pour plus d’informations, vérifiez vos données structurées.
• 
  Placer la vidéo dans une position facile à trouver sur la page lors de la consultation sur un appareil mobile.
  Par exemple, le classement de la vidéo pourrait être affecté si les utilisateurs doivent faire défiler la page trop bas pour la trouver sur mobile.

Bonnes pratiques supplémentaires pour les URLs distinctes

Si votre site possède des URLs distinctes pour les versions ordinateur et mobile (aussi appelées m-dot), nous recommandons les bonnes pratiques supplémentaires suivantes :

• 
  Assurez-vous que le statut de la page d’erreur est identique sur les sites ordinateur et mobile.
  Si une page de votre site ordinateur affiche un contenu normal et que la version mobile de cette page affiche une page d’erreur, cette page sera absente de l’index.
• Assurez-vous que votre version mobile ne contient pas de fragments d’URL. La partie fragment de l’URL est la fin de l’URL commençant par #. La plupart du temps, les fragments d’URL ne sont pas indexables ; ces pages seront absentes de l’index une fois votre domaine activé pour l’indexation mobile-first.
• 
  Assurez-vous que les versions ordinateur servant des contenus différents possèdent des versions mobiles équivalentes.
  Si différentes URLs redirigent vers la même URL (par exemple, vers la page d’accueil sur mobile) après l’activation de l’indexation mobile-first pour votre domaine, toutes ces pages seront absentes de l’index.
• 
  Vérifiez les deux versions de votre site dans la
  Search Console
  pour vous assurer d’avoir accès aux données et aux messages pour les deux versions. Votre site peut subir un changement de données lorsque Google bascule vers l’indexation mobile-first.

• Vérifiez les liens hreflang sur les URLs distinctes. Lorsque vous utilisez des
  éléments link rel=hreflang
  
  pour l’
  internationalisation,
  liez les URLs mobiles et ordinateur séparément. Les hreflang de vos URLs mobiles doivent pointer vers des URLs mobiles, et de même, les hreflang des URLs ordinateur doivent pointer vers des URLs ordinateur.

  Voici un exemple de hreflang pour la page d’accueil d’un site avec des URLs distinctes pour mobile et ordinateur.

  Mobile

  Dans cet exemple, l’URL du site mobile est https://m.example.com/.

  Ordinateur

  Dans cet exemple, l’URL du site ordinateur est https://example.com/.
• Assurez-vous que votre site mobile dispose d’une capacité suffisante pour gérer une augmentation potentielle du
  taux d’exploration
  sur la version mobile de votre site.
• 
  Vérifiez que vos
  règles robots.txt
  fonctionnent comme prévu pour les deux versions de votre site. Le fichier robots.txt vous permet de spécifier quelles parties d’un site web peuvent être explorées ou non. Dans la plupart des cas, utilisez les mêmes règles robots.txt pour les versions mobile et ordinateur de votre site.

• 
  Utilisez les éléments link rel=canonical et rel=alternate corrects
  entre vos versions mobile et ordinateur. L’URL ordinateur est toujours la canonique, et la version mobile est l’alternative de cette URL.

  Voici un exemple de rel=canonical et rel=alternate pour une configuration de site avec URLs distinctes.

  Mobile

  Dans cet exemple, l’URL du site mobile est https://m.example.com/ et inclut un élément link qui pointe vers l’URL ordinateur comme URL canonique.

  Ordinateur

  Dans cet exemple, l’URL du site ordinateur est https://example.com/ et inclut un élément link qui pointe vers elle-même comme URL canonique, suivi d’un autre élément link qui pointe vers la version mobile comme version alternative de cette URL.

Dépannage

Voici une liste des erreurs les plus courantes qui peuvent empêcher l’activation de l’indexation mobile-first ou provoquer une baisse de classement après son activation. Si votre site n’est pas encore activé pour l’indexation mobile-first, si vous avez constaté une baisse de classement après son activation, ou si vous avez reçu un message dans la Search Console, consultez la liste suivante et résolvez les erreurs possibles :