Martin Splitt de Google recientemente compartió ideas sobre cómo los errores de JavaScript pueden dañar el rendimiento de búsqueda de un sitio web.

Su charla se produce cuando el defensor de la búsqueda de Google, John Mueller, también insta a los profesionales de SEO a aprender más sobre las tecnologías modernas del lado del cliente.

Error 1: HTML renderizado vs. fuente HTML

Durante la Conferencia SEO para Paws, una recaudación de fondos de transmisión en vivo de Anton Shulke, Splitt llamó la atención sobre una tendencia que está notando.

Muchos profesionales de SEO aún se centran en el código fuente original del sitio web a pesar de que Google usa el HTML renderizado para la indexación. HTML renderizado es lo que ves después de que JavaScript haya terminado de ejecutarse.

Splitt explica:

“Mucha gente todavía está mirando la fuente de la vista. Eso no es lo que usamos para la indexación. Usamos el HTML renderizado”.

Esto es importante porque JavaScript puede cambiar las páginas eliminando o agregando contenido. Comprender esto puede ayudar a explicar algunos problemas de SEO.

Error 2: las páginas de error están indexadas

Splitt señaló un error común con aplicaciones de una sola página y sitios pesados ​​de JavaScript: a menudo devuelven un estado de 200 OK para páginas de error.

Esto sucede porque el servidor envía una respuesta de 200 antes de que JavaScript verifique si la página existe.

Splitt explica:

“En lugar de responder con 404, solo responde con 200 … siempre mostrando una página basada en la ejecución de JavaScript”.

Cuando las páginas de error obtienen un código 200, Google los indexa como páginas normales, perjudicando su SEO.

Splitt aconseja a la configuración del servidor para manejar correctamente los errores, incluso cuando se usa la representación del lado del cliente.

Error 3: Problema de solicitud de geolocalización

Otro problema surge cuando los sitios piden a los usuarios una ubicación u otros permisos.

Splitt dice que Googlebot siempre rechazará la solicitud si un sitio depende de la geolocalización (o solicitudes similares) sin un plan de respaldo.

Splitt explica:

“Googlebot no dice que sí en esa ventana emergente. Dice que no en todas estas solicitudes … así que si solicita la geolocalización, Googlebot dice que no”.

La página puede parecer en blanco a Googlebot sin contenido alternativo, lo que significa que nada está indexado. Esto puede convertirse en un grave error de SEO.

Cómo depurar JavaScript para SEO

Splitt compartió algunos pasos para ayudar a diagnosticar y solucionar problemas de JavaScript:

1. Comience con la consola de búsqueda: Use la herramienta de inspección de URL para ver el HTML renderizado.
2. Verifique el contenido: Verifique si el contenido esperado está ahí.
3. Revisar los códigos HTTP: Mire los códigos de estado en la sección “Más información”> “Recursos”.
4. Use herramientas de desarrollador: Abra las herramientas de desarrollador de su navegador. Consulte la columna “Iniciador” en la pestaña de red para ver qué JavaScript agregó contenido específico.

Splitt agrega:

“El iniciador es lo que lo cargó. Si JavaScript lo inyecta, puede ver qué parte del código lo hizo”.

Seguir estos pasos puede ayudarlo a encontrar las áreas problemáticas y trabajar con sus desarrolladores para solucionarlos.

Vea la charla completa de Splitt en la grabación a continuación:

https://www.youtube.com/watch?v=cji7t_4gizw

Un cambio en las habilidades de SEO

El consejo de Splitt se ajusta con el llamado de Mueller para que SEOS amplíe su conjunto de habilidades.

Mueller sugirió recientemente que los profesionales de SEO aprenden sobre marcos del lado del cliente, diseño receptivo y herramientas de IA.

Mueller declaró:

“Si trabaja en SEO, considere dónde se ajusta actualmente su trabajo … si su enfoque era ‘SEO a nivel de servidor’, considere que el corte se ha reducido”.

Las técnicas modernas de JavaScript crean nuevos desafíos que los viejos métodos de SEO no pueden resolver solo. Los ejemplos del mundo real de Splitt muestran por qué comprender estas prácticas web modernas ahora es crítico.

Lo que esto significa para los profesionales de SEO

Ambos defensores de Google señalan una tendencia clara: el SEO ahora requiere más habilidades técnicas. A medida que las empresas buscan profesionales que puedan combinar el SEO y el desarrollo web, la demanda de estas habilidades modernas está creciendo.

Para mantenerse al día, los profesionales de SEO deberían:

• Aprenda cómo JavaScript afecta la indexación: Conozca la diferencia entre HTML de fuente y renderizado.
• Herramientas de desarrollador maestro: Use herramientas como la consola de búsqueda y las herramientas de desarrollador de navegador para detectar problemas.
• Colaborar con los desarrolladores: Trabajen juntos para crear sitios que sirvan bien a los usuarios y motores de búsqueda.
• Amplíe su conjunto de habilidades: Agregue técnicas del lado del cliente a su kit de herramientas SEO tradicional.

Mirando hacia el futuro

A medida que evoluciona la web, también deben las habilidades de los profesionales de SEO. Sin embargo, nivelar su conocimiento no tiene que ser intimidante.

Esta nueva mirada al papel de JavaScript en SEO muestra que incluso los cambios simples pueden tener un gran impacto.

Imagen destacada: BestforBest/Shutterstock