Contenido Accesible Sin JS

Contenido Accesible Sin JS

Si el contenido depende de JavaScript, muchos bots no lo verán.

Ilustración del check Contenido Accesible Sin JS de AISEO
Rastreo Área
HTML inicial Señal
Media Nivel

Qué mide este check

Este check revisa si el contenido principal de la página está disponible en el HTML inicial sin depender de JavaScript.

La idea es simple: si se desactiva JavaScript, el texto esencial debería seguir siendo legible.

<main>
<h1>Servicio de auditoría técnica</h1>
<p>Contenido principal visible desde el HTML.</p>
</main>

AISEO no penaliza el uso de JavaScript. Penaliza que el contenido crítico solo exista después de ejecutarlo.

Por qué importa en AISEO

El contenido que no está en el HTML inicial puede no existir para algunos rastreadores. Eso afecta a SEO, IA, accesibilidad y extracción semántica.

Los motores modernos pueden ejecutar JavaScript en muchos casos, pero no siempre lo hacen igual, ni siempre esperan a que toda la interfaz se hidrate.

  • Una SPA vacía puede mostrar poco contexto en el HTML inicial.
  • El contenido cargado tarde puede perder prioridad semántica.
  • Los sistemas de IA pueden recibir una versión incompleta de la página.

Cómo comprobarlo paso a paso

Desactiva JavaScript

Revisa la página sin ejecutar scripts para comprobar si el contenido principal sigue visible.

Inspecciona el HTML inicial

Busca H1, párrafos, enlaces esenciales y contenido principal directamente en el código fuente.

Comprueba el renderizado

Si el contenido aparece solo después de llamadas API o hidratación, revisa si necesita SSR, SSG o fallback HTML.

Valida rutas esenciales

Los enlaces necesarios para comprender o continuar el contenido deben existir como anclas reales, no solo como eventos JavaScript.

Ejemplo de contenido accesible

Una página preparada expone su contenido esencial antes de cualquier interacción o ejecución avanzada.

<article>
<h1>Guía de preparación para IA</h1>
<p>Texto principal indexable y extraíble.</p>
Ver checks
</article>
  • El contenido principal existe en el HTML.
  • Las rutas esenciales no dependen solo de eventos JavaScript.
  • La página puede entenderse aunque falle la hidratación.

Errores frecuentes

  • Servir una página casi vacía y cargar todo el contenido por API.
  • Usar botones sin enlaces reales para rutas críticas de contenido.
  • Ocultar el contenido hasta que termine la ejecución de JavaScript.
  • No ofrecer fallback si falla la carga del framework.

Checklist final

  • El H1 y el texto principal están en el HTML inicial.
  • Los enlaces esenciales son anclas HTML reales.
  • La página conserva sentido con JavaScript desactivado.
  • El contenido crítico no depende solo de una llamada posterior.

Preguntas frecuentes

Dudas habituales antes de interpretar o corregir esta señal técnica.

¿Está mal usar JavaScript en una web moderna?
No. El problema aparece cuando el contenido esencial solo existe después de ejecutar JavaScript y no hay una versión accesible en el HTML inicial.
¿Google puede ejecutar JavaScript?
Puede hacerlo en muchos casos, pero eso no significa que debas depender siempre de ello. AISEO prioriza señales robustas y accesibles.
¿Esto afecta también a motores de IA?
Sí. Muchos sistemas extraen contenido de HTML renderizado o parcial. Si la página no expone contenido claro, la comprensión puede degradarse.
¿SSR o SSG ayudan a superar este check?
Sí, siempre que el contenido principal quede disponible en el HTML inicial y no solo tras la hidratación del cliente.
¿AISEO exige que toda la web funcione sin JavaScript?
No. Exige que el contenido crítico y las rutas esenciales no dependan exclusivamente de JavaScript.