Una web que la IA pueda leer: qué significa para el diseño y la construcción

Una página que en el navegador se ve llena puede llegarle vacía a la máquina. No es un fallo del código ni del diseño. Se desprende de decisiones que se toman al principio del proyecto y que nadie toma con mala intención.

Lo que sabemos

Vercel publicó en diciembre de 2024, junto con la agencia MERJ, mediciones de su propia red: en un mes registraron 569 millones de peticiones de GPTBot y 370 millones del rastreador de Anthropic. Ninguno de los principales rastreadores de IA ejecutaba JavaScript. Sí descargaban los scripts, pero descargar y ejecutar no es lo mismo.

La excepción es Googlebot, que tiene servicio de renderizado y alimenta también a Gemini. Los demás no. Son datos de una sola red, no una ley, y el comportamiento de los rastreadores puede cambiar sin aviso. Como base para decidir basta: lo que no está en el HTML que llega del servidor no existe para la mayoría de las máquinas.

Cuatro decisiones que vacían una página

• Texto dentro de una imagen. Un titular compuesto en el diseño mantiene la tipografía exacta y luce mejor. La máquina solo ve un archivo.
• Contenido en pestañas y desplegables que se carga tras el clic. Características, composición, envío. En el navegador un orden ejemplar; en el HTML del servidor, nada.
• Texto que aparece solo al hacer scroll. La animación es un efecto, no una técnica, pero suele construirse de modo que sea un script el que mete el párrafo en la página.
• Una página montada sobre vídeo donde todo el mensaje va en el vídeo. Debajo quedan un titular de dos palabras y un botón.

Ninguna de esas cuatro cosas es mal diseño en sí. Tres las hemos diseñado nosotros y las defendemos. La diferencia está en si el mismo mensaje existe también en el texto que llega del servidor.

Una buena web se ve bien para una persona y tiene sentido para una máquina. No son cosas opuestas, solo se piensan en otro orden.

No significa hacer webs aburridas

La reacción habitual es que así la web se reduce a texto pelado. No es así. La animación, el vídeo y la tipografía gráfica pueden quedarse. Se trata de tener debajo una capa que lleve el mismo mensaje en texto plano: el titular, el primer párrafo y, en un producto, el precio y la disponibilidad.

En la práctica es una pregunta más en el diseño. Allí donde una imagen, un vídeo o el movimiento llevan el mensaje, preguntamos dónde está escrito lo mismo con palabras. Si no hay respuesta, o se añade el texto, o se decide a conciencia que esa página no importa.

Cómo comprobarlo en un minuto

Abre el código fuente de tu página con Ctrl+U y busca en él una frase de tu propio contenido. Si no está, la máquina tampoco la ve. Más rápido es la comprobación de lo que la IA ve de una web: introduces una dirección y ves cuántas palabras de la página quedan sin scripts en marcha y cuánto de eso es menú y pie.

Lo desarrolla el artículo por qué una página llena de texto puede estar vacía para la IA, con las fuentes de esa medición.

Qué implica para el briefing

Cuando encargas una web nueva, es una frase en el briefing: el contenido que nos importa tiene que estar en el HTML que llega del servidor. Suena técnico, pero se decide en el diseño, no al programar. Una maqueta basada en ir desvelando el contenido se construye entonces de otra manera, o se le añade una capa de texto.

En las webs que construimos es lo normal. De la parte técnica se encarga la parte de desarrollo de nuestro grupo; nosotros vemos lo anterior: si la página lleva su mensaje en palabras o solo en imágenes.

Una página bonita que una máquina lee como vacía no es trabajo bien hecho. Es trabajo en el que una pregunta no llegó a hacerse.