Guía de implementación · 2026
El FAQPage murió. El contenido Q&A no. Márcalo así.
Google mató los rich results de FAQ en mayo de 2026. El Q&A sigue siendo uno de los formatos de página más útiles — para usuarios, para motores de IA y para accesibilidad. Este es el patrón de HTML semántico que recomendamos, con los trade-offs explícitos.
Capítulo 01
Por qué este patrón, por qué ahora
El contenido FAQ no murió en mayo de 2026 — solo la recompensa de rich-result del schema. El Q&A sigue siendo uno de los patrones de contenido de mayor utilidad en la web: encaja con cómo los usuarios formulan preguntas, da a los motores de IA unidades de extracción claras, y da a usuarios de lectores de pantalla una estructura predecible.
El error de la industria SEO fue tratar el JSON-LD FAQPage como el objetivo en vez de como una codificación opcional. El objetivo real es contenido que se lea como preguntas y respuestas — y ese objetivo se sirve mejor con HTML semántico que con JSON-LD, porque el HTML semántico beneficia simultáneamente a la accesibilidad, la extracción por IA y la búsqueda.
La recomendación de Joost de Valk en mayo 2026 captura el cambio: mantén el contenido FAQ donde es genuinamente útil, quita el schema FAQPage de páginas donde el Q&A no es el propósito principal, y usa HTML semántico — los elementos details y summary, más encabezados en forma de pregunta — como representación primaria. Este artículo es la guía de implementación para esa recomendación.
Vamos a cubrir tres patrones — disclosure colapsable, prosa basada en encabezados y lista de definición — más cuándo mantener el JSON-LD, cuándo quitarlo y cómo verificar que los lectores de pantalla y los motores de IA ven lo que pretendes.
| Objetivo | Herramienta correcta |
|---|---|
| UX (Q&A colapsable)— Nativo, accesible, cero JS | <details>/<summary> |
| Q&A largo con respuestas en prosa— h3 pregunta + párrafo | Patrón basado en encabezados |
| Glosario o pares Q→A cortos— Semántica de lista de definición | <dl>/<dt>/<dd> |
| Señal de extracción para IA— Los motores parsean el DOM | Texto de encabezado en forma de pregunta |
| Rich result en Google— Salvo gov/salud | No disponible (post-mayo 2026) |
| Rich result en Bing— Mantenlo si Bing importa | FAQPage JSON-LD aún funciona |
Capítulo 02
Patrón A — Disclosure colapsable
El patrón por defecto. Usa los elementos details y summary cuando tienes una lista de pares Q&A y la página es densa al punto que los usuarios querrán escanear. Los lectores de pantalla anuncian estos elementos nativamente, el markup es autocontenido y no necesitas una sola línea de JavaScript ni ARIA.
Envuelve toda la lista en una sección con un nombre accesible. El summary contiene la pregunta. El cuerpo del details contiene la respuesta — y puede tener lo que quieras: párrafos, código, listas, incluso más details anidados. El estado abierto se controla con el atributo open en el primer item si quieres que esté expandido por defecto.
El único cuidado: no pongas elementos interactivos dentro del summary (links, botones). Los navegadores modernos lo manejan pero las tecnologías asistivas viejas pueden atragantarse. Mantén el summary solo con texto y pon los links dentro del cuerpo.
| Comportamiento | Patrón A | Cuándo elegirlo |
|---|---|---|
| Estado visual | Colapsado por defecto | FAQs densas, ≥4 items |
| Accesibilidad | Nativa, sin ARIA | Siempre — empieza aquí |
| JS requerido | Ninguno | Friendly para estático |
| Animación | Nativa del navegador + CSS @starting-style | Opcional, mejora progresiva |
| Extracción IA | El texto de summary se lee como pregunta | Los motores parsean el DOM visible |
<section aria-labelledby="faq">
<h2 id="faq">Preguntas frecuentes</h2>
<details>
<summary>¿Cuánto tarda el setup?</summary>
<p>Unos cinco minutos para un solo sitio, más para cuentas multi-dominio.</p>
</details>
<details>
<summary>¿Hay tier gratuito?</summary>
<p>Sí — la beta es gratis para sitios individuales con un solo usuario.</p>
</details>
</section>Capítulo 03
Patrón B — Prosa basada en encabezados
Cuando las respuestas son largas, cuando el contexto importa y cuando el FAQ es realmente un ensayo disfrazado de Q&A, el patrón basado en encabezados le gana al widget de disclosure. Cada pregunta se vuelve un h3 (o h2, según el outline), cada respuesta es un párrafo o varios. La página se lee de arriba abajo, la tabla de contenidos es automática y los motores de búsqueda identifican el span de respuesta con más facilidad.
Es el patrón correcto para artículos de centro de ayuda, entrevistas Q&A de expertos y cualquier FAQ donde la respuesta se beneficia de ser inmediatamente visible. También es el patrón del que los motores de IA suelen extraer con más limpieza — el encabezado de pregunta se vuelve el anclaje, la prosa debajo es el span de respuesta.
Si quieres tanto resumen como profundidad, combina los patrones: un bloque de disclosure arriba para escaneo rápido, seguido de secciones basadas en encabezados para las respuestas largas. Mantén el mismo texto de pregunta en ambos lados para que la página se lea consistente.
| Necesidad | Patrón B | Comparado con Patrón A |
|---|---|---|
| Respuestas más largas que 2-3 oraciones | Encaja fuerte | Patrón A las esconde por defecto |
| La página ES la respuesta (no una lista) | Encaja fuerte | Patrón A sobre-estructura |
| Snippet de búsqueda como target | Encabezado + párrafo se parsean limpio | Patrón A también funciona |
| Superficie de citación IA | Extracción estable | Igual — los motores leen el DOM |
| Tabla de contenidos | Gratis desde el outline de encabezados | Patrón A requiere custom |
Capítulo 04
Tres trampas que evitar
Capítulo 05
Playbook de migración
Capítulo 06
Qué cambia en nuestro analizador
Nuestros analizadores GEO y AI Visibility actualmente premian el schema FAQPage con peso alto. Después de la deprecación de mayo 2026 y el estudio causal de Ahrefs, estamos moviendo el peso hacia lo que realmente lleva la señal: patrones HTML Q&A semánticos en el DOM renderizado. Abajo está la forma del nuevo check.
Audita tu implementación FAQ
Envía contenido Q&A que los motores y lectores de pantalla realmente leen.
El analizador de That SEO Agent se está actualizando para premiar Q&A en HTML semántico y marcar mismatches schema-contenido. Ejecuta una auditoría en tus páginas FAQ y mira qué está funcionando — y qué está silenciosamente invisible.
Gratis durante beta · Consciente de HTML semántico