Bonnes pratiques en matière d'indexation de sites mobiles et d'indexation orientée mobile

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

Il n'est pas obligatoire d'avoir une version mobile de vos pages pour que votre contenu soit inclus dans les résultats de recherche Google, mais cela est fortement recommandé. Ces bonnes pratiques s'appliquent aux sites mobiles en général et, par définition, à l'indexation orientée mobile.

Pour optimiser l'expérience utilisateur, suivez les bonnes pratiques détaillées dans ce guide.

Créer un site adapté aux mobiles

Si vous ne l'avez pas déjà fait, créez un site Web adapté aux mobiles afin que les internautes qui le visitent puissent bénéficier d'une expérience optimale. Pour créer un site adapté aux mobiles, vous avez le choix entre trois configurations :

  • Responsive 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, le contenu peut être affiché différemment 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.
  • Diffusion dynamique : utilise la même URL quel que soit l'appareil. Cette configuration s'appuie sur la détection du user-agent et sur l'en-tête de réponse HTTP Vary: user-agent pour diffuser des versions du code HTML différentes selon les appareils.
  • URL distinctes : un code HTML distinct est affiché sur chaque appareil et sur des URL distinctes. Comme pour la diffusion dynamique, cette configuration repose sur les en-têtes HTTP user-agent et Vary pour la redirection vers la version appropriée du site selon l'appareil.

Ce guide ne s'applique qu'à la diffusion dynamique et aux configurations d'URL distinctes. En ce qui concerne le responsive design, le contenu et les métadonnées sont identiques dans les versions pour mobile et pour ordinateur des pages.

S'assurer que Google peut accéder à votre contenu et l'afficher

Assurez-vous que Google peut accéder au contenu et aux ressources de votre page mobile, et les afficher.

  • Utilisez les mêmes balises meta robots sur le site mobile et pour ordinateur. Si vous utilisez une balise meta robots différente sur le site mobile, notamment noindex ou nofollow, Google risque de ne pas explorer ni indexer votre page une fois que l'indexation orientée mobile sera activée pour votre site.
  • Évitez le chargement différé de contenu principal après une interaction de l'utilisateur. Google ne charge pas le contenu qui nécessite une interaction utilisateur (balayage de l'écran, clic ou saisie de texte, par exemple). Assurez-vous que Google peut voir le contenu à chargement différé.
  • Autorisez Google à explorer vos ressources. Certaines ressources ont des URL différentes sur le site mobile et la version pour ordinateur. Si vous souhaitez que Google explore vos URL, assurez-vous de ne pas les bloquer avec la règle disallow.

S'assurer que le contenu est identique sur les ordinateurs et les mobiles

Même avec un contenu équivalent, les différences de modèle DOM ou de mise en page entre les pages pour ordinateur et pour mobile peuvent entraîner une interprétation différente du contenu par Google. Toutefois, si le contenu est identique sur ordinateur et sur mobile, les deux versions peuvent apparaître dans le classement pour les mêmes mots clés.

  • Assurez-vous que votre site mobile présente le même contenu que la version pour ordinateur. Si le site mobile comporte moins de contenu que la version pour ordinateur, envisagez de le mettre à jour de sorte que son contenu principal soit équivalent à celui de la version pour ordinateur. Vous pouvez proposer une interface différente sur mobile afin de maximiser l'expérience utilisateur (par exemple, en déplaçant du contenu dans des accordéons ou des onglets). Assurez-vous simplement que le contenu est identique au site pour ordinateur, car la quasi-totalité de l'indexation de votre site provient du site mobile.
  • Utilisez les mêmes en-têtes clairs et pertinents sur le site mobile que sur la version pour ordinateur.

Vérifier vos données structurées

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

  • Assurez-vous que le site mobile et la version pour ordinateur disposent des mêmes données structurées. Pour choisir les types de données structurées à ajouter en priorité à votre site mobile, commencez par Breadcrumb, Product et VideoObject.
  • Utilisez des URL correctes dans les données structurées. Assurez-vous que les URL indiquées dans les données structurées du site mobile sont remplacées par des URL mobiles.
  • Si vous utilisez le marqueur de données, testez-le sur votre site mobile. Si vous utilisez le marqueur de données pour générer des données structurées, consultez régulièrement son tableau de bord pour identifier les erreurs d'extraction.

Ajouter les mêmes métadonnées dans les deux versions de votre site

Assurez-vous que l'élément title et la meta description sont identiques dans les deux versions de votre site.

Vérifier l'emplacement de vos annonces

Veillez à ce que les annonces ne nuisent pas au classement de votre page mobile. Respectez la norme Better Ads Standards lorsque vous diffusez des annonces sur des appareils mobiles. Par exemple, les annonces placées en haut de la page peuvent occuper trop de place sur un appareil mobile, ce qui affecte l'expérience utilisateur.

Vérifier le contenu visuel

Vérifier vos images

Assurez-vous que les images de votre site mobile respectent les bonnes pratiques relatives aux images. En particulier, nous vous recommandons de respecter ces consignes :

  • Fournissez des images de qualité. Évitez d'utiliser des images trop petites ou de faible résolution sur le site mobile.
  • Utilisez un format compatible avec les images. Évitez les formats et les balises non compatibles. Par exemple, Google accepte les images au format SVG, mais nos systèmes ne peuvent pas indexer une image .jpg dans la balise <image> d'un fichier SVG intégré.
  • N'utilisez pas d'URL d'image qui changent à chaque chargement de page. Nous ne pouvons pas traiter ni indexer correctement vos ressources si vous utilisez des URL qui changent constamment.
  • Vérifiez que le site mobile propose le même texte alternatif pour les images que la version pour ordinateur. Utilisez le même texte alternatif descriptif pour les images de votre site mobile que pour la version pour ordinateur.
  • Assurez-vous que la qualité du contenu de la page mobile est équivalente à celle de la page de la version pour ordinateur. Utilisez les mêmes titres descriptifs, légendes, noms de fichiers et textes pour les images du site mobile que pour celles de la version pour ordinateur.

Consulter vos vidéos

Assurez-vous que les vidéos de votre site mobile respectent les bonnes pratiques relatives aux vidéos. En particulier, nous vous recommandons de respecter ces consignes :

  • N'utilisez pas d'URL de vidéo qui changent à chaque chargement de page. Nous ne pouvons pas traiter ni indexer correctement vos ressources si vous utilisez des URL qui changent constamment.
  • Utilisez un format compatible pour vos vidéos et insérez-les dans des balises acceptées. Les vidéos sont identifiées sur la page par la présence d'une balise HTML, par exemple : <video>, <embed> ou <object>.
  • Utilisez les mêmes données structurées de vidéo sur votre site mobile et sur la version pour ordinateur. Pour en savoir plus, vérifiez vos données structurées.
  • Placez la vidéo à un endroit facile à trouver sur la page lorsque vous l'affichez sur un appareil mobile. Par exemple, le classement de la vidéo risque de ne pas être optimal si les internautes doivent faire défiler la page pendant longtemps avant de pouvoir la visionner sur la page mobile.

Bonnes pratiques supplémentaires pour les URL distinctes

Si votre site utilise des URL distinctes dans la version pour ordinateur et la version mobile d'une page (également connues sous le nom "m-point"), nous vous recommandons de suivre les bonnes pratiques ci-dessous :

  • Assurez-vous que l'état de la page d'erreur est identique sur le site mobile et la version pour ordinateur. Si une page de votre site pour ordinateur affiche un contenu standard alors que sa version mobile présente une page d'erreur, elle n'apparaîtra pas dans l'index.
  • Assurez-vous que la version mobile ne comporte pas d'URL fragmentées. Un fragment d'URL correspond à la fin de l'URL commençant par #. La plupart du temps, les URL fragmentées ne sont pas indexables. Ces pages n'apparaîtront donc pas dans l'index une fois que l'indexation orientée mobile aura été activée pour votre domaine.
  • Assurez-vous que les versions pour ordinateur qui diffusent des contenus différents possèdent des versions mobiles équivalentes. Si des URL différentes redirigent vers la même URL (par exemple la page d'accueil sur les appareils mobiles), toutes ces pages cesseront d'apparaître dans l'index une fois que l'indexation orientée mobile aura été activée pour votre domaine.
  • Validez les deux versions de votre site dans la Search Console pour vous assurer que vous avez accès aux données et aux messages des deux versions. Un décalage de données peut avoir lieu lors du passage à l'indexation orientée mobile.
  • Vérifiez les liens hreflang des URL distinctes. Lorsque vous utilisez des éléments link rel=hreflang pour l'internationalisation, associez les URL pour mobile et pour ordinateur séparément. L'URL hreflang pour mobile doit renvoyer vers les URL mobiles, de même que l'URL pour ordinateur hreflang doit renvoyer vers les URL pour ordinateur.

    Voici un exemple d'attribut hreflang pour la page d'accueil d'un site avec des URL distinctes pour les mobiles et les ordinateurs.

    Mobile

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

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" hreflang="es" href="https://m.example.com/es/">
    <link rel="alternate" hreflang="fr" href="https://m.example.com/fr/">
    <link rel="alternate" hreflang="de" href="https://m.example.com/de/">
    <link rel="alternate" hreflang="th" href="https://m.example.com/th/">

    Ordinateur

    Dans cet exemple, l'URL du site pour ordinateur est https://example.com/.

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">
    <link rel="alternate" hreflang="es" href="https://example.com/es/">
    <link rel="alternate" hreflang="fr" href="https://example.com/fr/">
    <link rel="alternate" hreflang="de" href="https://example.com/de/">
    <link rel="alternate" hreflang="th" href="https://example.com/th/">
  • Assurez-vous que votre site mobile dispose de suffisamment de capacité pour gérer toute augmentation potentielle de la vitesse d'exploration sur la version mobile de votre site.
  • Vérifiez que les règles du fichier robots.txt fonctionnent comme prévu pour les deux versions de votre site. Le fichier robots.txt vous permet de spécifier les sections du site Web à explorer ou non. Dans la plupart des cas, vous devez utiliser les mêmes règles robots.txt pour le site mobile et la version pour ordinateur.
  • Vérifiez que les éléments rel=canonical et rel=alternatelink concordent entre la version pour mobile et la version pour ordinateur. L'URL pour ordinateur est toujours l'URL canonique, et la version mobile est l'alternative de cette URL.

    Voici un exemple d'éléments rel=canonical et rel=alternate pour une configuration de site à URL distinctes.

    Mobile

    Dans cet exemple, l'URL du site mobile est https://m.example.com/ et inclut un élément link qui redirige vers l'URL pour ordinateur en tant qu'URL canonique.

    <link rel="canonical" href="https://example.com/">

    Ordinateur

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

    <link rel="canonical" href="https://example.com/">
    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">

Dépannage

Voici la liste des erreurs les plus courantes qui peuvent empêcher l'activation de l'indexation orientée mobile pour un site ou affecter son classement après l'activation de cette fonctionnalité. Si votre site n'est pas encore soumis à l'indexation orientée mobile, si vous constatez une baisse du classement après l'activation de l'indexation orientée mobile ou si vous avez reçu un message dans la Search Console, consultez ci-après la liste des erreurs courantes et essayez de les résoudre.

Erreurs

Données structurées manquantes

Cause du problème : la page du site mobile n'a pas le même balisage de données structurées que la version pour ordinateur.

Résolution du problème

  1. Vérifiez que les données structurées sont présentes sur les deux versions de votre site (pour ordinateur et mobile).
  2. Assurez-vous que le site mobile et la version pour ordinateur disposent des mêmes données structurées.
  3. Utilisez des URL correctes dans les données structurées. Assurez-vous que les URL indiquées dans les données structurées du site mobile sont remplacées par les URL appropriées.
  4. Vérifiez les erreurs d'extraction de vos données structurées. Si vous utilisez le marqueur de données pour générer des données structurées, consultez régulièrement son tableau de bord pour identifier les erreurs d'extraction.
  5. Utilisez l'outil d'inspection d'URL afin de vous assurer que le contenu est visible sur le rendu de la page (qui affiche la page telle que Google la voit).

Balise noindex sur les pages

Cause du problème : l'indexation d'une page mobile est bloquée par une balise noindex.

Résolution du problème : Utilisez les mêmes balises meta robots sur le site mobile et la version pour ordinateur. N'utilisez pas la balise noindex sur la page mobile. Dans le cas contraire, Google n'indexera pas votre page une fois que l'indexation orientée mobile aura été activée pour votre site.

Image manquante

Cause du problème : la page mobile ne contient pas toutes les images essentielles de la version pour ordinateur.

Résolution du problème

  1. Assurez-vous que votre site mobile présente le même contenu que la version pour ordinateur. Si le site mobile a moins de contenu que la version pour ordinateur, envisagez de le mettre à jour de sorte que son contenu principal soit équivalent à celui de la version pour ordinateur. Seul le contenu affiché sur le site mobile sera utilisé pour l'indexation.
  2. Utilisez les mêmes balises meta pour les robots sur le site mobile et la version pour ordinateur. N'utilisez pas la balise nofollow sur la page mobile. Sinon, Google n'explorera et n'indexera pas votre page une fois que l'indexation orientée mobile aura été activée pour votre site.
  3. Utilisez un format et une balise compatibles pour les images. Par exemple, Google accepte les images au format SVG, mais nos systèmes ne peuvent pas indexer une image .jpg dans la balise <image> d'un fichier SVG intégré.
  4. Évitez le chargement différé de contenu principal après une interaction de l'utilisateur. Google ne charge pas le contenu qui nécessite une interaction utilisateur (balayage de l'écran, clic ou saisie de texte, par exemple). Assurez-vous que Google peut voir le contenu à chargement différé.

Image bloquée

Cause du problème : une image clé de la page mobile est bloquée par le fichier robots.txt.

Résolution du problème : autorisez Google à explorer vos ressources. Certaines images ont des URL différentes sur le site mobile et la version pour ordinateur. Si vous souhaitez que Google explore vos URL, ne les bloquez pas avec la règle disallow.

Image de mauvaise qualité

Cause du problème : la taille ou la résolution d'une image clé de la page mobile est insuffisante.

Résolution du problème : fournissez des images de haute qualité. Évitez d'utiliser des images trop petites ou de faible résolution sur le site mobile.

Texte alternatif manquant

Cause du problème : il manque du texte alternatif dans une image clé de la page mobile.

Résolution du problème : utilisez le même texte alternatif descriptif pour les images sur votre site mobile et sur la version pour ordinateur.

Titre de page manquant

Cause du problème : il manque un titre sur une page mobile.

Résolution du problème : assurez-vous que les titres et les balises meta description sont identiques dans les deux versions de votre site.

Balise meta description manquante

Cause du problème : il manque la description Meta dans une page mobile.

Résolution du problème : assurez-vous que les titres et les balises meta description sont identiques dans les deux versions de votre site.

L'URL mobile affiche une page d'erreur

Cause du problème : la page mobile renvoie une page d'erreur.

Résolution du problème : assurez-vous que l'état de la page d'erreur est le même sur le site mobile et la version pour ordinateur. Si une page de votre site pour ordinateur affiche un contenu standard alors que sa version mobile présente une page d'erreur, elle n'apparaîtra pas dans l'index.

L'URL mobile comporte un fragment d'ancrage

Cause du problème : l'URL mobile inclut un fragment d'ancrage et ne peut donc pas être indexée par Google.

Résolution du problème : assurez-vous que le site mobile ne comporte pas d'URL fragmentées. La plupart du temps, les URL fragmentées ne sont pas indexables. Ces pages n'apparaîtront donc pas dans l'index une fois que l'indexation orientée mobile aura été activée pour votre domaine.

Page mobile bloquée par le fichier robots.txt

Cause du problème : la page mobile est bloquée par une règle robots.txt.

Résolution du problème : Vérifiez que les instructions robots.txt et les balises meta robots fonctionnent comme prévu pour les deux versions de votre site. Utilisez les mêmes règles robots.txt pour le site mobile et la version pour ordinateur.

Cible de page mobile en double

Cause du problème : plusieurs pages de la version pour ordinateur redirigent vers la même page mobile.

Résolution du problème : assurez-vous que les versions pour ordinateur qui proposent différents contenus ont des versions mobiles équivalentes. Si des URL différentes redirigent vers la même URL sur les appareils mobiles, toutes ces pages cesseront d'apparaître dans l'index une fois que l'indexation orientée mobile aura été activée pour votre domaine.

Redirection de la version pour ordinateur vers la page d'accueil du site mobile

Cause du problème : la plupart ou la totalité des pages de la version pour ordinateur redirigent vers la page d'accueil du site mobile.

Résolution du problème : assurez-vous que la version pour ordinateur dispose d'une version mobile équivalente. Si des URL différentes redirigent vers la page d'accueil sur les appareils mobiles, toutes ces pages n'apparaîtront plus dans l'index une fois que l'indexation orientée mobile aura été activée pour votre domaine.

Problèmes de qualité de la page

Cause du problème : la page mobile présente des problèmes liés à la présence d'annonces ou à l'absence de contenu, de titres ou d'éléments descriptifs pour les images.

Résolution du problème :

  1. Veillez à ce que les annonces ne nuisent pas au classement de votre page mobile. Respectez la norme Better Ads Standards lorsque vous diffusez des annonces sur des appareils mobiles.
  2. Assurez-vous que votre site mobile présente le même contenu que la version pour ordinateur. Si le site mobile a moins de contenu que la version pour ordinateur, envisagez de le mettre à jour de sorte que son contenu principal soit équivalent à celui de la version pour ordinateur. Seul le contenu affiché sur le site mobile sera utilisé pour l'indexation.
  3. Veillez à utiliser les mêmes titres clairs et pertinents sur le site mobile et la version pour ordinateur.
  4. Utilisez les mêmes titres descriptifs, légendes, noms de fichiers et textes pour les images du site mobile que pour celles de la version pour ordinateur.

Problèmes liés à une vidéo

Cause du problème : la page mobile comporte une vidéo dont le format n'est pas accepté, qui est située à un emplacement difficile à trouver, qui ne contient pas de meta description ou dont le chargement est très lent.

Résolution du problème :

  1. Utilisez un format compatible pour vos vidéos et insérez-les dans des balises acceptées. Les vidéos sont identifiées sur la page par la présence d'une balise HTML, par exemple : <video>, <embed> ou <object>.
  2. Évitez le chargement différé de contenu principal après une interaction de l'utilisateur. Google ne charge pas le contenu qui nécessite des interactions utilisateur (balayage de l'écran, clic ou saisie de texte, par exemple). Assurez-vous que Google peut voir le contenu à chargement différé.
  3. Placez la vidéo à un emplacement facile à trouver sur votre site mobile. Par exemple, le classement de la vidéo risque de ne pas être optimal si les internautes doivent faire défiler la page pendant longtemps avant de pouvoir la visionner sur la page mobile.

Problèmes liés à la charge d'hôte

Cause du problème : certains hôtes ne disposent pas de suffisamment de charge d'hôte.

Résolution du problème : assurez-vous que votre site mobile dispose de la capacité nécessaire pour gérer une augmentation potentielle de la vitesse d'exploration sur la version mobile de votre site.