La accesibilidad web y SEO parecen dos mundos separados, y de hecho la accesibilidad web suele venderse como un tema de cumplimiento: hazlo para no tener problemas legales, para no dejar fuera a personas con discapacidad. Todo cierto, y suficiente motivo por sí solo. Pero hay una parte de la historia que casi nadie cuenta a sus clientes, y que cambia por completo el cálculo de si vale la pena invertir: el mismo trabajo técnico que hace tu sitio usable para una persona ciega es, casi línea por línea, el que lo hace legible para Google —es decir, el que mejora tu SEO— y para los buscadores de IA. No son dos proyectos. Es uno solo con dos beneficios.
Si administras sitios de clientes, esto te interesa de forma directa. La accesibilidad deja de ser un gasto de «conciencia» difícil de justificar y pasa a ser una inversión con retorno medible en posicionamiento. Y a diferencia de un truco de moda, es una base que no caduca.
Por qué la accesibilidad y el SEO comparten los mismos cimientos
Un lector de pantalla —el software que usa una persona ciega para navegar— no «ve» la página: la recorre por su estructura. Salta de encabezado en encabezado para entender el índice, distingue un botón de un enlace por cómo está marcado en el código, y describe una imagen leyendo su texto alternativo. Si esa estructura está bien hecha, la persona navega con fluidez; si está rota, se pierde.
Un rastreador de Google hace algo asombrosamente parecido. No interpreta tu página por cómo se ve, sino por cómo está construida: usa los encabezados para entender la jerarquía del contenido, el marcado semántico para saber qué es cada cosa, y el texto alternativo para entender imágenes que no puede «mirar». Los modelos de lenguaje que hoy alimentan a ChatGPT o Perplexity trabajan sobre esa misma materia prima: contenido troceado en partes con significado claro. Cuanto más limpia y ordenada esté la estructura, más fácil es para una IA extraer una respuesta de tu página y citarte.
Dicho de otro modo: el lector de pantalla y el rastreador son dos usuarios que no ven, y que dependen de que tu HTML diga con claridad qué es cada elemento. Optimizas para uno y, sin esfuerzo extra, optimizas para el otro. Esto no es una teoría de marketing: es la consecuencia lógica de que las pautas de accesibilidad WCAG del W3C y las recomendaciones de contenido útil de Google piden, en el fondo, lo mismo: contenido comprensible, bien estructurado y que respete la intención de quien llega.
Accesibilidad web y SEO: qué hacer en concreto
Aquí la accesibilidad web y SEO se vuelven accionables. Estas son las prácticas de accesibilidad que, además, mueven la aguja en SEO y en visibilidad ante la IA. Ninguna requiere rediseñar el sitio; la mayoría es higiene de maquetación.
Una jerarquía de encabezados que tenga sentido
Un solo H1 por página, que sea el título real del contenido. Debajo, H2 para las secciones grandes y H3 para las subsecciones, sin saltarte niveles ni usar un encabezado solo porque «se ve más grande». Un lector de pantalla usa esa jerarquía como tabla de contenidos; Google la usa para entender de qué trata cada bloque. Es la mejora de mayor impacto y la más ignorada: muchísimos sitios tienen tres H1 y ningún orden.
Texto alternativo real en las imágenes
El atributo alt describe la imagen para quien no puede verla. Escríbelo pensando en una persona, no en un buscador: describe lo que la imagen aporta al contenido, con naturalidad. Google es explícito en que un buen texto alternativo lo ayuda a entender la imagen y a posicionarla (guía de imágenes de Google Search Central). Si la imagen es puramente decorativa, déjala con alt vacío para que el lector de pantalla la ignore. Rellenar el alt con palabras clave amontonadas no ayuda a nadie y se nota.
HTML semántico en lugar de un mar de div
Usa las etiquetas que el lenguaje ya te da: <nav> para la navegación, <main> para el contenido principal, <article>, <button> para botones de verdad, <a> para enlaces. Cada una le dice tanto al lector de pantalla como al rastreador qué papel cumple ese elemento. Un botón hecho con un <div> y JavaScript puede verse idéntico, pero para una máquina es una caja muda. El HTML semántico es significado gratis.
Enlaces y botones que se explican solos
Un enlace que dice «haz clic aquí» no le sirve a quien navega saltando de enlace en enlace, ni le da contexto a Google sobre a dónde lleva. Un enlace que dice «guía de facturación electrónica para pymes» funciona para ambos. El texto del enlace es una de esas señales pequeñas que suman en los dos frentes.
Contraste, tamaño y orden lógico
Texto con suficiente contraste, que se pueda ampliar sin romperse, y un orden de lectura que siga al orden visual. Esto es sobre todo accesibilidad y experiencia de usuario, pero la experiencia de usuario ya es parte de cómo Google evalúa una página. Un sitio que se lee cómodo es más fácil de usar, y eso también juega a favor de tu posicionamiento.
Accesibilidad y SEO: un ejemplo de cómo se paga dos veces
Imagina una tienda online que vende material de repostería. Alguien con baja visión entra buscando moldes de silicona. Si cada producto tiene un encabezado claro, imágenes con alt que describen el molde («molde de silicona para 12 magdalenas, antiadherente») y botones de «añadir al carrito» marcados como botones de verdad, esa persona compra sin fricción. Exactamente la misma página, con justo el mismo marcado, es la que Google entiende mejor para posicionarla en «moldes de silicona para magdalenas», y la que un asistente de IA puede citar cuando alguien le pregunta qué molde comprar. Un solo trabajo de maquetación, tres públicos servidos: el cliente con baja visión, el buscador y la IA.
Accesibilidad web y SEO: cada práctica y su doble beneficio
Si tuvieras que convencer a un cliente —o a ti mismo— con una sola imagen, sería esta: a la izquierda, lo que haces por accesibilidad; a la derecha, lo que ganas en SEO y visibilidad ante la IA con el mismo esfuerzo.
| Práctica | Para la persona | Para Google y la IA |
|---|---|---|
| Un solo H1 y jerarquía de encabezados | El lector de pantalla la usa como índice | Google entiende la jerarquía del contenido |
| Texto alternativo descriptivo | Describe la imagen a quien no la ve | Ayuda a posicionar la imagen y da contexto |
| HTML semántico | Distingue un botón de un enlace o de la navegación | La máquina sabe qué papel cumple cada elemento |
| Texto de enlace claro | Da contexto al navegar saltando de enlace en enlace | Señal de a dónde lleva y de qué trata |
| Buen contraste y orden lógico | Se lee sin fatiga y se puede ampliar | Mejor experiencia de uso, que Google sí valora |
Cuándo esto no es tu prioridad número uno
Conviene ser honesto, porque la accesibilidad se puede volver una excusa para no hacer lo que de verdad urge. Si el sitio de tu cliente no tiene contenido que responda a lo que la gente busca, ordenar los encabezados no lo va a salvar: primero está el contenido, y que el sitio esté indexado —si tu web no aparece en Google, empieza por ahí—. Si el problema es que nadie enlaza al sitio y no tiene autoridad, la accesibilidad ayuda pero no sustituye ese trabajo. Y si estás ante un rediseño completo, tiene más sentido construir accesible desde el inicio que parchear al final. La accesibilidad es un multiplicador excelente de una buena base; no reemplaza la base. Saber en qué orden atacar las cosas es, justamente, el valor que aporta un buen profesional o una buena agencia.
Preguntas frecuentes
Sí, de forma indirecta pero real. El trabajo técnico que hace una web accesible —jerarquía de encabezados, HTML semántico, texto alternativo, enlaces descriptivos— es casi el mismo que Google necesita para entender y posicionar la página. No es que Google premie «ser accesible»; es que ambos dependen de un código claro y bien estructurado.
Es el atributo que describe una imagen para quien no puede verla y para los buscadores. Se escribe pensando en una persona: describe lo que la imagen aporta, con naturalidad («molde de silicona para 12 magdalenas, antiadherente»). Si la imagen es puramente decorativa, se deja el alt vacío. Amontonar palabras clave no ayuda y se nota.
Son las Pautas de Accesibilidad para el Contenido Web del W3C, el estándar internacional que define cómo hacer una web usable por personas con discapacidad. Organizan las recomendaciones en cuatro principios: perceptible, operable, comprensible y robusto. Cumplirlas mejora la experiencia de todos.
Casi nunca. La mayoría de mejoras de mayor impacto —ordenar encabezados, poner alt reales, usar etiquetas semánticas— son higiene de maquetación sobre la web que ya tienes. El rediseño completo solo tiene sentido si el sitio ya está roto de raíz; en ese caso, conviene construir accesible desde el inicio.
Sí. Los modelos que alimentan a ChatGPT o Perplexity trabajan sobre contenido troceado en partes con significado claro. Cuanto más limpia y ordenada esté la estructura —la misma que exige la accesibilidad—, más fácil es para una IA extraer una respuesta de tu página y citarte.
Cómo lo aborda Hepteon
Para quien lleva varios sitios, la ventaja de esta táctica es que es sistematizable: una auditoría de encabezados, alt y HTML semántico se puede convertir en una lista de verificación que se aplica igual en cada proyecto. Ahí encaja Hepteon, cuyos siete agentes de inteligencia artificial —Estratega, Conector, Técnico, Redactor, Amplificador, de Resultados y Publicador— administran un sitio de punta a punta. El Técnico vigila que la estructura y el marcado estén limpios, el Redactor produce textos y alt pensados para personas primero, y el de Resultados mide si esa base se traduce en más visibilidad. La decisión de qué priorizar sigue siendo de quien lleva la cuenta; lo que se automatiza es la parte repetitiva de revisar, sitio tras sitio, que los cimientos de la administración del sitio estén bien puestos.
Al final, invertir en accesibilidad web y SEO es una de esas raras decisiones en las que hacer lo correcto y hacer lo rentable apuntan al mismo lado. Construyes para que cualquier persona pueda usar el sitio, y de paso construyes justo lo que Google y la IA necesitan para entenderlo y recomendarlo. Vale la pena empezar por lo básico —los encabezados y el alt— y convertirlo en un hábito de cada proyecto, no en un extra que se deja para el final y nunca llega.