Notas · Sitios web
Por qué tu web puede ser invisible para la IA aunque esté en Google
Un sitio hecho con animaciones de entrada sirve su contenido con opacidad cero. Para un lector que no ejecuta scripts, esa página está en blanco.
6 de setiembre de 20265 minutos de lecturaZenticHub
En corto
Muchos sitios modernos sirven su texto con opacity:0 y lo hacen visible recién cuando corre el JavaScript de las animaciones. Un motor de IA que lee la página sin ejecutar scripts ve una página vacía. El texto está en el HTML, pero está declarado invisible. Se arregla sacando las animaciones de entrada o haciendo que el contenido arranque visible y la animación solo lo acompañe.
Hay un problema que vemos seguido y que casi nadie mira, porque en el navegador no se nota: el sitio se ve perfecto, carga rápido, tiene buenas animaciones. Y para un lector automatizado está en blanco.
Cómo pasa
Las librerías de animación más usadas resuelven la entrada de una sección de la misma manera: renderizan el elemento invisible y lo revelan cuando entra en pantalla. En el HTML eso queda así:
<h1 style="opacity:0; transform:translateY(24px)">Lo que hacemos</h1>El titular está en el HTML, pero declarado invisible
Si el que lee ejecuta JavaScript, la animación corre y el texto aparece. Si no lo ejecuta, se queda en cero. Y muchos de los agentes que recorren la web para alimentar motores de IA no ejecutan scripts, o los ejecutan de forma limitada.
Este sitio tenía exactamente ese problema: 43 de 64 elementos con estilo se servían con opacidad cero, incluidos el titular y el primer párrafo. Lo encontramos midiéndolo, no leyendo el código.
Cómo verificarlo en tu sitio
- Pedí la página sin ejecutar scriptsCon curl, con el modo sin JavaScript del navegador, o con cualquier herramienta que traiga el HTML crudo. El objetivo es ver exactamente lo que ve un lector automatizado.
- Fijate si el texto estáSi no está, el sitio genera el contenido enteramente en el navegador. Ese es un problema más grande y más caro de arreglar.
- Si está, fijate cómo estáBuscá opacity:0 y transform en los estilos en línea. Si el titular tiene eso, el contenido está escrito pero declarado invisible.
Cómo se arregla
La solución no es sacar todo el movimiento. Es cambiar de dónde arranca: el contenido tiene que estar visible en su estado de reposo, y la animación acompañar desde ahí.
| Así no | Así sí |
|---|---|
| Arranca en opacity:0 y JavaScript lo revela | Arranca visible y la animación solo lo mueve |
| El estado de reposo es invisible | El estado de reposo es el estado legible |
| Sin scripts, página en blanco | Sin scripts, página completa |
En la práctica, para la mayoría de los sitios de pyme la respuesta más simple es no tener animaciones de entrada por sección. No aportan a la conversión y traen este costo escondido.
Las otras dos causas
La opacidad es la más común pero no la única. Vale la pena revisar las otras dos antes de dar por cerrado el tema.
- Contenido generado solo en el navegador. Si el HTML llega vacío y todo se arma con scripts, ningún lector automatizado ve nada. Se resuelve renderizando en el servidor.
- Bloqueo a los agentes. Un robots.txt restrictivo o una regla de firewall que rechaza tráfico automatizado deja afuera a los motores. Verificá qué responde tu sitio ante distintos user agents.
Lo que este arreglo no hace
- —No te pone en las respuestas de la IA por sí solo. Que te puedan leer es la condición mínima, no la causa de que te nombren.
- —No mejora tu posición en Google de un día para el otro.
- —No sirve de nada si sobre tu negocio no hay material publicado en ningún otro lado.
Es el primer paso, no el trabajo entero. Pero es barato y es el único que depende enteramente de vos.
Preguntas frecuentes
¿Por qué un motor de IA no puede leer mi sitio web?
Las causas más comunes son tres: el contenido se sirve con opacidad cero hasta que corre una animación, el texto se genera enteramente con JavaScript en el navegador, o el sitio bloquea a los agentes automatizados en su robots.txt o su firewall.
¿Cómo sé si mi sitio es legible sin JavaScript?
Pedí la página con una herramienta que no ejecute scripts, por ejemplo curl, y mirá si el texto está ahí. Después buscá si ese texto viene con estilos que lo escondan, como opacity:0. Que el texto esté en el HTML no alcanza: tiene que estar visible.
¿Las animaciones perjudican el posicionamiento?
Las animaciones en sí no. El problema es la técnica más común para hacerlas: declarar el elemento invisible y revelarlo con JavaScript. Si la animación arranca desde un estado visible, no hay perjuicio.
¿Querés saber si la IA nombra a tu negocio?
La auditoría es gratuita y el informe llega por correo. Si preferís preguntar antes, escribinos.
Seguir leyendo
Qué pedirle a quien te hace la web, ahora que también la leen máquinasOcho requisitos concretos para poner en el pedido. Todos se pueden verificar el día de la entrega, sin saber programar.
Mi negocio no aparece en ChatGPT: qué revisar, en ordenSeis causas concretas, ordenadas de la más común a la menos, y qué hacer con cada una. La primera explica la mitad de los casos.
Visibilidad en IA: qué es y por qué tu negocio puede estar afueraCuando alguien le pide a ChatGPT un proveedor de tu rubro, el motor devuelve nombres. Si el tuyo no está, no es un problema de publicidad.