Cuando una web es solicitada, el html y el css son parseados por el navegador y se construye el DOM (Document Object Model) y posteriormente renderizados.

Mediante el DOM es que Javascript es capaz de generar cambios según se necesite. Comúnmente se le llama: cambiar dinámicamente el contenido. Y es aquí donde generalmente suceden los problemas.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3746bab8-671f-49b2-80a2-91b34554a98d/Imagen_1.png

Frameworks JS más conocidos:

Renderización de JS

Qué sucede cuando Googlebot encuentra Javascript que necesita renderizar para entender el contenido?

El proceso normal, como ya sabemos:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2067a8ad-8f84-4f79-a1c8-3bc2233c0322/Imagen_3.png

Pero cuando encuentra contenido generado por JS, utiliza un algoritmo dentro de la arquitectura Caffeine para hacerlo.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/058795ef-3262-4db1-8cf2-5bd77d495506/Imagen_2.png

Debido al alto costo que supone renderizar contenido generado por Javascript, no siempre es ejecutado inmediatamente. Esto retrasa la indexación (clasificación) de las páginas.

El problema sucede cuando al momento de renderizar, nuestro contenido primordial de cara al SEO no es servido. Ejemplo: templates vacíos o con muy poca información. Por ende, antes de pensar en el método de renderizado, se debe evaluar qué contenido es importante para atraer tráfico.