Audit comparatif Seo<\/h2><\/span><\/div><\/div><\/div>Dans ce tutoriel, nous allons nous pencher sur l‘\u00a0\u00bb<\/strong> Audit de parit\u00e9<\/strong>Seo<\/strong> \u00a0\u00bb \u00e0 l’aide de Screaming Frog<\/a>, une analyse souvent sous-estim\u00e9e, mais qui peut mettre en \u00e9vidence de nombreuses criticit\u00e9s qui emp\u00eachent une bonne indexation organique sur le moteur de recherche.<\/p>\nGr\u00e2ce \u00e0 cette analyse, vous serez en mesure d’\u00e9valuer s’il existe des diff\u00e9rences dans la mani\u00e8re dont le site web est servi dans diff\u00e9rents sc\u00e9narios lors des raids du Crawler.<\/p>\n
Les cas les plus int\u00e9ressants pour r\u00e9aliser l'\u00a0\u00bbaudit de parit\u00e9 Seo\u00a0\u00bb sont les suivants :<\/p>\n
\n- Site mobile vs. site de bureau.<\/li>\n
- Javascript contre HTML brut.<\/li>\n
- Site r\u00e9el ou site de transit (crucial lors des migrations).<\/li>\n<\/ul>\n
Gr\u00e2ce \u00e0 l’utilisation du Seo Spider, vous serez en mesure d’isoler les \u00e9l\u00e9ments SEO on-page qui varient d’une version \u00e0 l’autre et qui pourraient avoir un impact sur le crawling et, par cons\u00e9quent, sur la phase d’indexation et sur le classement attribu\u00e9 par le moteur de recherche.<\/p>\n
Parmi les \u00e9l\u00e9ments les plus courants \u00e0 prendre en compte dans ce processus, on peut citer<\/p>\n
\n- Structuration des pages ;<\/li>\n
- Code de r\u00e9ponse HTTP ;<\/li>\n
- Titre de la page ;<\/li>\n
- Rubriques ;<\/li>\n
- Les normes canoniques ;<\/li>\n
- Hreflangs ;<\/li>\n
- Donn\u00e9es structur\u00e9es ;<\/li>\n
- etc.<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/span>
Audit de parit\u00e9 Javascript<\/h3><\/span><\/div><\/div><\/div>![\"configurazione](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/configurazione-rendering-javascript.png\")
<\/a><\/span><\/div>La premi\u00e8re \u00e9tape pour r\u00e9aliser un audit de parit\u00e9 sur un site web contenant des ressources JS consiste \u00e0 configurer le mode d’analyse \u00ab\u00a0Javascript Rendering\u00a0\u00bb.<\/p>\n<\/div>
La premi\u00e8re \u00e9tape pour r\u00e9aliser un audit de parit\u00e9 sur un site web contenant des ressources JS consiste \u00e0 configurer le mode d’analyse \u00ab\u00a0Javascript Rendering\u00a0\u00bb.<\/p>\n<\/div><\/div><\/div><\/div><\/div>
> > Config Spider JS Rendering<\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div>En activant l’analyse Javascript, le Seo Spider analyse et sert \u00e0 la fois le HTML statique et le HTML rendu apr\u00e8s l’ex\u00e9cution Javascript. Dans l’onglet configuration, en plus de choisir \u00ab\u00a0Javascript rendering\u00a0\u00bb, je vous recommande de d\u00e9finir l’option \u00ab\u00a0Googlebot Mobile Smartphone\u00a0\u00bb comme \u00ab\u00a0Viewport\u00a0\u00bb, \u00e9tant donn\u00e9 l’orientation du moteur de recherche vers le\u00ab\u00a0Mobile First Indexing<\/strong>\u00ab\u00a0.<\/p>\n> Une fois le mode de balayage d\u00e9fini, vous devez activer les ressources \u00e0 balayer en les activant \u00e0 partir du menu de configuration de Spider Crawl.
\nN’oubliez pas que si certaines ressources sont pr\u00e9sentes dans un sous-domaine ou dans un \u00ab\u00a0domaine racine\u00a0\u00bb diff\u00e9rent, vous devez \u00e9galement s\u00e9lectionner l’option\u00ab\u00a0V\u00e9rifier les liens externes<\/strong>\u00ab\u00a0, sinon le Seo Spider n’utilisera pas ces \u00e9l\u00e9ments dans le rendu.<\/p>\n<\/div>![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/Screaming-Frog-seo-Parity-Audit.png\")
<\/a><\/span><\/div>Une fois cette \u00e9tape termin\u00e9e, il ne reste plus qu’\u00e0 lancer le crawl ; le Seo Spider analysera le site web et vous proposera un rendu des pages en utilisant le mode \u00ab\u00a0headless Chrome\u00a0\u00bb.<\/p>\n<\/div>
![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/crawl-javascript-sito-web-1.jpeg\")
<\/a><\/span><\/div>Une fois l’analyse termin\u00e9e, vous pouvez consulter les 12 filtres disponibles dans l’onglet \u00ab\u00a0Javascript\u00a0\u00bb et commencer \u00e0 \u00e9valuer s’il existe des diff\u00e9rences entre le HTML brut et le HTML rendu. En utilisant des filtres, vous serez en mesure de savoir quelles pages ont un contenu Javascript, s’il y a des diff\u00e9rences dans les balises m\u00e9ta, les canoniques ou d’autres \u00e9l\u00e9ments sur la page tels que les titres, les en-t\u00eates ou autres qui ne sont mis \u00e0 jour qu’apr\u00e8s l’ex\u00e9cution du Javascript.<\/p>\n
<\/div>\n<\/div>![\"Filtri](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/seo-spider-contains-javascript-seo-content-audit.jpeg\")
<\/a><\/span><\/div>D’une mani\u00e8re simple et intuitive, vous pouvez visualiser les pages avec un contenu JS et surtout quels sont les \u00e9l\u00e9ments qui ne sont pr\u00e9sents qu’apr\u00e8s le rendu du contenu.<\/p>\n<\/div>
![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/javascript-content-sito-renderizzato.jpeg\")
<\/a><\/span><\/div>Lorsque vous trouvez des diff\u00e9rences, il vous suffit de consulter la fen\u00eatre inf\u00e9rieure de Screaming Frog et de s\u00e9lectionner l’onglet\u00ab\u00a0Voir la source<\/strong>\u00ab\u00a0, de choisir\u00ab\u00a0Contenu visible<\/strong>\u00a0\u00bb comme filtre et de pr\u00e9visualiser les deux versions en activant l’option\u00ab\u00a0Voir les diff\u00e9rences<\/strong>\u00ab\u00a0.<\/p>\n<\/div>![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/raw-vs-rendered-visible-content.jpeg\")
<\/a><\/span><\/div>Dans ce contexte, l'\u00a0\u00bbaudit de parit\u00e9\u00a0\u00bb est tr\u00e8s utile pour d\u00e9terminer s’il existe des liens qui ne sont pr\u00e9sents que dans le HTLM rendu et qui pourraient ne jamais \u00eatre d\u00e9couverts par le robot du moteur de recherche et donc ne pas \u00eatre index\u00e9s et suivis.<\/p>\n<\/div>
![\"analisi](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/javascript-links-sito-web.jpeg\")
<\/a><\/span><\/div>Pour savoir quels liens ne sont pr\u00e9sents qu’apr\u00e8s l’ex\u00e9cution du JS, cliquez sur l’onglet\u00ab\u00a0Outlinks<\/strong>\u00a0\u00bb et d\u00e9finissez les liens\u00ab\u00a0Rendered HTML<\/strong>\u00a0\u00bb comme filtre. Pour une analyse plus approfondie, vous pouvez d\u00e9cider de les exporter via l’option de menu\u00ab\u00a0Exportation en bloc<\/strong>\u00ab\u00a0.<\/p>\n<\/div><\/div><\/div><\/div><\/div>> > Exportation en masse de Javascript Contient des liens Javascript<\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div>![\"dettagli](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/links-rendered-html-only.gif\" "\\"links-rendered-html-only\\"")
<\/span><\/div>En plus de l’analyse des liens, vous pouvez \u00e9valuer toute une s\u00e9rie d’\u00e9l\u00e9ments qui varient apr\u00e8s l’ex\u00e9cution du script JS en fonction des exigences de votre projet.<\/p>\n<\/div>
![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/elementi-aggionati-tramite-javascript.gif\" "\\"elementi-aggionati-tramite-javascript\\"")
<\/span><\/div><\/div><\/div><\/span>Filtres d’onglets Javascript<\/h3><\/span><\/div><\/div><\/div>Les filtres fournis par Screaming Frog sont un support indispensable pour g\u00e9rer votre audit de parit\u00e9 :<\/p>\n
– Contient des<\/strong> liens JavaScript<\/strong>: le filtre affiche les pages qui contiennent des hyperliens qui ne sont d\u00e9couverts dans le rendu HTML qu’apr\u00e8s l’ex\u00e9cution de JavaScript. Ces hyperliens ne sont pas en HTML brut. C’est une bonne pratique que d’envisager l’inclusion de liens importants c\u00f4t\u00e9 serveur dans le code HTML statique.
\n– Contient du contenu JavaScript<\/strong>: affiche toutes les pages qui contiennent un corps de texte uniquement en HTML rendu apr\u00e8s l’ex\u00e9cution de JavaScript. Google est capable d’afficher les pages et de ne voir que le contenu c\u00f4t\u00e9 client, alors que le contenu important c\u00f4t\u00e9 serveur n’est pas inclus dans le code HTML brut.
\n– Noindex Only in Original HTML<\/strong>: toutes les pages qui contiennent une balise noindex dans le HTML statique mais pas dans le HTML rendu. Lorsque Googlebot rencontre une balise noindex, il ignore le rendu et l’ex\u00e9cution de JavaScript. \u00c9tant donn\u00e9 que Googlebot ignore l’ex\u00e9cution de JavaScript, l’utilisation de JavaScript pour supprimer le \u00ab\u00a0noindex\u00a0\u00bb dans le code HTML rendu ne fonctionnera pas.
\n– Nofollow Only in Original HTML<\/strong>: identifie les pages qui contiennent un attribut nofollow dans le HTML statique, et non dans le HTML rendu. Cela signifie que tout hyperlien contenu dans le code HTML brut avant l’ex\u00e9cution de JavaScript ne sera pas suivi. Supprimez \u00ab\u00a0nofollow\u00a0\u00bb si les liens doivent \u00eatre suivis, analys\u00e9s et index\u00e9s.
\n– Canonical<\/strong> Only in Rendered<\/strong> HTML : renvoie toutes les pages qui contiennent une balise canonical only dans le code HTML rendu apr\u00e8s l’ex\u00e9cution de JavaScript. Je recommande d’inclure un lien canonique dans le code HTML statique (ou dans l’en-t\u00eate HTTP) afin de s’assurer que Google puisse le voir et d’\u00e9viter de se fier uniquement au lien canonique dans le code HTML rendu.
\n– Mauvaise correspondance<\/strong> canonique : identifie les pages qui contiennent un lien canonique diff\u00e9rent dans le code HTML statique et dans le code HTML rendu apr\u00e8s l’ex\u00e9cution du JavaScript. Cette situation peut entra\u00eener des signaux contradictoires et un comportement ind\u00e9sirable de la part du moteur de recherche.
\n– Titre de la page uniquement dans le<\/strong> code HTML rendu<\/strong>: renvoie les pages qui contiennent un titre de page uniquement dans le code HTML rendu apr\u00e8s l’ex\u00e9cution de JavaScript. Cela signifie qu’un moteur de recherche doit rendre la page pour les voir. Pensez \u00e0 inclure le contenu important c\u00f4t\u00e9 serveur dans le code HTML brut.
\n– Titre de la page mis \u00e0 jour par JavaScript<\/strong>: identifie les pages dont le titre a \u00e9t\u00e9 modifi\u00e9 par JavaScript. Cela signifie que le titre de la page en HTML statique est diff\u00e9rent du titre de la page en HTML rendu. Envisagez d’inclure le contenu important c\u00f4t\u00e9 serveur dans du HTML statique.
\n– M\u00e9ta description<\/strong> uniquement dans le HTML rendu<\/strong>: renvoie les pages qui contiennent une m\u00e9ta description uniquement dans le HTML rendu apr\u00e8s l’ex\u00e9cution de JavaScript.
\n– M\u00e9ta description mise \u00e0 jour par JavaScript<\/strong>: toutes les pages dont les m\u00e9ta descriptions sont modifi\u00e9es par JavaScript. Cela signifie que la m\u00e9ta-description en HTML statique est diff\u00e9rente de la m\u00e9ta-description en HTML rendu.
\n– H1<\/strong> Only in Rendered<\/strong> HTML : pages qui contiennent un h1 uniquement dans le rendu HTML apr\u00e8s l’ex\u00e9cution de JavaScript. Cela signifie qu’un moteur de recherche doit rendre la page pour prendre en compte l’intitul\u00e9.
\nEnvisagez d’inclure des titres c\u00f4t\u00e9 serveur dans le code HTML statique<\/strong>– H1 mis \u00e0 jour par JavaScript<\/strong>: pages dont les titres h1 ont \u00e9t\u00e9 modifi\u00e9s par JavaScript. Cela signifie que le h1 en HTML brut est diff\u00e9rent du h1 en HTML rendu.<\/p>\n<\/div><\/div><\/div><\/span>Mobile et ordinateur de bureau<\/h3><\/span><\/div><\/div><\/div>Le moteur de recherche avec son orientation \u00ab\u00a0Mobile First Indexing\u00a0\u00bb a d\u00e9fini sans \u00e9quivoque l’importance du \u00ab\u00a0mobile\u00a0\u00bb en termes de positionnement organique, et l’audit de parit\u00e9 entre le mobile et l’ordinateur est une activit\u00e9 essentielle dans la phase d’optimisation d’un site web.<\/p>\n
Pour r\u00e9aliser l’audit de parit\u00e9, vous devez effectuer trois actions distinctes :<\/p>\n
\n- Analyse du site web avec l’agent utilisateur ‘GoogleBot pour Smartphones’.<\/li>\n
- Effectuez un balayage avec l’agent utilisateur \u00ab\u00a0GoogleBot\u00a0\u00bb (ou un autre agent pour les versions de bureau).<\/li>\n
- Utilisez le mode d’exploration \u00ab\u00a0Comparer\u00a0\u00bb pour comparer les deux explorations pr\u00e9c\u00e9dentes.<\/li>\n<\/ol>\n
Veuillez noter que pour ce sc\u00e9nario, le mode de stockage des donn\u00e9es de Screaming Frog doit \u00eatre r\u00e9gl\u00e9 sur \u00ab\u00a0Mode de stockage\u00a0\u00bb.<\/p>\n<\/div>
<\/div><\/div><\/span>Agent utilisateur GoogleBot
\npour les smartphones<\/h4><\/span><\/div><\/div><\/div>Analysez votre site web en utilisant l’agent utilisateur \u00ab\u00a0Googlebot pour smartphones\u00a0\u00bb. Si votre site web contient du contenu JS ou des d\u00e9pendances, vous devez activer le \u00ab\u00a0Mode de rendu Javascript\u00a0\u00bb comme mode d’analyse.<\/p>\n
<\/div>\n<\/div>![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/parity-audit-mobile-user-agent.jpeg\" "\\"parity-audit-mobile-user-agent\\"")
<\/span><\/div><\/div><\/div><\/span>Agent utilisateur GoogleBot<\/h4><\/span><\/div><\/div><\/div>Retournez dans les configurations et changez l’agent utilisateur en Googlebot ou un autre agent utilisateur de bureau et d\u00e9marrez votre deuxi\u00e8me analyse avec Screaming Frog.<\/p>\n<\/div>
![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/parity-audit-desktop-user-agent.jpeg\" "\\"parity-audit-desktop-user-agent\\"")
<\/span><\/div><\/div><\/div><\/span>Comparaison entre les mobiles et les ordinateurs de bureau<\/h4><\/span><\/div><\/div><\/div>Une fois que vous avez les deux scans s\u00e9par\u00e9s, il vous suffit de les comparer \u00e0 l’aide du nouveau mode\u00ab\u00a0Comparaison<\/strong>\u00ab\u00a0.<\/p>\n<\/div>![\"Comparazione](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/parity-audit-mobile-desktop-compare.jpeg\" "\\"parity-audit-mobile-desktop-compare\\"")
<\/span><\/div>> Cliquez ensuite sur l’ic\u00f4ne de l’engrenage en haut de l’\u00e9cran ou sur \u00ab\u00a0Comparaison de configuration\u00a0\u00bb. Vous pourrez ainsi configurer la fonction de d\u00e9tection des changements<\/strong>, qui vous permet d’identifier s’il existe des diff\u00e9rences sur des \u00e9l\u00e9ments sp\u00e9cifiques tels que les titres de page, les m\u00e9ta-descriptions, les en-t\u00eates, le nombre de mots, les liens internes, les donn\u00e9es structur\u00e9es et bien d’autres encore.<\/p>\nPour inclure tous les \u00e9l\u00e9ments d’analyse, il suffit d’activer l’option \u00ab\u00a0Select All\u00a0\u00bb en haut de la fen\u00eatre de configuration.<\/p>\n<\/div>
![\"Elaborazione](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/parity-audit-change-detection.jpeg\")
<\/a><\/span><\/div>Si le site web est r\u00e9actif et propose un contenu diff\u00e9rent pour les mobiles et les ordinateurs de bureau, mais conserve les m\u00eames URL, vous pouvez proc\u00e9der \u00e0 l’analyse comparative ; sinon, vous devrez \u00e9galement configurer la fonction de mappage des URL<\/strong>. Dans la m\u00eame fen\u00eatre que pr\u00e9c\u00e9demment, cliquez sur l’onglet correspondant et normalisez les sous-domaines en utilisant la syntaxe RegEX.<\/p>\n<\/div>\n<\/div>![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/parity-audit-url-mapping.jpeg\")
<\/a><\/span><\/div>Il ne vous reste plus qu’\u00e0 cliquer sur \u00ab\u00a0ok\u00a0\u00bb et \u00ab\u00a0Comparer\u00a0\u00bb pour lancer le processus d’analyse.<\/p>\n
Pour en savoir plus sur la cartographie des URL et la d\u00e9tection des changements de Screaming Frog, cliquez ici.<\/p>\n
Une fois l’analyse termin\u00e9e, il ne vous reste plus qu’\u00e0 consulter les donn\u00e9es via les\u00ab\u00a0onglets de d\u00e9tection de changement<\/strong>\u00a0\u00bb dans la barre lat\u00e9rale de Seo Spider.<\/p>\n<\/div>![\"Overview](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/migrazione-sito-web-change-detection.jpeg\" "\\"migrazione-sito-web-change-detection\\"")
<\/span><\/div>Id\u00e9alement, le contenu devrait \u00eatre identique, mais il peut y avoir quelques incoh\u00e9rences entre les mobiles et les ordinateurs de bureau. Vous pouvez les d\u00e9couvrir \u00e0 partir de l’\u00e9cran principal gr\u00e2ce aux quatre nouveaux filtres introduits dans la version 16.3 de Screaming Frog<\/a>.<\/p>\n\n- Ajout\u00e9<\/strong>: identifie toutes les URL qui sont pr\u00e9sentes dans les deux crawls mais dont les \u00e9l\u00e9ments modifi\u00e9s sont inclus dans un filtre du crawl \u00ab\u00a0actuel\u00a0\u00bb. Par exemple, un URL avait un \u00ab\u00a0meta_title\u00a0\u00bb dans la version pr\u00e9c\u00e9dente alors que dans la version actuelle cet \u00e9l\u00e9ment est absent. Dans ce cas, cette indication sera pr\u00e9sente dans le filtre \u00ab\u00a0Missing\u00a0\u00bb de l’\u00e9l\u00e9ment \u00ab\u00a0Meta Title\u00a0\u00bb.<\/li>\n
- Nouveau<\/strong>: inclut tous les nouveaux URL qui n’\u00e9taient pas pr\u00e9sents dans l’analyse pr\u00e9c\u00e9dente mais qui le sont.
\ninclus dans l’analyse en cours.<\/li>\n- Supprim\u00e9s<\/strong>: URL pr\u00e9sents dans les deux analyses mais dont les \u00e9l\u00e9ments sont pr\u00e9sents dans le filtre de l’analyse pr\u00e9c\u00e9dente, mais pas dans le filtre de l’analyse actuelle.
\nEn reprenant l’exemple du \u00ab\u00a0Meta Title\u00a0\u00bb ci-dessus, ce filtre identifie toutes les URL qui n’ont pas de
\npr\u00e9sentaient le titre de la page et \u00e9taient inclus dans le filtre \u00ab\u00a0Manquant\u00a0\u00bb, mais dans l’analyse actuelle
\nne sont plus pr\u00e9sents dans le filtre car ils ont \u00e9t\u00e9 optimis\u00e9s.<\/li>\n- Manquants<\/strong>: URL pr\u00e9sents dans le crawl pr\u00e9c\u00e9dent mais non d\u00e9tect\u00e9s dans le crawl \u00ab\u00a0actuel\u00a0\u00bb.<\/li>\n<\/ol>\n
En d\u00e9filant vers le bas jusqu’\u00e0 l’onglet D\u00e9tection des changements, vous obtenez un \u00ab\u00a0R\u00e9sum\u00e9\u00a0\u00bb tr\u00e8s utile qui vous permet d’avoir une vue d’ensemble imm\u00e9diate de tous les changements d\u00e9tect\u00e9s.<\/p>\n<\/div>
Dans ce tutoriel, nous allons nous pencher sur l‘\u00a0\u00bb<\/strong> Audit de parit\u00e9<\/strong>Seo<\/strong> \u00a0\u00bb \u00e0 l’aide de Screaming Frog<\/a>, une analyse souvent sous-estim\u00e9e, mais qui peut mettre en \u00e9vidence de nombreuses criticit\u00e9s qui emp\u00eachent une bonne indexation organique sur le moteur de recherche.<\/p>\n Gr\u00e2ce \u00e0 cette analyse, vous serez en mesure d’\u00e9valuer s’il existe des diff\u00e9rences dans la mani\u00e8re dont le site web est servi dans diff\u00e9rents sc\u00e9narios lors des raids du Crawler.<\/p>\n Les cas les plus int\u00e9ressants pour r\u00e9aliser l'\u00a0\u00bbaudit de parit\u00e9 Seo\u00a0\u00bb sont les suivants :<\/p>\n Gr\u00e2ce \u00e0 l’utilisation du Seo Spider, vous serez en mesure d’isoler les \u00e9l\u00e9ments SEO on-page qui varient d’une version \u00e0 l’autre et qui pourraient avoir un impact sur le crawling et, par cons\u00e9quent, sur la phase d’indexation et sur le classement attribu\u00e9 par le moteur de recherche.<\/p>\n Parmi les \u00e9l\u00e9ments les plus courants \u00e0 prendre en compte dans ce processus, on peut citer<\/p>\n La premi\u00e8re \u00e9tape pour r\u00e9aliser un audit de parit\u00e9 sur un site web contenant des ressources JS consiste \u00e0 configurer le mode d’analyse \u00ab\u00a0Javascript Rendering\u00a0\u00bb.<\/p>\n<\/div> La premi\u00e8re \u00e9tape pour r\u00e9aliser un audit de parit\u00e9 sur un site web contenant des ressources JS consiste \u00e0 configurer le mode d’analyse \u00ab\u00a0Javascript Rendering\u00a0\u00bb.<\/p>\n<\/div><\/div><\/div><\/div><\/div> > > Config Spider JS Rendering<\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div> En activant l’analyse Javascript, le Seo Spider analyse et sert \u00e0 la fois le HTML statique et le HTML rendu apr\u00e8s l’ex\u00e9cution Javascript. Dans l’onglet configuration, en plus de choisir \u00ab\u00a0Javascript rendering\u00a0\u00bb, je vous recommande de d\u00e9finir l’option \u00ab\u00a0Googlebot Mobile Smartphone\u00a0\u00bb comme \u00ab\u00a0Viewport\u00a0\u00bb, \u00e9tant donn\u00e9 l’orientation du moteur de recherche vers le\u00ab\u00a0Mobile First Indexing<\/strong>\u00ab\u00a0.<\/p>\n > Une fois le mode de balayage d\u00e9fini, vous devez activer les ressources \u00e0 balayer en les activant \u00e0 partir du menu de configuration de Spider Crawl. Une fois cette \u00e9tape termin\u00e9e, il ne reste plus qu’\u00e0 lancer le crawl ; le Seo Spider analysera le site web et vous proposera un rendu des pages en utilisant le mode \u00ab\u00a0headless Chrome\u00a0\u00bb.<\/p>\n<\/div> Une fois l’analyse termin\u00e9e, vous pouvez consulter les 12 filtres disponibles dans l’onglet \u00ab\u00a0Javascript\u00a0\u00bb et commencer \u00e0 \u00e9valuer s’il existe des diff\u00e9rences entre le HTML brut et le HTML rendu. En utilisant des filtres, vous serez en mesure de savoir quelles pages ont un contenu Javascript, s’il y a des diff\u00e9rences dans les balises m\u00e9ta, les canoniques ou d’autres \u00e9l\u00e9ments sur la page tels que les titres, les en-t\u00eates ou autres qui ne sont mis \u00e0 jour qu’apr\u00e8s l’ex\u00e9cution du Javascript.<\/p>\n D’une mani\u00e8re simple et intuitive, vous pouvez visualiser les pages avec un contenu JS et surtout quels sont les \u00e9l\u00e9ments qui ne sont pr\u00e9sents qu’apr\u00e8s le rendu du contenu.<\/p>\n<\/div> Lorsque vous trouvez des diff\u00e9rences, il vous suffit de consulter la fen\u00eatre inf\u00e9rieure de Screaming Frog et de s\u00e9lectionner l’onglet\u00ab\u00a0Voir la source<\/strong>\u00ab\u00a0, de choisir\u00ab\u00a0Contenu visible<\/strong>\u00a0\u00bb comme filtre et de pr\u00e9visualiser les deux versions en activant l’option\u00ab\u00a0Voir les diff\u00e9rences<\/strong>\u00ab\u00a0.<\/p>\n<\/div> Dans ce contexte, l'\u00a0\u00bbaudit de parit\u00e9\u00a0\u00bb est tr\u00e8s utile pour d\u00e9terminer s’il existe des liens qui ne sont pr\u00e9sents que dans le HTLM rendu et qui pourraient ne jamais \u00eatre d\u00e9couverts par le robot du moteur de recherche et donc ne pas \u00eatre index\u00e9s et suivis.<\/p>\n<\/div> Pour savoir quels liens ne sont pr\u00e9sents qu’apr\u00e8s l’ex\u00e9cution du JS, cliquez sur l’onglet\u00ab\u00a0Outlinks<\/strong>\u00a0\u00bb et d\u00e9finissez les liens\u00ab\u00a0Rendered HTML<\/strong>\u00a0\u00bb comme filtre. Pour une analyse plus approfondie, vous pouvez d\u00e9cider de les exporter via l’option de menu\u00ab\u00a0Exportation en bloc<\/strong>\u00ab\u00a0.<\/p>\n<\/div><\/div><\/div><\/div><\/div> > > Exportation en masse de Javascript Contient des liens Javascript<\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div> En plus de l’analyse des liens, vous pouvez \u00e9valuer toute une s\u00e9rie d’\u00e9l\u00e9ments qui varient apr\u00e8s l’ex\u00e9cution du script JS en fonction des exigences de votre projet.<\/p>\n<\/div> Les filtres fournis par Screaming Frog sont un support indispensable pour g\u00e9rer votre audit de parit\u00e9 :<\/p>\n – Contient des<\/strong> liens JavaScript<\/strong>: le filtre affiche les pages qui contiennent des hyperliens qui ne sont d\u00e9couverts dans le rendu HTML qu’apr\u00e8s l’ex\u00e9cution de JavaScript. Ces hyperliens ne sont pas en HTML brut. C’est une bonne pratique que d’envisager l’inclusion de liens importants c\u00f4t\u00e9 serveur dans le code HTML statique. Le moteur de recherche avec son orientation \u00ab\u00a0Mobile First Indexing\u00a0\u00bb a d\u00e9fini sans \u00e9quivoque l’importance du \u00ab\u00a0mobile\u00a0\u00bb en termes de positionnement organique, et l’audit de parit\u00e9 entre le mobile et l’ordinateur est une activit\u00e9 essentielle dans la phase d’optimisation d’un site web.<\/p>\n Pour r\u00e9aliser l’audit de parit\u00e9, vous devez effectuer trois actions distinctes :<\/p>\n Veuillez noter que pour ce sc\u00e9nario, le mode de stockage des donn\u00e9es de Screaming Frog doit \u00eatre r\u00e9gl\u00e9 sur \u00ab\u00a0Mode de stockage\u00a0\u00bb.<\/p>\n<\/div> Analysez votre site web en utilisant l’agent utilisateur \u00ab\u00a0Googlebot pour smartphones\u00a0\u00bb. Si votre site web contient du contenu JS ou des d\u00e9pendances, vous devez activer le \u00ab\u00a0Mode de rendu Javascript\u00a0\u00bb comme mode d’analyse.<\/p>\n Retournez dans les configurations et changez l’agent utilisateur en Googlebot ou un autre agent utilisateur de bureau et d\u00e9marrez votre deuxi\u00e8me analyse avec Screaming Frog.<\/p>\n<\/div> Une fois que vous avez les deux scans s\u00e9par\u00e9s, il vous suffit de les comparer \u00e0 l’aide du nouveau mode\u00ab\u00a0Comparaison<\/strong>\u00ab\u00a0.<\/p>\n<\/div> > Cliquez ensuite sur l’ic\u00f4ne de l’engrenage en haut de l’\u00e9cran ou sur \u00ab\u00a0Comparaison de configuration\u00a0\u00bb. Vous pourrez ainsi configurer la fonction de d\u00e9tection des changements<\/strong>, qui vous permet d’identifier s’il existe des diff\u00e9rences sur des \u00e9l\u00e9ments sp\u00e9cifiques tels que les titres de page, les m\u00e9ta-descriptions, les en-t\u00eates, le nombre de mots, les liens internes, les donn\u00e9es structur\u00e9es et bien d’autres encore.<\/p>\n Pour inclure tous les \u00e9l\u00e9ments d’analyse, il suffit d’activer l’option \u00ab\u00a0Select All\u00a0\u00bb en haut de la fen\u00eatre de configuration.<\/p>\n<\/div> Si le site web est r\u00e9actif et propose un contenu diff\u00e9rent pour les mobiles et les ordinateurs de bureau, mais conserve les m\u00eames URL, vous pouvez proc\u00e9der \u00e0 l’analyse comparative ; sinon, vous devrez \u00e9galement configurer la fonction de mappage des URL<\/strong>. Dans la m\u00eame fen\u00eatre que pr\u00e9c\u00e9demment, cliquez sur l’onglet correspondant et normalisez les sous-domaines en utilisant la syntaxe RegEX.<\/p>\n Il ne vous reste plus qu’\u00e0 cliquer sur \u00ab\u00a0ok\u00a0\u00bb et \u00ab\u00a0Comparer\u00a0\u00bb pour lancer le processus d’analyse.<\/p>\n Pour en savoir plus sur la cartographie des URL et la d\u00e9tection des changements de Screaming Frog, cliquez ici.<\/p>\n Une fois l’analyse termin\u00e9e, il ne vous reste plus qu’\u00e0 consulter les donn\u00e9es via les\u00ab\u00a0onglets de d\u00e9tection de changement<\/strong>\u00a0\u00bb dans la barre lat\u00e9rale de Seo Spider.<\/p>\n<\/div> Id\u00e9alement, le contenu devrait \u00eatre identique, mais il peut y avoir quelques incoh\u00e9rences entre les mobiles et les ordinateurs de bureau. Vous pouvez les d\u00e9couvrir \u00e0 partir de l’\u00e9cran principal gr\u00e2ce aux quatre nouveaux filtres introduits dans la version 16.3 de Screaming Frog<\/a>.<\/p>\n En d\u00e9filant vers le bas jusqu’\u00e0 l’onglet D\u00e9tection des changements, vous obtenez un \u00ab\u00a0R\u00e9sum\u00e9\u00a0\u00bb tr\u00e8s utile qui vous permet d’avoir une vue d’ensemble imm\u00e9diate de tous les changements d\u00e9tect\u00e9s.<\/p>\n<\/div>\n
\n
Audit de parit\u00e9 Javascript<\/h3><\/span>
<\/a><\/span><\/div>
\nN’oubliez pas que si certaines ressources sont pr\u00e9sentes dans un sous-domaine ou dans un \u00ab\u00a0domaine racine\u00a0\u00bb diff\u00e9rent, vous devez \u00e9galement s\u00e9lectionner l’option\u00ab\u00a0V\u00e9rifier les liens externes<\/strong>\u00ab\u00a0, sinon le Seo Spider n’utilisera pas ces \u00e9l\u00e9ments dans le rendu.<\/p>\n<\/div><\/a><\/span><\/div><\/a><\/span><\/div><\/a><\/span><\/div><\/a><\/span><\/div><\/a><\/span><\/div><\/a><\/span><\/div><\/span><\/div><\/span><\/div>Filtres d’onglets Javascript<\/h3><\/span>
\n– Contient du contenu JavaScript<\/strong>: affiche toutes les pages qui contiennent un corps de texte uniquement en HTML rendu apr\u00e8s l’ex\u00e9cution de JavaScript. Google est capable d’afficher les pages et de ne voir que le contenu c\u00f4t\u00e9 client, alors que le contenu important c\u00f4t\u00e9 serveur n’est pas inclus dans le code HTML brut.
\n– Noindex Only in Original HTML<\/strong>: toutes les pages qui contiennent une balise noindex dans le HTML statique mais pas dans le HTML rendu. Lorsque Googlebot rencontre une balise noindex, il ignore le rendu et l’ex\u00e9cution de JavaScript. \u00c9tant donn\u00e9 que Googlebot ignore l’ex\u00e9cution de JavaScript, l’utilisation de JavaScript pour supprimer le \u00ab\u00a0noindex\u00a0\u00bb dans le code HTML rendu ne fonctionnera pas.
\n– Nofollow Only in Original HTML<\/strong>: identifie les pages qui contiennent un attribut nofollow dans le HTML statique, et non dans le HTML rendu. Cela signifie que tout hyperlien contenu dans le code HTML brut avant l’ex\u00e9cution de JavaScript ne sera pas suivi. Supprimez \u00ab\u00a0nofollow\u00a0\u00bb si les liens doivent \u00eatre suivis, analys\u00e9s et index\u00e9s.
\n– Canonical<\/strong> Only in Rendered<\/strong> HTML : renvoie toutes les pages qui contiennent une balise canonical only dans le code HTML rendu apr\u00e8s l’ex\u00e9cution de JavaScript. Je recommande d’inclure un lien canonique dans le code HTML statique (ou dans l’en-t\u00eate HTTP) afin de s’assurer que Google puisse le voir et d’\u00e9viter de se fier uniquement au lien canonique dans le code HTML rendu.
\n– Mauvaise correspondance<\/strong> canonique : identifie les pages qui contiennent un lien canonique diff\u00e9rent dans le code HTML statique et dans le code HTML rendu apr\u00e8s l’ex\u00e9cution du JavaScript. Cette situation peut entra\u00eener des signaux contradictoires et un comportement ind\u00e9sirable de la part du moteur de recherche.
\n– Titre de la page uniquement dans le<\/strong> code HTML rendu<\/strong>: renvoie les pages qui contiennent un titre de page uniquement dans le code HTML rendu apr\u00e8s l’ex\u00e9cution de JavaScript. Cela signifie qu’un moteur de recherche doit rendre la page pour les voir. Pensez \u00e0 inclure le contenu important c\u00f4t\u00e9 serveur dans le code HTML brut.
\n– Titre de la page mis \u00e0 jour par JavaScript<\/strong>: identifie les pages dont le titre a \u00e9t\u00e9 modifi\u00e9 par JavaScript. Cela signifie que le titre de la page en HTML statique est diff\u00e9rent du titre de la page en HTML rendu. Envisagez d’inclure le contenu important c\u00f4t\u00e9 serveur dans du HTML statique.
\n– M\u00e9ta description<\/strong> uniquement dans le HTML rendu<\/strong>: renvoie les pages qui contiennent une m\u00e9ta description uniquement dans le HTML rendu apr\u00e8s l’ex\u00e9cution de JavaScript.
\n– M\u00e9ta description mise \u00e0 jour par JavaScript<\/strong>: toutes les pages dont les m\u00e9ta descriptions sont modifi\u00e9es par JavaScript. Cela signifie que la m\u00e9ta-description en HTML statique est diff\u00e9rente de la m\u00e9ta-description en HTML rendu.
\n– H1<\/strong> Only in Rendered<\/strong> HTML : pages qui contiennent un h1 uniquement dans le rendu HTML apr\u00e8s l’ex\u00e9cution de JavaScript. Cela signifie qu’un moteur de recherche doit rendre la page pour prendre en compte l’intitul\u00e9.
\nEnvisagez d’inclure des titres c\u00f4t\u00e9 serveur dans le code HTML statique<\/strong>– H1 mis \u00e0 jour par JavaScript<\/strong>: pages dont les titres h1 ont \u00e9t\u00e9 modifi\u00e9s par JavaScript. Cela signifie que le h1 en HTML brut est diff\u00e9rent du h1 en HTML rendu.<\/p>\n<\/div>Mobile et ordinateur de bureau<\/h3><\/span>
\n
Agent utilisateur GoogleBot
\npour les smartphones<\/h4><\/span><\/span><\/div>Agent utilisateur GoogleBot<\/h4><\/span>
<\/span><\/div>Comparaison entre les mobiles et les ordinateurs de bureau<\/h4><\/span>
<\/span><\/div><\/a><\/span><\/div><\/a><\/span><\/div><\/span><\/div>\n
\ninclus dans l’analyse en cours.<\/li>\n
\nEn reprenant l’exemple du \u00ab\u00a0Meta Title\u00a0\u00bb ci-dessus, ce filtre identifie toutes les URL qui n’ont pas de
\npr\u00e9sentaient le titre de la page et \u00e9taient inclus dans le filtre \u00ab\u00a0Manquant\u00a0\u00bb, mais dans l’analyse actuelle
\nne sont plus pr\u00e9sents dans le filtre car ils ont \u00e9t\u00e9 optimis\u00e9s.<\/li>\n
![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/parity-audit-change-detection-results.jpeg\")
<\/a><\/span><\/div>![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/change-detection-page-titles.jpeg\")
<\/a><\/span><\/div>![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/change-detection-crawl-depth-1024x524-1.jpeg\")
<\/a><\/span><\/div>![\"Url](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/staging-vs-live-url-mapping.jpeg\" "\\"staging-vs-live-url-mapping\\"")
<\/span><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[69],"tags":[80,82],"class_list":["post-3981","post","type-post","status-publish","format-standard","hentry","category-guide-screaming-frog","tag-debutant","tag-guide-fr"],"acf":[],"yoast_head":"\n