Outils pour les développeurs Web pour déboguer les problèmes JavaScript dans la recherche Google

Déboguer les problèmes de SEO sur des pages individuelles ou sur l'ensemble d'un site

Google fournit de nombreux outils pour vous aider à résoudre les problèmes de SEO JavaScript dans la recherche Google. Ce guide vous présente les outils disponibles et vous suggère quand utiliser chacun d'eux.

Identifier les problèmes élémentaires de SEO avec Lighthouse

Utilisez Lighthouse pour votre première investigation. Il s'accompagne de nombreux audits SEO.

Capture d'écran des audits SEO dans Lighthouse.

Les audits SEO de Lighthouse sont des premières vérifications très élémentaires effectuées sur une seule page de votre site Web. Elles identifient les erreurs les plus courantes et vous donnent une première impression sur les performances de votre site Web en termes de visibilité sur les moteurs de recherche. Notez que Lighthouse s'exécute dans votre navigateur, ce qui ne représente pas précisément la manière dont Googlebot peut voir une page Web. Par exemple, les navigateurs (et Lighthouse) n'utilisent pas robots.txt pour déterminer s'ils peuvent extraire des ressources du réseau, contrairement à Googlebot. Lorsque Lighthouse identifie des problèmes potentiels, vous devez donc les résoudre, mais vous devrez peut-être utiliser d'autres outils pour les déboguer plus en détail.

Valider des pages à l'aide des outils de test de la recherche Google

La recherche Google fournit un ensemble d'outils permettant de tester la façon dont Googlebot voit votre contenu Web.
Certains de ces outils sont particulièrement utiles lors des tests depuis votre environnement de développement:

En combinant des outils tels que local-tunnel ou ngrok, vous pouvez créer une URL publique temporaire à partir de votre environnement de développement local et itérer rapidement lors des tests avec les outils de test de Google.

Ces outils de test vous fournissent de nombreuses informations utiles, telles que:

  • Code HTML utilisé par Googlebot pour l'indexation
  • Présentation des ressources chargées et explications sur les raisons pour lesquelles elles ne peuvent pas être chargées
  • Messages de journal de la console et erreurs JavaScript avec les traces de la pile
Capture d'écran du test d'optimisation mobile.

L'outil d'inspection d'URL de la Google Search Console peut également vous fournir des informations détaillées sur l'état d'une page.

Capture d'écran de l'outil d'inspection d'URL.

Vous pourrez ainsi le découvrir:

  • Si l'URL figure dans l'index de recherche Google ou peut être indexée à l'avenir
  • À quoi ressemble le rendu HTML de la dernière exploration ?
  • À quoi ressemble le rendu du code HTML pour une nouvelle exploration de la page ?
  • Informations sur les ressources de la page
  • Messages de journal JavaScript et erreurs avec les traces de la pile
  • Une capture d'écran
  • Problèmes d'ergonomie mobile
  • Quelles données structurées ont été détectées sur la page et si elles sont valides ?

En utilisant ces outils, vous pouvez identifier la plupart des problèmes et les résoudre. La recherche Google fournit également de la documentation sur la résolution des problèmes JavaScript liés à la recherche Google pour plus de conseils sur la procédure à suivre une fois que vous avez identifié la cause d'un problème.

Examiner l'état de votre site avec Google Search Console

Les outils de la dernière section sont très efficaces pour résoudre des problèmes spécifiques sur une seule page de votre site Web, mais si vous souhaitez avoir une meilleure vue d'ensemble de l'ensemble de votre site Web, la Google Search Console est l'outil qu'il vous faut.

Rapport de couverture

Le rapport de couverture indique les pages de votre site Web qui sont indexées et celles qui présentent des problèmes.

Une capture d'écran du rapport de couverture

Rapport Core Web Vitals

Le rapport Core Web Vitals vous offre un aperçu des performances des pages de votre site Web en termes de Signaux Web essentiels.

Capture d'écran du rapport Core Web Vitals.

Intégrez ces outils à vos outils de développement

Dans cet article, nous avons vu une série d'outils à des fins diverses, que ce soit pour tester une page avant de la publier ou pour surveiller les pages d'un site Web en ligne. Ces outils vous permettent d'être transparent sur la visibilité de votre site Web dans la recherche Google. Certains de ces outils peuvent devenir des éléments utiles de votre boîte à outils de développement, d'autres peuvent ressembler davantage à des outils ad hoc pour identifier la cause d'un problème et corriger les pages affectées. Pour en savoir plus sur la recherche Google pour les développeurs ou sur le SEO JavaScript, consultez la documentation officielle sur la recherche pour les développeurs.