Over 10 years we helping companies reach their financial and branding goals. Onum is a values-driven SEO agency dedicated.

CONTACTS


El renderizado dinámico puede resolver eficazmente sus problemas de SEO de JavaScript, pero Google recomienda que sea una solución alternativa en lugar de una solución a largo plazo.

Como agrega una capa adicional de complejidad al crear su sitio web, se recomienda implementar hidratación, renderizado estático o renderizado del lado del servidor.

Tanto Bing como Google consideran que el renderizado dinámico es lo suficientemente importante como para anunciarlo como una solución rápida a los problemas de rastreo e indexación de la Búsqueda de Google con JavaScript.

Esto significa que los equipos de desarrollo web y la comunidad técnica de SEO deben comprender el proceso de representación dinámica y por qué solo debe considerarse una configuración temporal.

¿Qué es el renderizado dinámico?

La representación dinámica combina lo mejor de ambos mundos al presentar su contenido de JavaScript de manera diferente.

El contenido completamente representado (una versión HTML estática de las páginas) se envía a los motores de búsqueda, mientras que los visitantes regulares del sitio reciben contenido normal (representado por el lado del cliente).

Esta técnica de representación permite que su sitio web detecte de forma dinámica rastreadores como Googlebot y permite que Google rastree e indexe su contenido sin ejecutar JavaScript.

Dado que proporciona sitios web relevantes para los usuarios y los robots de los motores de búsqueda, la representación dinámica ayuda a minimizar el tiempo de rastreo necesario para cada una de sus páginas.

No todos los sitios necesitan representación dinámica, pero ¿cómo funciona exactamente?

Cómo funciona la representación dinámica

La implementación de la renderización dinámica puede ser un desafío, requiere muchos recursos y consume mucho tiempo.

El proceso de renderizado dinámico normalmente funciona ofreciendo toda la experiencia de JavaScript a los usuarios y los archivos HTML a los robots de búsqueda.

  • Un renderizador dinámico externo, como Prerender.io, está instalado en el servidor para identificar rastreadores de búsqueda.
  • Las solicitudes de los rastreadores se enrutan al renderizador, que sirve como una traducción del contenido adecuado para el rastreador (como una versión HTML estática). Esta página se almacena en caché para más adelante.
  • Una solicitud de usuario humano se maneja normalmente, enviándolos al sitio web. También puede usar esta parte del proceso de representación dinámica para determinar si requieren contenido de escritorio o móvil.

¿Qué problemas puede resolver el renderizado dinámico?

El renderizado dinámico ayuda a Google a rastrear e indexar su sitio web más rápidamente al seleccionar el contenido relevante generado por JavaScript.

Esto significa que los motores de búsqueda reciben las páginas más rápido, lo que les permite pasar por más páginas de su sitio, lo que hace que más de sus páginas sean visibles en las páginas de resultados del motor de búsqueda (SERP).

Al eliminar la necesidad de que los motores de búsqueda procesen JavaScript, puede optimizar los problemas de presupuesto de rastreo relacionados con la velocidad y evitar que los motores de búsqueda pasen por alto su contenido cargado con JavaScript.

Esto hace que la técnica sea ideal para sitios web grandes que generan mucho contenido que se actualiza con frecuencia (por ejemplo, una tienda de comercio electrónico con un inventario rotativo).

Más contenido indexado en Google ayudará a sus esfuerzos de marketing de contenido y la inversión en el canal de búsqueda orgánica.

¿Debería seguir usando el renderizado dinámico?

El renderizado dinámico sigue siendo una excelente combinación para sitios grandes con mucho JavaScript que evolucionan constantemente, pero solo como una solución a corto plazo.

También es beneficioso para las empresas que necesitan aprovechar al máximo su presupuesto de rastreo y tienen pocos recursos de ingeniería.

Debido a que es más rápido y consume menos recursos que la representación del lado del servidor, también es más fácil de implementar.

Hay tres casos en los que los desarrolladores web deberían considerar temporalmente el uso de renderizado dinámico:

  • Si tiene un sitio grande con contenido que cambia rápidamente y requiere una indexación rápida – esto ayuda con las clasificaciones y la conducción del tráfico y los ingresos.
  • Si su sitio web se basa en la funcionalidad moderna de JavaScriptla representación dinámica puede superar las limitaciones del procesamiento de JavaScript a escala y al mismo tiempo minimizar la cantidad de solicitudes HTTP.
  • Si su sitio web se basa en compartir en redes sociales y aplicaciones de chat que requieren acceso al contenido de la página: paredes de redes sociales integrables, widgets, etc.

¿Es el encubrimiento de renderizado dinámico?

Google describe el encubrimiento como “enviar diferentes contenidos o URL a usuarios humanos y motores de búsqueda con la intención de manipular las clasificaciones de búsqueda y engañar a los usuarios”.

Se considera una táctica de SEO de sombrero negro, por ejemplo, mostrar una página sobre perros a los usuarios y una página sobre gatos a los rastreadores.

Aunque el renderizado dinámico envía contenido diferente a ambas partes, es únicamente para renderizar previamente su contenido para los bots.

Si implementa la representación dinámica, minimice las diferencias entre la versión de la página que envía a los robots de búsqueda y la versión que envía a los usuarios.

Ofrecer el mismo contenido final a rastreadores y usuarios humanos permite que Google indexe de manera fácil, rápida y económica.

Cómo utilizar la renderización dinámica como solución alternativa

Según Google, si su sitio web alberga contenido generado por JavaScript que no está disponible para los motores de búsqueda, la representación dinámica se puede utilizar como una solución al problema.

Si sus bots tienen dificultades con el contenido generado por JavaScript, use la representación dinámica para detectarlos y entregue una versión renderizada por el servidor sin JavaScript. A continuación, se muestra a los usuarios una versión renderizada del contenido del lado del cliente.

Por otro lado, el renderizado dinámico crea complejidades y recursos adicionales y superfluos para Google. Como genera muchas solicitudes de representación previa, puede ralentizar significativamente su servidor.

El renderizado dinámico no es una opción viable a largo plazo, ya que requiere que mantengas dos versiones separadas de tu sitio.

Deberá verificar por separado que su sitio web esté bien optimizado para los usuarios y los robots de búsqueda, lo que les quita un tiempo precioso a sus equipos de desarrollo y SEO que podría invertirse mejor en otro lugar.

Finalmente, el renderizado dinámico significa que sus clientes reciben una versión renderizada del lado del cliente de su sitio. Si los usuarios tienen dispositivos más antiguos que no están diseñados para manejar grandes cantidades de JavaScript, esto puede generar un rendimiento deficiente de la página y una experiencia de usuario negativa.

Resumen

El renderizado dinámico es una forma temporal ideal para reparar sus problemas de SEO de JavaScript. Antes de decidirse a seguir adelante, hágase las siguientes preguntas:

  • ¿Tu sitio web es indexable?
  • ¿Su sitio web utiliza JavaScript para parte o la totalidad de su contenido?
  • ¿Tu contenido cambia regularmente?
  • ¿Se enfrenta a restricciones presupuestarias?
  • ¿Su equipo de ingeniería tiene demasiado en su plato para implementar el renderizado del lado del servidor?

La representación dinámica existe para corregir las páginas web que no aparecen en las páginas de resultados del motor de búsqueda, pero siempre recomendamos la representación del lado del servidor.

Después de todo, es más fácil de mantener con una sola versión de un sitio web y más eficiente en el tiempo, ya que no tiene que verificar si las versiones para los usuarios y Googlebot son idénticas.

Una vez que haya sopesado sus recursos de desarrollo y capacidades tecnológicas, busque oportunidades para cambiar a la representación del lado del servidor para que todos los agentes de usuario reciban el mismo contenido.

Más recursos:


Imagen destacada: stegworkz/Shutterstock

hola@juanrecio.com

Author

hola@juanrecio.com

¡Utiliza la tecnología y la inteligencia artificial en tus proyectos! ¿Quieres saber cómo?