{"id":25565,"date":"2026-09-05T02:45:43","date_gmt":"2026-09-04T23:45:43","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/mobile-site-and-mobile-first-indexing-best-practices\/"},"modified":"2026-09-06T00:51:38","modified_gmt":"2026-09-05T21:51:38","slug":"mobile-site-and-mobile-first-indexing-best-practices","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/mobile-site-and-mobile-first-indexing-best-practices\/","title":{"rendered":"Bonnes pratiques pour les sites mobiles et l'indexation mobile-first"},"content":{"rendered":"<p>\n  Google utilise la version mobile du contenu d&#8217;un site, explor\u00e9e avec le<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/google-crawlers\/\">smartphone agent<\/a>,<br \/>\n  pour l&#8217;indexation et le classement. C&#8217;est ce qu&#8217;on appelle l&#8217;<b>indexation mobile-first<\/b>.\n<\/p>\n<div class=\"video-wrapper\">\n<\/div>\n<p>\n  Bien qu&#8217;il ne soit pas obligatoire d&#8217;avoir une version mobile de vos pages pour que votre contenu soit inclus dans les r\u00e9sultats de recherche Google, cela est fortement recommand\u00e9. Ces bonnes pratiques s&#8217;appliquent aux sites mobiles en g\u00e9n\u00e9ral et, par d\u00e9finition, \u00e0 l&#8217;indexation mobile-first.\n<\/p>\n<p>\n  Pour garantir la meilleure exp\u00e9rience possible \u00e0 vos utilisateurs, suivez les bonnes pratiques d\u00e9taill\u00e9es dans ce guide.\n<\/p>\n<h2 id=\"mobile-site\" tabindex=\"-1\">Cr\u00e9ez un site adapt\u00e9 aux mobiles<\/h2>\n<p>\n  Si ce n&#8217;est pas d\u00e9j\u00e0 fait, cr\u00e9ez un site web adapt\u00e9 aux mobiles afin que vos utilisateurs visitant votre site via un t\u00e9l\u00e9phone mobile b\u00e9n\u00e9ficient d&#8217;une exp\u00e9rience optimale. Il existe trois configurations possibles pour cr\u00e9er un site mobile-friendly :\n<\/p>\n<ul>\n<li>\n    <a href=\"https:\/\/web.dev\/learn\/design\" class=\"external-link\"><b>Responsive design :<\/b><\/a><br \/>\n    Sert le m\u00eame code HTML sur la m\u00eame URL quel que soit l&#8217;appareil de l&#8217;utilisateur (par exemple, ordinateur, tablette, mobile, navigateur non visuel), mais peut afficher le contenu diff\u00e9remment selon la taille de l&#8217;\u00e9cran. <strong>Google recommande le Responsive Web Design car c&#8217;est le mod\u00e8le de conception le plus simple \u00e0 mettre en \u0153uvre et \u00e0 maintenir.<\/strong>\n  <\/li>\n<li>\n    <b>Dynamic serving :<\/b> Utilise la m\u00eame URL quel que soit l&#8217;appareil. Cette configuration repose sur le<br \/>\n    <a href=\"https:\/\/en.wikipedia.org\/wiki\/Browser_sniffing\" class=\"external-link\"><code>user-agent<\/code> sniffing<\/a><br \/>\n    et l&#8217;en-t\u00eate de r\u00e9ponse HTTP<br \/>\n    <a href=\"https:\/\/developer.mozilla.org\/docs\/Web\/HTTP\/Headers\/Vary\" class=\"external-link\"><code>Vary: user-agent<\/code><\/a><br \/>\n    pour servir une version diff\u00e9rente du HTML selon les appareils.\n  <\/li>\n<li id=\"separate-urls\">\n    <b>URLs distinctes :<\/b> Sert un HTML diff\u00e9rent pour chaque appareil, sur des URLs s\u00e9par\u00e9es. Comme pour le dynamic serving, cette configuration repose sur les en-t\u00eates HTTP <code>user-agent<\/code> et <code>Vary<\/code> pour rediriger les utilisateurs vers la version du site adapt\u00e9e \u00e0 leur appareil.\n  <\/li>\n<\/ul>\n<p>\n  Le contenu de ce guide s&#8217;applique uniquement aux configurations de dynamic serving et d&#8217;URLs distinctes. Dans le cas du responsive design, le contenu et les m\u00e9tadonn\u00e9es sont identiques sur les versions mobile et ordinateur des pages.\n<\/p>\n<aside class=\"note\">\n  <b>Si vous utilisez un CMS, tel que Wix ou Blogger<\/b>, vous devrez peut-\u00eatre trouver un nouveau th\u00e8me adapt\u00e9 aux mobiles si vous ne pouvez pas modifier votre th\u00e8me actuel. Essayez de rechercher le nom de votre CMS suivi de &#8220;mobile friendly&#8221;, par exemple, &#8220;wix mobile friendly&#8221;.<br \/>\n<\/aside>\n<h2 id=\"googlebot-can-see-content\" tabindex=\"-1\">Assurez-vous que Google peut acc\u00e9der \u00e0 votre contenu et le rendre<\/h2>\n<p>Assurez-vous que Google peut acc\u00e9der \u00e0 votre contenu mobile et \u00e0 ses ressources, et les rendre.<\/p>\n<ul>\n<li>\n    <b>Utilisez les m\u00eames balises <code>meta<\/code> <span>robots<\/span> sur le site mobile et le site ordinateur.<\/b><br \/>\n    Si vous utilisez une balise <code>meta<\/code> <span>robots<\/span> diff\u00e9rente sur le site mobile (en particulier les balises <code>noindex<\/code> ou <code>nofollow<\/code>), Google pourrait \u00e9chouer \u00e0 explorer et indexer votre page lorsque votre site est activ\u00e9 pour l&#8217;indexation mobile-first.\n  <\/li>\n<li>\n    <b>Ne chargez pas le contenu principal en diff\u00e9r\u00e9 (lazy-load) lors d&#8217;une interaction utilisateur.<\/b> Google ne chargera pas le contenu n\u00e9cessitant des interactions utilisateur (par exemple, balayer, cliquer ou taper) pour s&#8217;afficher.<br \/>\n    <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/fix-lazy-loaded-content\/\">Assurez-vous que Google peut voir le contenu charg\u00e9 en diff\u00e9r\u00e9<\/a>.\n  <\/li>\n<li>\n    <b>Laissez Google explorer vos ressources.<\/b> Certaines ressources ont des URLs diff\u00e9rentes sur le site mobile par rapport au site ordinateur. Si vous souhaitez que Google explore vos URLs, assurez-vous de ne pas bloquer l&#8217;URL avec la<br \/>\n    <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/robots-txt-syntax\/#disallow\">r\u00e8gle <code>disallow<\/code><\/a>.\n  <\/li>\n<\/ul>\n<h2 id=\"content-is-same\" tabindex=\"-1\">Assurez-vous que le contenu est identique sur ordinateur et mobile<\/h2>\n<p>\n  M\u00eame avec un contenu \u00e9quivalent, des diff\u00e9rences dans le DOM ou la mise en page entre les versions ordinateur et mobile peuvent amener Google \u00e0 interpr\u00e9ter le contenu diff\u00e9remment. Cependant, avoir le m\u00eame contenu sur les deux versions garantit qu&#8217;elles peuvent se classer sur les m\u00eames mots-cl\u00e9s.\n<\/p>\n<ul>\n<li>\n    <b><br \/>\n      Assurez-vous que votre site mobile contient le m\u00eame contenu que votre site ordinateur.<br \/>\n    <\/b><br \/>\n    Si votre site mobile contient moins de contenu que votre site ordinateur, envisagez de le mettre \u00e0 jour afin que son contenu principal soit \u00e9quivalent. Vous pouvez adopter un design diff\u00e9rent sur mobile pour maximiser l&#8217;exp\u00e9rience utilisateur (par exemple, en d\u00e9pla\u00e7ant le contenu dans des accord\u00e9ons ou des onglets) ; assurez-vous simplement que le contenu est \u00e9quivalent \u00e0 celui du site ordinateur, car l&#8217;indexation se base sur le site mobile.<\/p>\n<aside class=\"warning\">\n      Si vous avez l&#8217;intention d&#8217;avoir moins de contenu sur la page mobile que sur la page ordinateur, attendez-vous \u00e0 une perte de trafic une fois l&#8217;indexation mobile-first activ\u00e9e, car Google ne pourra pas obtenir autant d&#8217;informations qu&#8217;auparavant. Au lieu de supprimer du contenu, envisagez de le placer dans des accord\u00e9ons ou des onglets pour gagner de l&#8217;espace.<br \/>\n    <\/aside>\n<\/li>\n<li>\n    <b><br \/>\n      Utilisez les m\u00eames titres clairs et significatifs<\/b> sur le site mobile que sur le site ordinateur.<br \/>\n    <\/b>\n  <\/li>\n<\/ul>\n<h2 id=\"structured-data\" tabindex=\"-1\">V\u00e9rifiez vos donn\u00e9es structur\u00e9es<\/h2>\n<p>\n  Si vous utilisez des donn\u00e9es structur\u00e9es sur votre site, assurez-vous qu&#8217;elles sont pr\u00e9sentes sur les deux versions. Voici quelques points sp\u00e9cifiques \u00e0 v\u00e9rifier :\n<\/p>\n<ul>\n<li>\n    <b>Assurez-vous que vos sites mobile et ordinateur ont les m\u00eames donn\u00e9es structur\u00e9es.<\/b><br \/>\n    Si vous devez prioriser les types \u00e0 ajouter sur votre site mobile, commencez par les donn\u00e9es structur\u00e9es<br \/>\n    <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/breadcrumb-breadcrumblist-structured-data\/\"><code>Fil d\u2019Ariane<\/code><\/a>,<br \/>\n    <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/introduction-to-product-structured-data\/\"><code>Product<\/code><\/a>, et<br \/>\n    <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/video-videoobject-clip-broadcastevent-structured-data\/\"><code>VideoObject<\/code><\/a>.\n  <\/li>\n<li>\n    <b>Utilisez les URLs correctes dans les donn\u00e9es structur\u00e9es.<\/b> Assurez-vous que les URLs dans les donn\u00e9es structur\u00e9es des versions mobiles sont mises \u00e0 jour vers les URLs mobiles.\n  <\/li>\n<li>\n    <b>Si vous utilisez le Marqueur de donn\u00e9es, entra\u00eenez-le sur votre site mobile.<\/b> Si vous utilisez le<br \/>\n    <a href=\"https:\/\/support.google.com\/webmasters\/answer\/2692911\" class=\"external-link\">Marqueur de donn\u00e9es<\/a><br \/>\n    pour fournir des donn\u00e9es structur\u00e9es, v\u00e9rifiez r\u00e9guli\u00e8rement le<br \/>\n    <a href=\"https:\/\/www.google.com\/webmasters\/tools\/data-highlighter\" class=\"external-link\">tableau de bord du Marqueur de donn\u00e9es<\/a><br \/>\n    pour d\u00e9tecter les erreurs d&#8217;extraction.\n  <\/li>\n<\/ul>\n<h2 id=\"metadata\" tabindex=\"-1\">Utilisez les m\u00eames m\u00e9tadonn\u00e9es sur les deux versions de votre site<\/h2>\n<p>\n  Assurez-vous que l&#8217;<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/title-links\/#page-titles\">\u00e9l\u00e9ment <code>title<\/code><\/a> et la<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/snippets\/#meta-descriptions\">m\u00e9ta description<\/a> sont \u00e9quivalents sur les deux versions de votre site.\n<\/p>\n<h2 id=\"ads\" tabindex=\"-1\">V\u00e9rifiez l&#8217;emplacement de vos publicit\u00e9s<\/h2>\n<p>\n  Ne laissez pas les publicit\u00e9s nuire au classement de votre page mobile. Suivez le<br \/>\n  <a href=\"https:\/\/www.betterads.org\/standards\/\" class=\"external-link\">Better Ads Standard<\/a><br \/>\n  lors de l&#8217;affichage de publicit\u00e9s sur les appareils mobiles. Par exemple, les publicit\u00e9s en haut de page peuvent occuper trop d&#8217;espace sur un appareil mobile, ce qui d\u00e9grade l&#8217;exp\u00e9rience utilisateur.\n<\/p>\n<h2 id=\"check-visual-content\" tabindex=\"-1\">V\u00e9rifiez le contenu visuel<\/h2>\n<h3 id=\"check-images\" tabindex=\"-1\">V\u00e9rifiez vos images<\/h3>\n<p>\n  Assurez-vous que les images de votre site mobile respectent les<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/images-best-practices\/\">bonnes pratiques en mati\u00e8re d&#8217;images<\/a>. Nous vous recommandons particuli\u00e8rement de :\n<\/p>\n<ul>\n<li>\n    <b><br \/>\n      Fournir des<br \/>\n      <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/images-best-practices\/#good-quality-photos\">images de haute qualit\u00e9<\/a>.<br \/>\n    <\/b> N&#8217;utilisez pas d&#8217;images trop petites ou de faible r\u00e9solution sur le site mobile.\n  <\/li>\n<li>\n    <b><br \/>\n      Utiliser un<br \/>\n      <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/images-best-practices\/#supported-image-formats\">format d&#8217;image pris en charge<\/a>.<br \/>\n    <\/b> N&#8217;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\u00e8mes ne peuvent pas indexer une image .jpg dans une balise <code>&lt;image&gt;<\/code> \u00e0 l&#8217;int\u00e9rieur d&#8217;un SVG en ligne.\n  <\/li>\n<li>\n    <b>Ne pas utiliser d&#8217;URLs qui changent \u00e0 chaque chargement de page pour les images.<\/b> Google ne pourra pas traiter et indexer correctement vos ressources si vous utilisez des URLs changeant constamment.\n  <\/li>\n<li>\n    <b><br \/>\n      Assurez-vous que le site mobile poss\u00e8de le m\u00eame texte alternatif (alt text) pour les images que le site ordinateur.<br \/>\n    <\/b> Utilisez un<br \/>\n    <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/images-best-practices\/#descriptive-alt-text\">texte alternatif descriptif<\/a><br \/>\n    pour les images sur votre site mobile, comme vous le faites sur votre site ordinateur.\n  <\/li>\n<li>\n    <b><br \/>\n      Assurez-vous que la qualit\u00e9 du contenu de la page mobile est aussi bonne que celle de la page ordinateur.<br \/>\n    <\/b> Utilisez les m\u00eames<br \/>\n    <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/images-best-practices\/#descriptive-titles-captions-filenames\">titres, l\u00e9gendes, noms de fichiers et textes<\/a><br \/>\n    pertinents pour les images sur le site mobile que ceux utilis\u00e9s pour le site ordinateur.\n  <\/li>\n<\/ul>\n<aside class=\"warning\">\n  <b>Si votre site utilise des URLs d&#8217;images diff\u00e9rentes pour les sites ordinateur et mobile, vous pourriez constater une perte temporaire de trafic image pendant la transition vers l&#8217;indexation mobile-first.<br \/>\n  <\/b> Cela est d\u00fb au fait que les URLs d&#8217;images sur le site mobile sont nouvelles pour l&#8217;indexation Google, et qu&#8217;il faudra un certain temps pour que ces nouvelles URLs accumulent suffisamment de r\u00e9sultats de recherche historiques pour obtenir un meilleur classement. Pour \u00e9viter cette perte temporaire, utilisez les m\u00eames URLs d&#8217;images sur les deux versions de votre site. Si une perte temporaire ne vous d\u00e9range pas, aucune action n&#8217;est n\u00e9cessaire.<br \/>\n<\/aside>\n<h3 id=\"check-videos\" tabindex=\"-1\">V\u00e9rifiez vos vid\u00e9os<\/h3>\n<p>\n  Assurez-vous que les vid\u00e9os sur votre site mobile respectent les<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/video-search\/\">bonnes pratiques vid\u00e9o<\/a>. Nous vous recommandons particuli\u00e8rement de :\n<\/p>\n<ul>\n<li>\n    <b>Ne pas utiliser d&#8217;URLs qui changent \u00e0 chaque chargement de page pour vos vid\u00e9os.<\/b><br \/>\n    Google ne pourra pas traiter et indexer correctement vos ressources si vous utilisez des URLs changeant constamment.\n  <\/li>\n<li>\n    <b><br \/>\n      Utiliser un <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/video-search\/#file-types\">format pris en charge<\/a><br \/>\n    <\/b> pour vos vid\u00e9os et les placer dans des balises prises en charge. Les vid\u00e9os sont identifi\u00e9es sur la page par la pr\u00e9sence d&#8217;une balise HTML, par exemple : <code>&lt;video&gt;<\/code>, <code>&lt;embed&gt;<\/code> ou <code>&lt;object&gt;<\/code>.\n  <\/li>\n<li>\n    <b>Utiliser les m\u00eames donn\u00e9es structur\u00e9es vid\u00e9o<\/b> sur vos sites mobile et ordinateur. Pour plus d&#8217;informations, <a href=\"#structured-data\">v\u00e9rifiez vos donn\u00e9es structur\u00e9es<\/a>.\n  <\/li>\n<li>\n    <b><br \/>\n      Placer la vid\u00e9o dans une position facile \u00e0 trouver sur la page lors de la consultation sur un appareil mobile.<br \/>\n    <\/b> Par exemple, le classement de la vid\u00e9o pourrait \u00eatre affect\u00e9 si les utilisateurs doivent faire d\u00e9filer la page trop bas pour la trouver sur mobile.\n  <\/li>\n<\/ul>\n<h2 id=\"additional-best-practices\" tabindex=\"-1\">Bonnes pratiques suppl\u00e9mentaires pour les URLs distinctes<\/h2>\n<p>\n  Si votre site poss\u00e8de des URLs distinctes pour les versions ordinateur et mobile (aussi appel\u00e9es m-dot), nous recommandons les bonnes pratiques suppl\u00e9mentaires suivantes :\n<\/p>\n<ul>\n<li>\n    <b><br \/>\n      Assurez-vous que le statut de la page d&#8217;erreur est identique sur les sites ordinateur et mobile.<br \/>\n    <\/b> Si une page de votre site ordinateur affiche un contenu normal et que la version mobile de cette page affiche une page d&#8217;erreur, cette page sera absente de l&#8217;index.\n  <\/li>\n<li>\n    <b>Assurez-vous que votre version mobile ne contient pas de fragments d&#8217;URL.<\/b> La partie fragment de l&#8217;URL est la fin de l&#8217;URL commen\u00e7ant par <code>#<\/code>. La plupart du temps, les fragments d&#8217;URL ne sont pas indexables ; ces pages seront absentes de l&#8217;index une fois votre domaine activ\u00e9 pour l&#8217;indexation mobile-first.\n  <\/li>\n<li>\n    <b><br \/>\n      Assurez-vous que les versions ordinateur servant des contenus diff\u00e9rents poss\u00e8dent des versions mobiles \u00e9quivalentes.<br \/>\n    <\/b> Si diff\u00e9rentes URLs redirigent vers la m\u00eame URL (par exemple, vers la page d&#8217;accueil sur mobile) apr\u00e8s l&#8217;activation de l&#8217;indexation mobile-first pour votre domaine, toutes ces pages seront absentes de l&#8217;index.\n  <\/li>\n<li>\n    <b><br \/>\n      V\u00e9rifiez les deux versions de votre site dans la<br \/>\n      <a href=\"https:\/\/search.google.com\/search-console\" class=\"external-link\">Search Console<\/a><br \/>\n    <\/b> pour vous assurer d&#8217;avoir acc\u00e8s aux donn\u00e9es et aux messages pour les deux versions. Votre site peut subir un changement de donn\u00e9es lorsque Google bascule vers l&#8217;indexation mobile-first.\n  <\/li>\n<li>\n<p>\n      <b>V\u00e9rifiez les liens <code>hreflang<\/code> sur les URLs distinctes.<\/b> Lorsque vous utilisez des<br \/>\n       <code>\u00e9l\u00e9ments <code>link<\/code> <code>rel=hreflang<\/code><\/code><br \/>\n      <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/localized-versions\/\"><\/a><br \/>\n      pour l&#8217;<br \/>\n      <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/managing-multi-regional-and-multilingual-sites\/\">internationalisation<\/a>,<br \/>\n      liez les URLs mobiles et ordinateur s\u00e9par\u00e9ment. Les <code>hreflang<\/code> de vos URLs mobiles doivent pointer vers des URLs mobiles, et de m\u00eame, les <code>hreflang<\/code> des URLs ordinateur doivent pointer vers des URLs ordinateur.\n    <\/p>\n<p>\n      Voici un exemple de <code>hreflang<\/code> pour la page d&#8217;accueil d&#8217;un site avec des URLs distinctes pour mobile et ordinateur.\n    <\/p>\n<div class=\"ds-selector-tabs\">\n<section>\n<h3 id=\"mobile\" tabindex=\"-1\">Mobile<\/h3>\n<p>Dans cet exemple, l&#8217;URL du site mobile est <code>https:\/\/m.example.com\/<\/code>.<\/p>\n<div><\/div>\n<\/section>\n<section>\n<h3 id=\"desktop\" tabindex=\"-1\">Ordinateur<\/h3>\n<p>Dans cet exemple, l&#8217;URL du site ordinateur est <code>https:\/\/example.com\/<\/code>.<\/p>\n<div><\/div>\n<\/section><\/div>\n<\/li>\n<li>\n    <b>Assurez-vous que votre site mobile dispose d&#8217;une capacit\u00e9 suffisante<\/b> pour g\u00e9rer une augmentation potentielle du<br \/>\n    <a href=\"https:\/\/support.google.com\/webmasters\/answer\/35253\" class=\"external-link\">taux d&#8217;exploration<\/a><br \/>\n    sur la version mobile de votre site.\n  <\/li>\n<li>\n    <b><br \/>\n      V\u00e9rifiez que vos<br \/>\n      <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/robots-txt-intro\/\">r\u00e8gles robots.txt<\/a><br \/>\n    <\/b> fonctionnent comme pr\u00e9vu pour les deux versions de votre site. Le fichier robots.txt vous permet de sp\u00e9cifier quelles parties d&#8217;un site web peuvent \u00eatre explor\u00e9es ou non. Dans la plupart des cas, utilisez les m\u00eames r\u00e8gles robots.txt pour les versions mobile et ordinateur de votre site.\n  <\/li>\n<li>\n<p>\n      <b><br \/>\n        Utilisez les \u00e9l\u00e9ments <code>link<\/code> <code>rel=canonical<\/code> et <code>rel=alternate<\/code> corrects<br \/>\n      <\/b> entre vos versions mobile et ordinateur. L&#8217;URL ordinateur est toujours la canonique, et la version mobile est l&#8217;alternative de cette URL.\n    <\/p>\n<p>\n      Voici un exemple de <code>rel=canonical<\/code> et <code>rel=alternate<\/code> pour une configuration de site avec URLs distinctes.\n    <\/p>\n<div class=\"ds-selector-tabs\">\n<section>\n<h3 id=\"mobile_1\" tabindex=\"-1\">Mobile<\/h3>\n<p>\n          Dans cet exemple, l&#8217;URL du site mobile est <code>https:\/\/m.example.com\/<\/code> et inclut un \u00e9l\u00e9ment <code>link<\/code> qui pointe vers l&#8217;URL ordinateur comme URL canonique.<\/p>\n<div><\/div>\n<\/section>\n<section>\n<h3 id=\"desktop_1\" tabindex=\"-1\">Ordinateur<\/h3>\n<p>\n          Dans cet exemple, l&#8217;URL du site ordinateur est <code>https:\/\/example.com\/<\/code> et inclut un \u00e9l\u00e9ment <code>link<\/code> qui pointe vers elle-m\u00eame comme URL canonique, suivi d&#8217;un autre \u00e9l\u00e9ment <code>link<\/code> qui pointe vers la version mobile comme version alternative de cette URL.<\/p>\n<div><\/div>\n<\/section><\/div>\n<\/li>\n<\/ul>\n<h2 id=\"troubleshooting\" tabindex=\"-1\">D\u00e9pannage<\/h2>\n<p>\n  Voici une liste des erreurs les plus courantes qui peuvent emp\u00eacher l&#8217;activation de l&#8217;indexation mobile-first ou provoquer une baisse de classement apr\u00e8s son activation. Si votre site n&#8217;est pas encore activ\u00e9 pour l&#8217;indexation mobile-first, si vous avez constat\u00e9 une baisse de classement apr\u00e8s son activation, ou si vous avez re\u00e7u un message dans la Search Console, consultez la liste suivante et r\u00e9solvez les erreurs possibles :\n<\/p>\n<table class=\"properties responsive\">\n<tr>\n<th colspan=\"2\">Erreurs<\/th>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"missing-structured-data\" tabindex=\"-1\">Donn\u00e9es structur\u00e9es manquantes<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : La page mobile ne contient pas tout le balisage de donn\u00e9es structur\u00e9es pr\u00e9sent sur la page ordinateur.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b>\n      <\/p>\n<ol>\n<li>\n          V\u00e9rifiez que les donn\u00e9es structur\u00e9es sont pr\u00e9sentes sur les deux versions de votre site (ordinateur et mobile).\n        <\/li>\n<li>Assurez-vous que vos sites mobile et ordinateur poss\u00e8dent les m\u00eames donn\u00e9es structur\u00e9es.<\/li>\n<li>\n          Utilisez les URLs correctes dans les donn\u00e9es structur\u00e9es. Assurez-vous que les URLs dans les donn\u00e9es structur\u00e9es des versions mobiles sont mises \u00e0 jour vers les URLs correctes.\n        <\/li>\n<li>\n          V\u00e9rifiez les erreurs d&#8217;extraction pour vos donn\u00e9es structur\u00e9es. Si vous utilisez le<br \/>\n          <a href=\"https:\/\/support.google.com\/webmasters\/answer\/2692911\" class=\"external-link\">Marqueur de donn\u00e9es<\/a><br \/>\n          pour fournir des donn\u00e9es structur\u00e9es, v\u00e9rifiez r\u00e9guli\u00e8rement le<br \/>\n          <a href=\"https:\/\/www.google.com\/webmasters\/tools\/data-highlighter\" class=\"external-link\">tableau de bord du Marqueur de donn\u00e9es<\/a><br \/>\n          pour d\u00e9tecter les erreurs d&#8217;extraction.\n        <\/li>\n<li>\n          Utilisez l&#8217;<br \/>\n          <a href=\"https:\/\/support.google.com\/webmasters\/answer\/9012289\" class=\"external-link\">outil d&#8217;inspection d&#8217;URL<\/a><br \/>\n          pour v\u00e9rifier que le contenu est visible sur la page rendue (la page rendue correspond \u00e0 ce que Google voit de votre page).\n        <\/li>\n<\/ol>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"noindex-tag-on-pages\" tabindex=\"-1\">Balise <code>noindex<\/code> sur les pages<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : Une page mobile est bloqu\u00e9e de l&#8217;indexation par une balise <code>noindex<\/code>.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Utilisez les m\u00eames balises <code>meta<\/code> <span>robots<\/span> sur le site mobile et le site ordinateur. N&#8217;utilisez pas la balise <code>noindex<\/code> sur la page mobile (sinon, Google n&#8217;indexera pas votre page lorsque votre site sera activ\u00e9 pour l&#8217;indexation mobile-first).\n      <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"missing-image\" tabindex=\"-1\">Image manquante<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : La page mobile ne contient pas toutes les images importantes pr\u00e9sentes sur la page ordinateur.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b>\n      <\/p>\n<ol>\n<li>\n          Assurez-vous que votre site mobile contient le m\u00eame contenu que votre site ordinateur. Si votre site mobile contient moins de contenu que votre site ordinateur, envisagez de le mettre \u00e0 jour afin que son contenu principal soit \u00e9quivalent. Seul le contenu affich\u00e9 sur le site mobile est utilis\u00e9 pour l&#8217;indexation.\n        <\/li>\n<li>\n          Utilisez les m\u00eames balises <code>meta<\/code> <span>robots<\/span> sur le site mobile et le site ordinateur. N&#8217;utilisez pas la balise <code>nofollow<\/code> sur la page mobile (sinon, Google n&#8217;explorera pas et n&#8217;indexera pas les images de votre page lorsque votre site sera activ\u00e9 pour l&#8217;indexation mobile-first).\n        <\/li>\n<li>\n          Utilisez un<br \/>\n          <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/images-best-practices\/#supported-image-formats\" class=\"external-link\">format et une balise pris en charge pour les images<\/a>.<br \/>\n          Par exemple, Google prend en charge les images au format SVG, mais nos syst\u00e8mes ne peuvent pas indexer une image .jpg dans une balise <code>&lt;image&gt;<\/code> \u00e0 l&#8217;int\u00e9rieur d&#8217;un SVG en ligne.\n        <\/li>\n<li>\n          Ne chargez pas le contenu principal en diff\u00e9r\u00e9 lors d&#8217;une interaction utilisateur. Google ne chargera pas le contenu n\u00e9cessitant des interactions utilisateur (par exemple, balayer, cliquer ou taper) pour s&#8217;afficher.<br \/>\n          <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/fix-lazy-loaded-content\/\">Assurez-vous que Google peut voir le contenu charg\u00e9 en diff\u00e9r\u00e9<\/a>.\n        <\/li>\n<\/ol>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"blocked-image\" tabindex=\"-1\">Image bloqu\u00e9e<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : Une image importante sur la page mobile est bloqu\u00e9e par le fichier robots.txt.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Laissez Google explorer vos ressources. Certaines images ont des URLs diff\u00e9rentes sur le site mobile par rapport au site ordinateur. Si vous souhaitez que Google explore vos URLs, ne bloquez pas l&#8217;URL avec la<br \/>\n        <a href=\"https:\/\/developers.google.com\/search\/doc\/crawling-indexing\/robots\/robots_txt#disallow\">r\u00e8gle <code>disallow<\/code><\/a>.\n      <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"low-quality-image\" tabindex=\"-1\">Image de faible qualit\u00e9<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : Une image importante sur la page mobile est trop petite ou de faible r\u00e9solution.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Fournissez des <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/images-best-practices\/#good-quality-photos\">images de haute qualit\u00e9<\/a>.<br \/>\n        N&#8217;utilisez pas d&#8217;images trop petites ou de faible r\u00e9solution sur le site mobile.\n    <\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"missing-alt-text\" tabindex=\"-1\">Texte alternatif manquant<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : Une image importante sur la page mobile manque de texte alternatif.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Utilisez le m\u00eame<br \/>\n        <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/images-best-practices\/#descriptive-alt-text\">texte alternatif<\/a> pour les images sur votre site mobile que celui utilis\u00e9 sur votre site ordinateur.\n    <\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"missing-page-title\" tabindex=\"-1\">Titre de page manquant<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : Une page mobile manque de titre.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n         Assurez-vous que les <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/title-links\/#page-titles\">titres<\/a> et les <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/snippets\/#meta-descriptions\">m\u00e9ta descriptions<\/a> sont \u00e9quivalents sur les deux versions de votre site.\n      <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"missing-meta-description\" tabindex=\"-1\">M\u00e9ta description manquante<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : Une page mobile manque de m\u00e9ta description.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Assurez-vous que les <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/title-links\/#page-titles\">titres<\/a> et les <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/snippets\/#meta-descriptions\">m\u00e9ta descriptions<\/a> sont \u00e9quivalents sur les deux versions de votre site.\n      <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"mobile-url-on-error-page\" tabindex=\"-1\">L&#8217;URL mobile est une page d&#8217;erreur<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : La page mobile est une page d&#8217;erreur.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Assurez-vous que le statut de la page d&#8217;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&#8217;erreur, cette page sera absente de l&#8217;index.\n    <\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"mobile-url-anchor-fragment\" tabindex=\"-1\">L&#8217;URL mobile contient un fragment d&#8217;ancre<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : L&#8217;URL mobile inclut un fragment d&#8217;ancre ; Google ne peut pas indexer les URLs incluant des fragments.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Assurez-vous que votre version mobile ne contient pas de fragments d&#8217;URL. La plupart du temps, les URLs avec fragments ne sont pas indexables, et ces pages seront absentes de l&#8217;index apr\u00e8s l&#8217;activation de l&#8217;indexation mobile-first pour votre domaine.\n      <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"mobile-page-blocked-robots\" tabindex=\"-1\">Page mobile bloqu\u00e9e par robots.txt<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : La page mobile est bloqu\u00e9e par une r\u00e8gle robots.txt.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        V\u00e9rifiez que vos r\u00e8gles robots.txt et vos balises <code>meta<\/code> <span>robots<\/span> fonctionnent comme pr\u00e9vu pour les deux versions de votre site. Utilisez les m\u00eames r\u00e8gles robots.txt pour les versions mobile et ordinateur de votre site.\n      <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"duplicate-mobile-page-target\" tabindex=\"-1\">Cible de page mobile en double<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : Plusieurs pages ordinateur redirigent vers la m\u00eame page mobile.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Assurez-vous que les versions ordinateur servant des contenus diff\u00e9rents poss\u00e8dent des versions mobiles \u00e9quivalentes. Si diff\u00e9rentes URLs redirigent vers la m\u00eame URL sur mobile apr\u00e8s l&#8217;activation de l&#8217;indexation mobile-first pour votre domaine, toutes ces pages seront absentes de l&#8217;index.\n      <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"desktop-redirects-to-mobile\" tabindex=\"-1\">Le site ordinateur redirige vers la page d&#8217;accueil mobile<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : La plupart ou toutes les pages de votre site ordinateur redirigent vers la page d&#8217;accueil du site mobile.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Assurez-vous que la version ordinateur poss\u00e8de une version mobile \u00e9quivalente. Si diff\u00e9rentes URLs redirigent vers la page d&#8217;accueil sur mobile, toutes ces pages seront absentes de l&#8217;index apr\u00e8s la migration de votre domaine vers l&#8217;indexation mobile-first.\n      <\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"page-quality-issues\" tabindex=\"-1\">Probl\u00e8mes de qualit\u00e9 de page<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : La page mobile pr\u00e9sente des probl\u00e8mes li\u00e9s aux publicit\u00e9s, \u00e0 un contenu manquant, aux titres ou aux \u00e9l\u00e9ments descriptifs des images.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me :<\/b>\n      <\/p>\n<ol>\n<li>\n          Ne laissez pas les publicit\u00e9s nuire au classement de votre page mobile. Suivez le<br \/>\n          <a href=\"https:\/\/www.betterads.org\/standards\/\" class=\"external-link\">Better Ads Standard<\/a><br \/>\n          lors de l&#8217;affichage de publicit\u00e9s sur les appareils mobiles.\n        <\/li>\n<li>\n          Assurez-vous que votre site mobile contient le m\u00eame contenu que votre site ordinateur. Si votre site mobile contient moins de contenu que votre site ordinateur, envisagez de le mettre \u00e0 jour afin que son contenu principal soit \u00e9quivalent. Seul le contenu affich\u00e9 sur le site mobile est utilis\u00e9 pour l&#8217;indexation.\n        <\/li>\n<li>\n          Assurez-vous d&#8217;utiliser les m\u00eames titres clairs et significatifs sur le site mobile que sur le site ordinateur.\n        <\/li>\n<li>\n          Utilisez les m\u00eames<br \/>\n          <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/images-best-practices\/#descriptive-titles-captions-filenames\">titres, l\u00e9gendes, noms de fichiers et textes<\/a><br \/>\n          pertinents pour les images sur le site mobile que ceux utilis\u00e9s pour le site ordinateur.\n        <\/li>\n<\/ol>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"video-issues\" tabindex=\"-1\">Probl\u00e8mes vid\u00e9o<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : La page mobile contient une vid\u00e9o qui n&#8217;est pas dans un format pris en charge, qui est plac\u00e9e dans un emplacement difficile \u00e0 trouver, qui manque de m\u00e9ta descriptions ou qui est tr\u00e8s lente \u00e0 charger.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me :<\/b>\n      <\/p>\n<ol>\n<li>\n          Utilisez un <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/video-search\/#file-types\">format pris en charge<\/a> pour vos vid\u00e9os et placez-les dans des balises prises en charge. Les vid\u00e9os sont identifi\u00e9es sur la page par la pr\u00e9sence d&#8217;une balise HTML, par exemple : <code>&lt;video&gt;<\/code>, <code>&lt;embed&gt;<\/code> ou <code>&lt;object&gt;<\/code>.\n        <\/li>\n<li>\n          Ne chargez pas le contenu principal en diff\u00e9r\u00e9 lors d&#8217;une interaction utilisateur. Google ne chargera pas le contenu n\u00e9cessitant des interactions utilisateur (par exemple, balayer, cliquer ou taper) pour s&#8217;afficher.<br \/>\n          <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/fix-lazy-loaded-content\/\">Assurez-vous que Google peut voir le contenu charg\u00e9 en diff\u00e9r\u00e9<\/a>.\n        <\/li>\n<li>\n          Placez la vid\u00e9o dans un emplacement facile \u00e0 trouver sur votre site mobile. Par exemple, le classement de la vid\u00e9o pourrait \u00eatre affect\u00e9 si les utilisateurs doivent faire d\u00e9filer la page trop bas pour la trouver sur mobile.\n        <\/li>\n<\/ol>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h3 id=\"hostload-issues\" tabindex=\"-1\">Probl\u00e8mes de charge h\u00f4te<\/h3>\n<\/td>\n<td>\n      <i class=\"material-icons\" aria-hidden=\"true\">error<\/i><br \/>\n      <b>Cause du probl\u00e8me<\/b> : Certains h\u00f4tes ne disposent pas d&#8217;une charge h\u00f4te suffisante.<\/p>\n<p>\n        <i class=\"material-icons\" aria-hidden=\"true\">done<\/i> <b>Corriger le probl\u00e8me<\/b> :<br \/>\n        Assurez-vous que votre site mobile dispose d&#8217;une capacit\u00e9 suffisante pour g\u00e9rer une augmentation potentielle du<br \/>\n        <a href=\"https:\/\/support.google.com\/webmasters\/answer\/35253\" class=\"external-link\">taux d&#8217;exploration<\/a><br \/>\n        sur la version mobile de votre site.\n      <\/p>\n<\/td>\n<\/tr>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez ce qu&#8217;est l&#8217;indexation mobile-first de Google et explorez les meilleures pratiques con\u00e7ues pour am\u00e9liorer l&#8217;exp\u00e9rience utilisateur dans Google Search.<\/p>\n","protected":false},"menu_order":32,"template":"","meta":{"footnotes":""},"ar_kb_kategori":[681],"ar_kb_etiket":[],"class_list":["post-25565","ar_kb","type-ar_kb","status-publish","has-post-thumbnail","hentry","ar_kb_kategori-crawling-and-indexing"],"_links":{"self":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/25565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb"}],"about":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/types\/ar_kb"}],"version-history":[{"count":1,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/25565\/revisions"}],"predecessor-version":[{"id":25690,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/25565\/revisions\/25690"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media\/27584"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media?parent=25565"}],"wp:term":[{"taxonomy":"ar_kb_kategori","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_kategori?post=25565"},{"taxonomy":"ar_kb_etiket","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_etiket?post=25565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}