Herramientas para desarrolladores web que permiten depurar problemas de JavaScript en la Búsqueda de Google

Cómo depurar problemas de SEO en páginas individuales o en todo un sitio

Martin Splitt
Martin Splitt

Google ofrece muchas herramientas para ayudarte a depurar problemas de SEO en JavaScript en la Búsqueda de Google. En esta guía, se brinda una descripción general de las herramientas y sugerencias disponibles sobre cuándo usar cada una.

Encuentra problemas básicos de SEO con Lighthouse

Usa Lighthouse en tu primera investigación. Incluye muchas auditorías de SEO.

Captura de pantalla de las auditorías de SEO en Lighthouse.

Las auditorías de SEO de Lighthouse son una verificación inicial muy básica para una sola página de tu sitio web. Detectan los errores más comunes y te dan una primera impresión sobre el rendimiento de tu sitio web en términos de visibilidad en el motor de búsqueda. Ten en cuenta que Lighthouse se ejecuta en tu navegador, que no es una representación precisa de cómo Googlebot puede ver una página web. Por ejemplo, los navegadores (y Lighthouse) no usan robots.txt para decidir si pueden recuperar recursos de la red, mientras que Googlebot sí lo hace. Por lo tanto, cuando Lighthouse identifica posibles problemas, debes corregirlos, pero es posible que debas usar otras herramientas para depurarlos aún más.

Valida páginas con las herramientas de prueba de la Búsqueda de Google

La Búsqueda de Google proporciona un conjunto de herramientas para probar la forma en que Googlebot ve tu contenido web.
Algunas de estas herramientas son particularmente útiles cuando realizas pruebas desde tu entorno de desarrollo:

En combinación con herramientas como local-tunnel o ngrok, puedes crear una URL pública temporal desde el entorno de desarrollo local y, luego, iterar rápidamente mientras realizas pruebas con las herramientas de prueba de Google.

Estas herramientas de prueba te proporcionan varios datos útiles, como los siguientes:

  • El HTML procesado que usará Googlebot para la indexación
  • Una descripción general de los recursos cargados y explicaciones de por qué no se pueden cargar los recursos
  • Mensajes de registro de la consola y errores de JavaScript con seguimientos de pila
Captura de pantalla de la prueba de optimización para dispositivos móviles.

La Herramienta de inspección de URLs de Google Search Console también puede brindarte información detallada sobre el estado de una página.

Captura de pantalla de la Herramienta de inspección de URLs.

Aquí puedes averiguarlo:

  • Si la URL está en el índice de la Búsqueda de Google o se puede indexar en el futuro
  • Cómo se ve el HTML procesado del rastreo más reciente
  • Cómo se ve el HTML procesado para un nuevo rastreo de la página
  • Información sobre los recursos de la página
  • Mensajes de registro y errores de JavaScript con seguimientos de pila
  • Una captura de pantalla
  • Problemas de usabilidad para dispositivos móviles
  • Qué datos estructurados se detectaron en la página y si son válidos

Con estas herramientas, puede identificar la mayoría de los problemas y resolverlos. La Búsqueda de Google también proporciona documentación para solucionar problemas de JavaScript relacionados con la Búsqueda de Google y obtener orientación sobre qué hacer una vez que identificaste la causa de un problema.

Investiga el estado de tu sitio con Google Search Console

Las herramientas de la sección anterior son excelentes para resolver problemas específicos en una sola página del sitio web, pero si deseas obtener una mejor descripción general de todo tu sitio web, debes ir a Google Search Console.

Informe de cobertura

En el Informe de cobertura, se muestran qué páginas de tu sitio web están indexadas y cuáles tienen problemas.

Una captura de pantalla del Informe de cobertura.

Informe de Métricas web esenciales

El informe de Métricas web esenciales te ayuda a obtener una descripción general del rendimiento de las páginas de tu sitio web en términos de Métricas web esenciales.

Captura de pantalla del informe de Métricas web esenciales

Haz que estas herramientas formen parte de tus herramientas para desarrolladores

En este artículo, vimos una serie de herramientas con diversos fines, desde probar una página antes de publicarla hasta supervisar las páginas de un sitio web activo que te brindan transparencia sobre el rendimiento de tu sitio web en términos de visibilidad para la Búsqueda de Google. Algunas de estas herramientas pueden convertirse en partes útiles de tu kit de herramientas de desarrollo, mientras que otras pueden parecer más a herramientas ad hoc para identificar la causa de un problema y corregir las páginas afectadas. Si deseas obtener más información sobre la Búsqueda de Google para desarrolladores o la SEO de JavaScript, consulta la documentación oficial de Búsqueda para desarrolladores.