Servir el contenido esencial en el HTML, sin esperar a JavaScript
Descripción
Este criterio comprueba lo que lee un rastreador que no ejecuta JavaScript. iPand compara el HTML que envía tu servidor con la página mostrada tras ejecutar los scripts, con el mismo extractor.
El HTML sin procesar debe contener ya el título (y el H1 si la página tiene uno), al menos el 80 % de las palabras del texto principal, al menos el 80 % de los enlaces internos, los mismos tipos de datos estructurados JSON-LD y los datos de contacto visibles: teléfono, correo electrónico o dirección.
Por qué importa para las IA
Google lo recuerda: no todos los rastreadores saben ejecutar JavaScript. Incluso Google, que sí lo hace, pone las páginas en una cola antes de renderizarlas, lo que puede llevar tiempo. Un contenido escrito en el HTML servido es legible para cualquier rastreador que acceda a la página, desde su primera visita.
- Un texto añadido por script puede quedar invisible para los rastreadores que no ejecutan scripts: la página les parece vacía o incompleta.
- Google solo descubre los enlaces escritos como elementos <a> con un atributo href; un botón que cambia de página mediante un script no se sigue.
- Para sus funciones de IA, Google recomienda que el contenido importante esté disponible en forma de texto.
Cómo corregirlo
- 1 Renderiza el texto principal en el servidor Si tu web es una aplicación JavaScript (React, Vue, Angular…), activa el renderizado en el servidor, o el prerenderizado de las páginas en el momento de publicarlas: así, el servidor envía una página ya completa. Los principales frameworks lo ofrecen. Es el punto que más pesa en el criterio.
- 2 Escribe el título y el H1 en el HTML La etiqueta <title> y el encabezado H1 deben figurar en el HTML que envía el servidor, no añadirse con un script después de la carga.
- 3 Sirve los enlaces como enlaces a href Los enlaces de navegación y los que llevan a tus páginas internas deben ser elementos <a href="…"> presentes en el HTML. Un botón o un elemento en el que se hace clic y que cambia de página mediante un script no es un enlace para un rastreador.
- 4 Coloca el JSON-LD y los datos de contacto en el HTML servido Escribe los bloques <script type="application/ld+json"> directamente en el HTML, en lugar de inyectarlos con un gestor de etiquetas. Haz lo mismo con el teléfono, el correo electrónico y la dirección: escritos como texto en la página, no cargados por un widget.
- 5 Compara con y sin JavaScript Muestra el código fuente de la página (Ctrl+U en la mayoría de los navegadores) o desactiva JavaScript, y comprueba que el texto, los enlaces, el JSON-LD y los datos de contacto están ahí. Es lo que lee un rastreador que no ejecuta los scripts.
Claves
Lo que solo aparece después de ejecutar los scripts puede quedar invisible para parte de los rastreadores. Sirve en el HTML todo lo que las IA deben leer: título, texto, enlaces, datos estructurados y datos de contacto.
