¿Google y ChatGPT leen tu contenido de Elementor? Guía para verificar pestañas, acordeones y secciones dinámicas (y no perder visibilidad en IA)

Montaste unas pestañas bien ordenadas, un acordeón con las preguntas frecuentes y un carrusel con los productos destacados. En tu navegador todo se ve perfecto. Pero hay una pregunta incómoda que casi nadie se hace: ¿Google y ChatGPT ven ese contenido o solo lo ves tú?

La duda es razonable. Mucho de lo que creas en Elementor se muestra al hacer clic, y lo que se muestra al hacer clic no siempre está disponible para quien lee la página de forma automática. Ahí entran los buscadores y los motores de IA.

La buena noticia es que puedes comprobarlo tú mismo en unos minutos, sin tocar código y sin ser desarrollador. En esta guía te explico qué ve realmente cada sistema, cómo verificarlo en tres pasos y qué ajustar en Elementor para no perder visibilidad.

TL;DR Google sí ejecuta JavaScript y usa el HTML renderizado para indexar. La mayoría de los crawlers de IA (GPTBot, ClaudeBot, PerplexityBot) no ejecutan JS y solo leen el HTML inicial. En Elementor, el contenido de pestañas y acordeones suele quedar oculto tras display:none o detrás de un clic. Existe una verificación en 3 pasos: código fuente, HTML renderizado y prueba sin JavaScript. Si tu contenido crítico no está en el HTML del servidor, pierdes visibilidad en IA. Semly te permite monitorizar cómo te citan los motores de IA después de arreglarlo.

Contenido de Elementor y visibilidad en IA: qué ven realmente Google y ChatGPT

Antes de tocar nada, conviene entender las reglas del juego. Y la regla principal es esta: no todos los que leen tu web se comportan igual.

Google procesa JavaScript en tres fases: rastreo, renderizado e indexación. Primero descubre la URL, después ejecuta el JavaScript con un navegador Chromium sin interfaz (el sistema de renderizado de Google) y finalmente indexa el HTML que resulta de ese renderizado. Es decir, Google trabaja con el HTML renderizado, no con el código original.

Los crawlers de IA funcionan distinto. GPTBot, ClaudeBot y PerplexityBot no ejecutan JavaScript: solo leen el HTML inicial, el que el servidor entrega de entrada. La excepción es Gemini, que se apoya en la infraestructura de Googlebot y por eso sí puede procesar JavaScript.

Ahora piensa en cómo construye Elementor. Las pestañas, los acordeones, los carruseles y los loops suelen dejar el contenido oculto con display:none, con content-visibility:hidden o simplemente esperando un clic del usuario. El texto existe, pero no siempre está disponible en el HTML que se sirve.

La consecuencia práctica es sencilla de resumir: si tu texto clave no está en el HTML del servidor, para la IA no existe. Y si no existe, no puede citarte. Si quieres profundizar en cómo funciona el posicionamiento en IA, conviene entender antes esta mecánica.

Antes de empezar: qué necesitas y cuándo este método no aplica

No necesitas saber programar. Solo necesitas un navegador y un poco de criterio para decidir qué contenido es importante.

Qué preparar antes de empezar:

• Acceso a tu web desde un navegador de escritorio, preferiblemente Chrome.
• Acceso a Google Search Console (opcional, pero muy recomendable).
• Una lista clara de tu contenido crítico: precios, descripciones de producto, preguntas frecuentes, datos de contacto.
• Cinco minutos por página para hacer las pruebas.

Hay casos en los que este método no aplica. Si tu contenido crítico ya está en HTML plano, no hay nada que diagnosticar. Si usas un plugin de prerender o SSR ya configurado, el HTML inicial probablemente ya incluye el texto. Y si el problema es de indexación por otra causa, como un noindex o un bloqueo en robots.txt, la verificación de JavaScript no te lo va a resolver.

Un detalle importante: verificar no es lo mismo que arreglar. Primero se diagnostica, después se corrige. Vamos con el diagnóstico.

Paso 1: Mira el código fuente (Ctrl+U) y busca tu texto

Este es el diagnóstico más rápido y no cuesta nada.

Abre la página en tu navegador y pulsa Ctrl+U (en Mac, Cmd+Option+U). Se abrirá una pestaña nueva con el código fuente. Ahora pulsa Ctrl+F y busca un fragmento exacto de texto que esté dentro de una pestaña o un acordeón. Por ejemplo, una frase de tu FAQ o el nombre de un producto.

Cómo interpretar el resultado:

• Si el texto aparece, está en el HTML inicial. Buena señal.
• Si no aparece, probablemente ese contenido depende de JavaScript para mostrarse.

Ojo con una trampa habitual: encontrar el texto no garantiza que sea visible ni indexable. Solo confirma que está en el HTML inicial. Puede estar oculto con CSS, por ejemplo.

Paso 2: Comprueba el HTML renderizado (Inspección de URL)

Aquí es donde ves lo que Google ve después de ejecutar JavaScript.

Entra en Google Search Console, pega la URL en la barra superior y usa la Inspección de URL. Después pulsa "Ver página rastreada" y mira el HTML renderizado. Compara ese resultado con lo que encontraste en el paso 1.

La diferencia entre código fuente y HTML renderizado es fácil de entender con un ejemplo. Imagina una pestaña que dice "Envío gratis a partir de 50 €". En el código fuente puede que solo veas el título de la pestaña y el texto escondido en un atributo. En el HTML renderizado, en cambio, el navegador ya ejecutó el JavaScript y el texto aparece completo.

Si no tienes Search Console a mano, puedes usar la prueba de resultados enriquecidos de Google como alternativa para ver cómo se procesa la página.

Punto de control: si el texto aparece en el HTML renderizado pero no en el código fuente, Google puede verlo, pero los bots de IA probablemente no. Esa es la brecha que te interesa cerrar.

Paso 3: Prueba sin JavaScript y "como lo ve un bot"

Este paso simula la experiencia real de un crawler de IA.

Tienes dos formas de hacerlo. La primera es desactivar JavaScript en tu navegador desde la configuración de privacidad y recargar la página. La segunda, más cómoda, es usar una herramienta como r.jina.ai, que te muestra el sitio tal como lo leería un bot.

Ahora revisa si tu contenido crítico sigue visible. Si el precio, la descripción o las preguntas frecuentes desaparecen, ya sabes dónde está el problema.

Causas típicas de que el contenido desaparezca:

• display:none aplicado al panel oculto de pestañas y acordeones.
• content-visibility:hidden en secciones que se cargan al hacer scroll.
• Lazy-load de imágenes de fondo, que se cargan solo cuando entran en pantalla.
• Contenido dentro de iframes que no se sirven en el HTML inicial.

Punto de control: si sin JavaScript no ves el contenido, la IA tampoco.

Checklist de verificación en 3 pasos:

1. Busca tu texto en el código fuente con Ctrl+U y Ctrl+F.
2. Revisa el HTML renderizado en la Inspección de URL de Search Console.
3. Desactiva JavaScript o usa r.jina.ai y comprueba si el contenido crítico sigue ahí.

Cómo arreglarlo en Elementor: contenido crítico en el HTML servidor

Ya tienes el diagnóstico. Ahora toca convertir los hallazgos en acciones, de la más fácil a la más compleja.

1. Saca el contenido crítico de pestañas y acordeones. Si el precio o la descripción principal están escondidos, muévelos a un bloque de texto visible. Si quieres conservar el diseño, duplica ese contenido en texto plano en algún punto de la página.
2. Configura bien el widget Acordeón. Elementor te deja elegir el Title HTML Tag (H1 a H6) y activar FAQ Schema. Usa un encabezado coherente con la jerarquía de la página y activa el esquema cuando el contenido sea realmente una pregunta frecuente.
3. No dependas del clic para lo esencial. Si algo es importante para el usuario, también lo es para los buscadores. Que no haga falta pulsar para leerlo.
4. Revisa el lazy-load de fondos y las Display Conditions. Son dos ajustes que esconden contenido sin que te des cuenta.
5. Considera prerender o SSR si tu sitio es grande. Sirve el HTML ya generado y el problema desaparece de raíz.

Una nota importante: el HTML semántico depende de cómo configures cada widget. El mismo acordeón puede generar encabezados correctos o etiquetas genéricas según lo que elijas en sus opciones.

Y cuando ya lo hayas arreglado, conviene medir el impacto real. Ahí entra Semly: monitoriza cómo ChatGPT, Gemini, Claude, Grok y Google AI describen y citan tu marca, con informes cada 24 horas y su agente "Leon". Así sabes si el cambio sirvió de algo.

Errores frecuentes y cómo corregirlos

• Confundir código fuente con HTML renderizado. Son dos cosas distintas. Corrígelo comparando ambos en los pasos 1 y 2.
• Asumir que "se ve en mi navegador" significa "lo ve Google". Tu navegador ejecuta JavaScript; muchos bots no. Compruébalo sin JS.
• Dejar FAQ y precios solo dentro de acordeones. Muévelos también a texto visible en la página.
• Olvidar el lazy-load de fondos. Revisa la configuración de imágenes de fondo en Elementor.
• No revisar robots.txt. Un bloqueo ahí deja fuera a bots enteros. Y recuerda que los cambios en el robots.txt de OpenAI tardan unas 24 horas en aplicarse.
• Creer que llms.txt es un estándar oficial. No lo es. Puede ser útil como apoyo, pero no sustituye a tener el contenido en el HTML.

Cómo comprobar que no has perdido visibilidad en IA (y qué hacer después)

Después de los cambios, repite los tres pasos. Código fuente, HTML renderizado y prueba sin JavaScript. Si el contenido crítico ya aparece en el HTML inicial, vas por buen camino.

El siguiente nivel es la monitorización continua. Semly es la plataforma que te permite ver cómo ChatGPT, Gemini, Claude, Grok y Google AI describen y citan tu marca, con informes cada 24 horas y el agente "Leon" trabajando sobre tus prompts y competidores. Sus planes y precios son Premium (49 €/mes), Ultra (119 €/mes) y Scale (239 €/mes), según el volumen de prompts y modelos que necesites cubrir.

Los resultados de otras marcas que ya lo usan ayudan a hacerse una idea: Obeg pasó a un +280% en registros, Ofertoland mejoró su visibilidad un +980% y SportFuel un +445%.

Si todavía no quieres monitorizar, tienes alternativas. Revisa Search Console cada cierto tiempo y repite la prueba sin JavaScript. Es más manual, pero te mantiene alerta. También puedes consultar la baza wiedzy Semly para ampliar criterio sobre GEO y visibilidad en IA.

Preguntas frecuentes

¿Google lee el contenido de las pestañas de Elementor? Sí, siempre que el texto esté en el HTML renderizado. Google ejecuta JavaScript, así que puede procesar el contenido que aparece tras un clic. El problema es que otros sistemas no lo hacen.

¿Los bots de IA ejecutan JavaScript? La mayoría no. GPTBot, ClaudeBot y PerplexityBot solo leen el HTML inicial. Gemini es la excepción, porque usa la infraestructura de Googlebot.

¿Cómo veo el HTML renderizado de mi página? Con la Inspección de URL de Google Search Console. Pega la URL, pulsa "Ver página rastreada" y revisa el HTML renderizado.

¿Qué es llms.txt? Un archivo que algunas marcas usan para orientar a los modelos de IA sobre su contenido. No es un estándar oficial, así que no lo trates como una solución definitiva.

En resumen: si tu contenido crítico vive solo dentro de pestañas y acordeones, estás dejando fuera a buena parte de los motores de IA. Compruébalo en tres pasos, muévelo al HTML del servidor y mide después si de verdad te están citando.