Web development tools for debugging JavaScript problems in Google Search

Google proporciona muchas herramientas para ayudarlo a depurar problemas de SEO de JavaScript on the Google search. Esta guía le brinda una descripción general de las herramientas disponibles y sugerencias sobre cuándo usar cada herramienta.

Find Basic SEO Problems With Lighthouse

Use Lighthouse for your first investigation. It comes with a ton of SEO audits.

Las auditorías de Lighthouse SEO son primeros controles muy básicos para una sola página de su sitio Web. Detectan los errores más comunes y le dan una primera impresión de cómo le está yendo a su sitio web en términos de visibilidad en los search engines. Tenga en cuenta que Lighthouse se ejecuta en su browser, lo que no es una representación precisa de cómo Googlebot podría ver una página web. Por ejemplo, los browsers (y Lighthouse) no usan robots.txt to decide if they can get resources from the network, while Googlebot does. So when Lighthouse identifies potential issues, you need to fix them, but you may have to use other tools to debug the issues further.

Validate pages with Google Search testing tools

Google Search provides
a set of tools to test how Googlebot views your web content.
Algunas de estas herramientas son particularmente útiles cuando se realizan pruebas desde su development environment:

In combination with
tools like local-tunnel or ngrok
puede crear una Url pública temporal a partir de su entorno de desarrollo local e iterar rápidamente mientras realiza pruebas con las herramientas de prueba de Google.

These testing tools provide you with multiple pieces of useful information, such as:

• The HTML renderizado que Googlebot usará para indexar.
• An overview of the loaded resources and explanations of why the resources cannot be loaded
• Console log messages and JavaScript errors with stack traces

The Google Search Console URL inspection tool It can also give you detailed information about the status of a page.

Here you can find out:

• Whether the URL is in Google's search index or can be indexed in the future
• What the most recent crawl rendered HTML looks like
• What Rendered HTML Looks Like for New Page Crawling
• Information on page resources
• JavaScript log messages and errors with stack traces
• A screenshot
• Problemas de usabilidad móvil
• What datos estructurados se detectaron en la página y si son válidos

With these tools you can identify most problems and solve them. Google Search also provides documentation for
troubleshoot JavaScript issues related to Google search
for further guidance on what to do once you have identified the cause of a problem.

Investigar el estado del sitio con Google Search Console

The tools in the last section are great for solving specific problems on a single page of your website, but if you want a better overview of your entire website, the Google search console is where you should go.

Coverage report

the Coverage report It shows you which pages on your website are indexed and which ones have problems.

Core Web Vitals Report

the Core Web Vitals Report helps you get an overview of your website page performance in terms of Core Web Vitals.

In this article, we have looked at a number of tools for various purposes, from testing a page before publishing it to monitoring the pages on a live website that give you transparency on how your website performs in terms of visibility for Google Search. . Some of these tools can become useful parts of your development toolkit, others can be more like ad-hoc tools to identify the cause of a problem and correct the affected pages. For more information on Google Search for developers or JavaScript SEO, take a look at the official
Find developers documentation.