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 proporciona muchas herramientas para ayudarte a depurar problemas de SEO de JavaScript en la Búsqueda de Google. En esta guía, se proporciona una descripción general de las herramientas disponibles y sugerencias sobre cuándo usar cada una.

Cómo encontrar problemas básicos de SEO con Lighthouse

Usa Lighthouse para tu primera investigación. Incluye una gran cantidad de auditorías de SEO.

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

Las auditorías de SEO de Lighthouse son verificaciones iniciales muy básicas para una sola página de tu sitio web. Detectan los errores más comunes y te brindan una primera impresión sobre el rendimiento de tu sitio web en términos de visibilidad en los motores de búsqueda. Ten en cuenta que Lighthouse se ejecuta en tu navegador, lo que no es una representación precisa de cómo Googlebot podría 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 depurar los problemas 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 cómo Googlebot ve tu contenido web.
Algunas de estas herramientas son especialmente útiles cuando se realizan pruebas desde el entorno de desarrollo:

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

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

  • El HTML renderizado que Googlebot usará 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 URL.

Aquí puedes averiguar lo siguiente:

  • 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 código HTML renderizado del rastreo más reciente
  • Cómo se ve el código HTML renderizado para un rastreo nuevo 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, puedes 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, que te brinda más orientación sobre qué hacer una vez que identificaste la causa de un problema.

Investiga el estado del sitio con Google Search Console

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

Informe de cobertura

En el Informe de cobertura, se muestran las páginas de tu sitio web que se indexaron y las que tienen problemas.

Captura de pantalla del informe 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 las Métricas web esenciales.

Captura de pantalla del informe de Métricas web esenciales.

Incorpora estas herramientas a tu conjunto de herramientas para desarrolladores

En este artículo, vimos una serie de herramientas para 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 ser más como herramientas ad hoc para identificar la causa de un problema y corregir las páginas afectadas. Para obtener más información sobre la Búsqueda de Google para desarrolladores o el SEO en JavaScript, consulta la documentación oficial de la Búsqueda para desarrolladores.