Google actualizó su documentación de JavaScript SEO con nuevas pautas sobre el manejo de URL canónicas para sitios renderizados en JavaScript.
La actualización de la documentación también agrega la guía correspondiente a las mejores prácticas de Google para consolidar URL duplicadas.
Qué hay de nuevo
La documentación actualizada se centra en un problema de tiempo específico de los sitios JavaScript: la canonicalización puede ocurrir dos veces durante el procesamiento de Google.
Google evalúa las señales canónicas una vez cuando rastrea por primera vez el HTML sin formato y luego nuevamente después de representar JavaScript. Si su HTML sin formato contiene una URL canónica y su JavaScript establece una diferente, Google puede recibir señales contradictorias.
La documentación señala que se admite la inyección de etiquetas canónicas a través de JavaScript, pero no se recomienda. Cuando JavaScript establece una URL canónica, Google puede detectarla durante el procesamiento, pero las implementaciones incorrectas pueden causar problemas.
Varias etiquetas canónicas o cambios en una etiqueta canónica existente durante la representación pueden generar resultados de indexación inesperados.
Mejores prácticas
Google recomienda dos mejores prácticas según la arquitectura de su sitio.
El método preferido es configurar la URL canónica en la respuesta HTML sin formato para que coincida con la URL que finalmente mostrará su JavaScript. Esto le da a Google señales consistentes antes y después de la renderización.
Si JavaScript debe establecer una URL canónica diferente, Google recomienda dejar la etiqueta canónica fuera del HTML inicial. Esto puede ayudar a evitar señales conflictivas entre las fases de rastreo y renderizado.
La documentación también recuerda a los desarrolladores que se aseguren de que solo exista una etiqueta canónica en una página determinada después de la renderización.
Por qué esto importa
Esta guía aborda un detalle sutil que puede pasar desapercibido cuando se administran sitios renderizados en JavaScript.
La brecha entre el momento en que Google rastrea su HTML sin procesar y el momento en que procesa su JavaScript crea una oportunidad para que las señales canónicas diverjan.
Si utiliza marcos como React, Vue o Angular que manejan el enrutamiento y la estructura de la página del lado del cliente, vale la pena verificar cómo se implementan sus etiquetas canónicas. Observe si la respuesta de su servidor incluye una etiqueta canónica y si su JavaScript la modifica o la duplica.
En muchos casos, la solución es coordinar las implementaciones canónicas del lado del servidor y del lado del cliente para que envíen la misma señal en ambas etapas del procesamiento de Google.
Mirando hacia el futuro
Esta actualización de la documentación aclara un comportamiento que quizás no haya sido obvio antes. No cambia la forma en que Google procesa las etiquetas canónicas.
Si ve una selección canónica inesperada en los informes de indexación de páginas de Search Console, verifique si hay discrepancias entre su HTML sin formato y las etiquetas canónicas representadas. La herramienta de inspección de URL muestra el HTML sin formato y el renderizado, lo que permite comparar implementaciones canónicas en ambas fases.
Imagen destacada: Alicia97/Shutterstock
