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

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

Google propose de nombreux outils pour vous aider à déboguer les problèmes de référencement JavaScript dans la recherche Google. Ce guide vous présente les outils disponibles et des suggestions sur le moment où les utiliser.

Identifier les problèmes de base liés au référencement avec Lighthouse

Utilisez Lighthouse pour votre première investigation. Il est accompagné de nombreux audits SEO.

Capture d'écran des audits SEO dans Lighthouse.

Les audits SEO Lighthouse sont des premières vérifications très basiques pour une seule page de votre site Web. Ils détectent les erreurs les plus courantes et vous donnent une première impression sur la visibilité de votre site Web dans les moteurs de recherche. Notez que Lighthouse s'exécute dans votre navigateur, ce qui ne représente pas de manière précise la façon dont Googlebot peut voir une page Web. Par exemple, les navigateurs (et Lighthouse) n'utilisent pas robots.txt pour décider s'ils peuvent extraire des ressources du réseau, contrairement à Googlebot. Par conséquent, lorsque Lighthouse identifie des problèmes potentiels, vous devez les résoudre, mais vous devrez peut-être utiliser d'autres outils pour déboguer les problèmes plus en détail.

Valider les pages avec les outils de test de la recherche Google

La recherche Google fournit un ensemble d'outils pour tester la façon dont Googlebot voit votre contenu Web.
Certains de ces outils sont particulièrement utiles lorsque vous effectuez des tests à partir de votre environnement de développement:

En combinaison avec 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 pendant les tests avec les outils de test de Google.

Ces outils de test vous fournissent plusieurs informations utiles, par exemple:

  • Code HTML affiché que Googlebot utilisera pour l'indexation
  • Présentation des ressources chargées et explications des raisons pour lesquelles les ressources ne peuvent pas être chargées
  • Messages de journal de la console et erreurs JavaScript avec des traces de 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 y trouverez les informations suivantes:

  • Si l'URL figure dans l'index de recherche Google ou peut l'être à l'avenir
  • Aperçu du code HTML rendu de l'exploration la plus récente
  • Aperçu du code HTML affiché pour une nouvelle exploration de la page
  • Informations sur les ressources de la page
  • Messages de journal et erreurs JavaScript avec des traces de pile
  • Une capture d'écran
  • Problèmes d'ergonomie mobile
  • Les données structurées détectées sur la page et si elles sont valides

Grâce à ces outils, vous pouvez identifier la plupart des problèmes et les résoudre. La recherche Google fournit également des documents sur la résolution des problèmes JavaScript liés à la recherche Google pour vous aider à savoir quoi faire une fois que vous avez identifié la cause d'un problème.

Étudier l'état de votre site avec la Google Search Console

Les outils de la dernière section sont très utiles pour résoudre des problèmes spécifiques sur une seule page de votre site Web. Toutefois, si vous souhaitez obtenir 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 Couverture indique les pages de votre site Web qui sont indexées et celles qui présentent des problèmes.

Capture d'écran du rapport "Couverture".

Rapport Core Web Vitals

Le rapport Core Web Vitals vous aide à obtenir un aperçu des performances des pages de votre site Web en termes de Core Web Vitals.

Capture d'écran du rapport Core Web Vitals.

Intégrez ces outils à votre boîte à outils de développement

Dans cet article, nous avons vu une série d'outils à des fins diverses, du test d'une page avant sa publication à la surveillance des pages d'un site Web en ligne, qui vous permettent de voir comment votre site Web se comporte en termes de visibilité dans la recherche Google. Certains de ces outils peuvent devenir des éléments utiles de votre boîte à outils de développement, tandis que d'autres peuvent être des outils ponctuels pour identifier l'origine d'un problème et corriger les pages concernées. Pour en savoir plus sur la recherche Google pour les développeurs ou le SEO JavaScript, consultez la documentation officielle sur la recherche pour les développeurs.