ai for designersJuly 27, 20269 min read

Tu sitio de diseño tiene visibilidad cero en la búsqueda con IA

Rastreamos 25 páginas de estudios de diseño y portafolios como lo hace un crawler de IA. Texto legible mediano: 397 palabras. Uno envió 147KB para decir siete.

By Boone
XLinkedIn
design site invisible to ai

La respuesta corta

Tu sitio probablemente se vea vacío para las máquinas que ahora responden preguntas sobre tu industria. No lento, no mal posicionado. Vacío.

Rastreamos 25 páginas en 18 dominios de estudios de diseño, plataformas de portafolio y constructores de sitios web el 27 de julio de 2026, con una simple solicitud HTTP GET cada una, sin ejecutar JavaScript, bajo un user-agent ClaudeBot. La página mediana devolvió 397 palabras de texto legible por máquina. Ocho devolvieron menos de 200.

Eso es lo que ve un crawler de IA cuando viene a buscar quién hace buen trabajo de marca. La mayor parte de la industria está enviando una cáscara hermosa sin nada legible dentro.

Ilustración voxel de una pared de galería con marcos vacíos y sin etiquetas legibles.
Ilustración voxel de una pared de galería con marcos vacíos y sin etiquetas legibles.

Dos tercios de las búsquedas ahora terminan donde empezaron

Gráfico de SparkToro mostrando búsquedas de Google sin clic superando el 68 por ciento en 2026.
Gráfico de SparkToro mostrando búsquedas de Google sin clic superando el 68 por ciento en 2026.

Ver los datos en sparktoro.com

Las búsquedas de Google en EE. UU. terminaron sin clic el 68.01% de las veces durante los primeros cuatro meses de 2026, según el análisis de junio de 2026 de SparkToro sobre datos del panel de clickstream de Similarweb. Eso es un aumento desde el 60.45% en 2024, una subida de 7.5 puntos en dos años.

La tendencia es anterior a la IA. SparkToro midió esto por primera vez en 49% allá por 2019. Lo que hizo la IA fue acelerar una curva que ya se estaba doblando.

Los AI Overviews ahora aparecen en más del 20% de todas las búsquedas, según datos de Ahrefs citados por SparkToro. Y cuando aparece uno, Ahrefs descubrió que la página mejor posicionada obtiene una tasa de clics promedio 58% más baja. Esa cifra proviene del nuevo análisis de Ryan Law sobre datos de diciembre de 2025 en 300,000 palabras clave, la mitad con un AI Overview y la mitad informativas sin él, usando datos agregados de Search Console.

Vale la pena notar la dirección. La versión de abril de 2025 de ese estudio de Ahrefs situaba la caída en 34.5%. Misma familia de metodología, número mucho peor.

Las máquinas que leen tu sitio no pueden ejecutarlo

Ningún crawler de IA importante ejecuta JavaScript. El estudio a nivel de red de Vercel y MERJ, publicado el 17 de diciembre de 2024, encontró que estos crawlers todos obtienen HTML crudo y se detienen ahí:

  • GPTBot
  • OAI-SearchBot
  • ChatGPT-User
  • ClaudeBot
  • Meta-ExternalAgent
  • Bytespider
  • PerplexityBot

Sí descargan tu JavaScript. Simplemente nunca lo ejecutan. El mismo estudio midió los archivos JS en 11.50% de las solicitudes de ChatGPT y 23.84% de las de Claude.

Las excepciones son Google y Apple. Gemini se apoya en la infraestructura de renderizado de Googlebot, y AppleBot rastrea a través de un renderizador basado en navegador. Todo lo demás recibe lo que sea que tu servidor ponga en la respuesta inicial.

Ese estudio es la medición primaria a gran escala más reciente que pudimos verificar. Es ampliamente reportado que sigue siendo válido en 2026, y muchas publicaciones repiten su cifra de 569 millones de solicitudes de GPTBot como un "500 millones" redondeado, pero no encontramos investigación primaria más nueva. Trátalo como la mejor evidencia disponible, no como noticia reciente.

La propia recomendación de Vercel de ese trabajo fue directa: renderiza en el servidor tu contenido crítico y reserva el renderizado del lado del cliente solo para mejoras.

Diagrama voxel de un servidor renderizando texto legible antes de que comience la hidratación de JavaScript.
Diagrama voxel de un servidor renderizando texto legible antes de que comience la hidratación de JavaScript.

Lo que realmente ve un crawler de IA en un sitio de diseño

Página de inicio de Webflow renderizada como HTML crudo con texto de cuerpo denso y legible.
Página de inicio de Webflow renderizada como HTML crudo con texto de cuerpo denso y legible.

Verlo en vivo en webflow.com

Medimos el peso del HTML, el conteo de palabras legibles, KB enviados por palabra legible, cobertura de texto alternativo y presencia de datos estructurados. Brainy está en la tabla porque sería cobarde no estarlo, y estamos en la mitad de la tabla.

SitioPáginaKB enviadosPalabras legiblesKB por palabraCobertura alt
Webflowinicio619.03,4660.1857 de 168 imágenes
Pentagraminicio1,019.43,2880.31134 de 183 imágenes
IDEOinicio198.81,8410.112 de 35 imágenes
Pentagramtrabajo347.11,1980.296 de 42 imágenes
Brainyinicio137.85540.2527 de 27 imágenes
Instrumentinicio3,355.63978.450 de 10 imágenes
Instrumenttrabajo3,340.729111.480 de 2 imágenes
Collinstrabajo134.51241.080 de 52 imágenes
Readymaginicio147.7721.10n/a

De las 25 páginas totales: 14 quedaron por debajo de 500 palabras legibles, 15 no llevaban ningún dato estructurado, y 10 tenían texto alternativo en menos de la mitad de sus imágenes. Area 17 y Made Thought fueron el extremo limpio, ambas con 100% de cobertura alt.

La página de inicio de Readymag es el caso extremo. Envió 147.7 KB de HTML para entregar siete palabras legibles, aproximadamente 21 KB por palabra. Eso no es una crítica al diseño. Es una descripción de lo que recibe un crawler que no renderiza.

Prueba tu propio sitio en una línea

Ejecuta la misma prueba en ti mismo. Una línea, sin herramientas que instalar:

curl -s -A "ClaudeBot/1.0" https://tusitio.com | sed 's/<[^>]*>//g' | tr -s '[:space:]' ' ' | wc -w

Si eso devuelve un número por debajo de 300, la capa de IA de la búsqueda no sabe esencialmente nada de ti.

La página de trabajo es la página más vacía que tienes

Página de trabajo de Instrument mostrando casos de estudio guiados por imágenes con texto de pie de foto escaso.
Página de trabajo de Instrument mostrando casos de estudio guiados por imágenes con texto de pie de foto escaso.

Verlo en vivo en instrument.com/work

El patrón se mantuvo en toda la auditoría. Las páginas de inicio llevaban la mayor cantidad de texto, y las páginas de trabajo o casos de estudio, las páginas que realmente demuestran capacidad, llevaban la menor. La página de trabajo de Instrument devolvió 291 palabras frente a 397 en su página de inicio. La página de trabajo de Collins devolvió 124.

La razón es estructural, no descuido. Las páginas de trabajo se construyen como galerías. El argumento vive en las imágenes, el layout y la secuenciación, y las palabras se tratan como pies de foto entre ellas. Esa convención funcionó maravillosamente durante una década de navegación humana, y es exactamente lo que argumentamos que se estaba rompiendo en la muerte del caso de estudio de diseño.

Un modelo al que se le pide nombrar estudios fuertes en trabajo de identidad editorial lee texto. No mira tu grid. Si tu mejor proyecto se envía como doce imágenes a sangre completa y cuarenta palabras, no entraste en el conjunto de consideración.

La solución no es más copy por el copy en sí. Es poner en la página el razonamiento que ya tienes: el problema, la restricción, la decisión, el resultado. Detallamos esa estructura en la plantilla de caso de estudio, y el mismo pensamiento aplica a cómo secuencias un portafolio completo en la guía del anti-portafolio.

El texto alternativo dejó de ser una tarea de accesibilidad

Página de trabajo de Pentagram mostrando docenas de imágenes de proyectos con escasa cobertura de texto alternativo.
Página de trabajo de Pentagram mostrando docenas de imágenes de proyectos con escasa cobertura de texto alternativo.

Verlo en vivo en pentagram.com/work

Diez de 25 páginas tenían texto alternativo en menos de la mitad de sus imágenes, y en las páginas de trabajo guiadas por imágenes la proporción era peor. Collins envió 52 imágenes con cero atributos alt. La página de trabajo de Pentagram tenía 42 imágenes con alt en seis, y la página de inicio de IDEO tenía 35 con alt en dos.

Para un crawler que no puede renderizar, el texto alternativo no es un detalle agradable. Es la única descripción de tus imágenes que existe en la respuesta, y en una página de trabajo cargada de galerías puede ser la mayoría del contenido legible de la URL.

Así que el trabajo de accesibilidad que has estado postergando ahora tiene una segunda razón, comercial, para hacerse. Misma tarea, dos beneficios. Nuestra lista de verificación de accesibilidad cubre cómo hacerlo correctamente en lugar de rellenar el atributo con palabras clave.

Los datos estructurados son la otra mitad. Quince de 25 páginas no llevaban ninguno. El esquema Organization, Person y CreativeWork es cómo una máquina sabe que una página es un estudio, un diseñador o un proyecto en lugar de tres bloques de texto sin etiquetar.

Cuatro soluciones, en el orden que mueve el número

Cuatro cambios mueven el número, y el orden importa:

  • Renderiza el texto en el servidor. Si tu stack hidrata el contenido del lado del cliente, las palabras son invisibles para todo excepto Google y Apple. La salida precompilada de Webflow es comparativamente segura; una SPA personalizada sin SSR es el peor caso. Framer sirve HTML pero depende de la hidratación de React, así que prueba en lugar de asumir. Nuestro desglose de stacks para sitios de marketing cubre las contrapartidas
  • Reescribe las páginas de trabajo. Lleva cada proyecto por encima de aproximadamente 400 palabras legibles de razonamiento real. Esta es la brecha individual más grande que encontró la auditoría y son las páginas que más importan
  • Añade texto alternativo en todas partes, describiendo el trabajo en lugar del archivo. En una página de galería esto puede duplicar tu texto legible en una tarde
  • Añade datos estructurados de Organization, Person y CreativeWork. Barato, mecánico, y el 60% de las páginas que medimos se lo saltaron

Hazlo en ese orden. No tiene sentido escribir 800 palabras excelentes en un componente que nunca llega al crawler.

Para un estudio pequeño que depende del inbound, esto no es mantenimiento opcional. Es la diferencia entre ser nombrado en una respuesta y no existir, algo que abordamos en la guía del estudio de diseño en solitario.

Escena voxel de un bloque de HTML abultado empequeñeciendo un puñado de palabras visibles.
Escena voxel de un bloque de HTML abultado empequeñeciendo un puñado de palabras visibles.

Preguntas frecuentes

¿Los crawlers de IA renderizan JavaScript?

Los principales no. El estudio de Vercel y MERJ del 17 de diciembre de 2024 encontró que estos crawlers todos obtienen sin ejecutar:

  • GPTBot
  • OAI-SearchBot
  • ChatGPT-User
  • ClaudeBot
  • Meta-ExternalAgent
  • Bytespider
  • PerplexityBot

Gemini de Google renderiza a través de la infraestructura de Googlebot, y AppleBot renderiza a través de un crawler basado en navegador.

¿Cómo compruebo si mi propio sitio es visible?

Ejecuta un solo curl con un user-agent de crawler de IA, elimina las etiquetas y cuenta las palabras. El comando de una línea está en la sección de auditoría anterior. Compara el resultado con lo que ve un visitante.

¿Un conteo de palabras bajo siempre es un error?

No. Esta auditoría solo mide la respuesta HTML inicial. No mide si un sitio posiciona, convierte o está bien diseñado, y un estudio que obtiene todo su trabajo por referencias razonablemente podría no importarle nada la búsqueda inbound.

¿Esto reemplaza el SEO normal?

Se sitúa por debajo de él. Los títulos, enlaces y la velocidad de página siguen importando. Pero ninguno de ellos ayuda si el cuerpo de la página llega vacío, y la optimización para motores generativos es básicamente asegurarse de que tu sustancia real esté en el HTML.

¿Cuánto tráfico está realmente en juego?

SparkToro sitúa el zero-click en EE. UU. en 68.01% para principios de 2026. Ahrefs midió una caída del 58% en el CTR del resultado principal cuando aparece un AI Overview, peor que el 34.5% que midieron en abril de 2025. Ambos son promedios en todo tipo de consultas, así que tu propia exposición depende de cuán informativas sean tus consultas.

Hermoso e ilegible no son opuestos

Página de inicio de Pentagram combinando un diseño visual audaz con miles de palabras legibles.
Página de inicio de Pentagram combinando un diseño visual audaz con miles de palabras legibles.

Verlo en vivo en pentagram.com

Nada aquí aboga por sitios más feos. La página de inicio de Pentagram devolvió 3,288 palabras legibles y aun así se ve como Pentagram, y Webflow devolvió 3,466. Area 17 y Made Thought alcanzaron cobertura alt completa sin compromiso visible. La contrapartida que la gente asume que existe mayormente no existe, que es el mismo punto que planteamos sobre los principios de diseño web.

Lo que sucedió es que una convención, primero la imagen, texto mínimo, cargada de JavaScript, fue correcta durante una década de navegación humana y silenciosamente se convirtió en un pasivo cuando la audiencia cambió. Los estudios de esa tabla no son malos en su trabajo. Varios de ellos son los mejores de la industria. La convención les falló.

Ve a ejecutar el comando curl. Toma cuatro segundos, y el número que devuelve es el honesto.

Want work that machines and humans can both read? Join Brainy Creators.

Get Started

More from Brainy Papers

Keep reading