Una vez más, Google ha compartido su experiencia con las comunidades de SEO y marketing digital mediante la publicación de una nueva entrega de su serie de videos Lightning Talks en YouTube.
En el video más reciente, el defensor de desarrolladores de Google, Martin Splitt, enseña a los espectadores cómo usar Google Chrome DevTools para realizar pasos básicos de solución de problemas de SEO.
El conocimiento experto y las sencillas instrucciones de Splitt hacen de este video una recomendación fácil para cualquier persona con experiencia como desarrollador que busque optimizar la clasificación de su sitio web en los motores de búsqueda.
Aquí hay algunas formas de usar Chrome DevTools para solucionar problemas comunes de SEO en un sitio de compilación antes de que entre en funcionamiento.
Contenido del Articulo
Uso de la prueba de compatibilidad con dispositivos móviles
Usar la prueba optimizada para dispositivos móviles en Google Search Console es un excelente lugar para comenzar.
Cuando pruebe la URL de su entorno de ensayo, le mostrará si falta algún elemento en el HTML representado.
Si este es el caso, no se preocupe. puede ver de cerca lo que está sucediendo abriendo el sitio en su navegador y usando Google Chrome DevTools.
Uso de la pestaña Elementos en DevTools
Captura de pantalla de: YouTube.com/GoogleSearchCentral, febrero de 2023.La pestaña Componentes en DevTools le dará una representación HTML del Modelo de objetos de documento (DOM) de la página.
Esta es una herramienta valiosa para buscar contenido en la página y determinar si existe en el DOM.
Si falta contenido en el HTML renderizado, también faltará en el DOM.
Uso de la pestaña Red
Captura de pantalla de: YouTube.com/GoogleSearchCentral, febrero de 2023.La pestaña Red en DevTools le permite ver lo que sucede entre su servidor y su navegador.
Cuando vuelva a cargar la página, podrá ver todas las solicitudes y respuestas del servidor.
El gráfico de cascada mostrará cuánto tiempo lleva todo y dónde se gasta el tiempo.
También puede inspeccionar todos los encabezados de solicitud y respuesta, lo que puede ayudarlo a buscar encabezados específicos, como el encabezado de X-Robots.
Esto puede ayudarlo a determinar si el contenido que falta ha pasado del servidor al navegador.
Si el contenido solo aparece después de desplazarse por la página, puede usar la pestaña Iniciador para ver qué lo solicitó.
Esta información se puede utilizar para resolver el problema.
Establecer condiciones de red
Captura de pantalla de: YouTube.com/GoogleSearchCentral, febrero de 2023.La pestaña Red en DevTools tiene otras funciones, como deshabilitar el caché, ajustar la velocidad de transferencia de la red y cambiar el agente de usuario.
Sin embargo, es importante tener en cuenta que configurar el agente de usuario en Googlebot puede no producir los resultados esperados.
Googlebot también respeta el archivo robots.txt, que su navegador ignora, y algunos sitios web pueden realizar búsquedas de IP para ver si la solicitud proviene de un centro de datos de Google.
En conclusión, Browser Developer Tools ofrece un poderoso conjunto de herramientas de depuración para solucionar problemas de SEO.
Puede usar la pestaña Elementos para inspeccionar el DOM, la pestaña Red para inspeccionar las solicitudes y respuestas de la red, y establecer las condiciones de la red, como el almacenamiento en caché y el agente de usuario.
Puede diagnosticar y resolver rápidamente varios problemas de SEO combinándolos con las herramientas de prueba en Google Search Console.
Imagen destacada: captura de pantalla de YouTube.com/GoogleSearchCentral, febrero de 2023.
Fuente: YouTube
