Accesibilidad web y SEO: por qué arreglar una mejora la otra
Por Toy Wen Da, Cofundador · · 11 min de lectura
Traducido del original en inglés. Léelo en inglés
La accesibilidad web y el SEO se apoyan en la misma base técnica: HTML semántico limpio, texto descriptivo y una estructura de página que funciona sin ratón o sin buena visión. Corregir las barreras de accesibilidad, como la falta de texto alternativo, un orden de encabezados roto o un contraste bajo, resuelve también problemas de rastreabilidad. Por eso las auditorías de accesibilidad suelen mover las posiciones a la vez que las puntuaciones de cumplimiento.
Lo que la accesibilidad web y el SEO comparten realmente
Los buscadores y los lectores de pantalla se enfrentan a un problema parecido: ninguno ve una página como la ve un visitante con vista. Un lector de pantalla convierte el marcado en voz. Un rastreador convierte el marcado en una entrada del índice. Ambos dependen de las mismas señales: el orden de los encabezados, el texto alternativo, las etiquetas de los enlaces y una estructura de página que siga teniendo sentido sin estilos visuales.
Las Pautas de Accesibilidad para el Contenido Web (Web Content Accessibility Guidelines, WCAG), mantenidas por el World Wide Web Consortium desde 1999, se organizan en torno a cuatro principios: el contenido debe ser perceptible, operable, comprensible y robusto. Una página perceptible ofrece alternativas textuales para el contenido que no es texto. Una operable funciona solo con el teclado. Una comprensible usa una navegación predecible y un lenguaje sencillo. Una robusta se muestra correctamente en distintos navegadores y herramientas de asistencia, presentes y futuros. Cada uno de esos principios se corresponde con una cualidad de página que Google ya premia: una estructura clara, un contenido legible y una experiencia que funciona sea cual sea el dispositivo.
Este solapamiento no es una casualidad ni un atajo. Los especialistas en accesibilidad han señalado que los trucos de SEO de sombrero negro, como el texto alternativo saturado de palabras clave, han desaparecido en su mayor parte durante la última década, mientras que los requisitos de accesibilidad se han mantenido prácticamente iguales. Las tácticas que antes manipulaban los resultados de búsqueda eran con frecuencia las primeras que rompían la accesibilidad.
Para consultar los criterios y los niveles de conformidad que hay detrás de cada recomendación de esta guía, la referencia principal son las Pautas de Accesibilidad para el Contenido Web del W3C.
Qué efecto tiene corregir la accesibilidad en tu tráfico
El argumento del tráfico a favor de combinar accesibilidad web y SEO no es teórico. Dos revisiones muy citadas analizaron sitios reales antes y después de aplicar cambios de accesibilidad y encontraron mejoras constantes. Ninguna demuestra que la accesibilidad por sí sola causara el aumento, ya que ambas son correlacionales y no experimentos controlados, pero la dirección es coherente: los sitios más accesibles tienden a recibir más tráfico orgánico, no menos.
| Estudio | Sitios revisados | Cambio de tráfico reportado | Otros hallazgos |
|---|---|---|---|
| Estudio conjunto de Semrush, AccessibilityChecker.org y BuiltWith.com | Casi 850 sitios | El 73 % registró un aumento del tráfico orgánico unos tres meses después de aplicar correcciones de accesibilidad, con mejoras medias cercanas al 12 % | Las mejoras de tráfico acompañaron de cerca a las mejoras en la puntuación de accesibilidad |
| Revisión de Semrush de las puntuaciones de accesibilidad en distintos sitios web | 10 000 sitios | 23 % más de tráfico orgánico en los sitios más accesibles | 27 % más de palabras clave posicionadas y un Authority Score un 19 % más sólido que en los sitios menos accesibles |
Ambos autores plantean la relación del mismo modo: las correcciones de accesibilidad se correlacionan con un mejor rendimiento orgánico. Eso importa cuando decides en qué gastar un presupuesto de SEO limitado. La ausencia de un enlace para saltar la navegación no hundirá por sí sola tus posiciones, pero el patrón de fondo (una estructura de encabezados pobre, texto alternativo ausente, formularios sin etiquetar) suele aparecer también en una auditoría de SEO técnico.
Dónde las correcciones de accesibilidad mueven las métricas de SEO
No todos los requisitos de accesibilidad afectan por igual a la visibilidad en buscadores. La tabla siguiente relaciona las correcciones con un beneficio SEO más claro con el principio WCAG que las respalda, para que puedas priorizar los cambios que los buscadores sí pueden detectar.
| Corrección de accesibilidad | Principio WCAG | Beneficio SEO | Dónde se nota |
|---|---|---|---|
| Texto alternativo descriptivo en imágenes relevantes | Perceptible | Ayuda a que las imágenes se posicionen en Google Imágenes y aclara el tema de la página a los rastreadores | Búsqueda de imágenes, señales de relevancia en la página |
| Orden lógico de los encabezados (un solo H1, H2/H3 anidados) | Perceptible, Comprensible | Permite que Google identifique la estructura de la página y genere fragmentos precisos | Fragmentos de búsqueda, enlaces a secciones |
| Texto de enlace y de anclaje descriptivo | Comprensible | Da a los rastreadores contexto sobre la página enlazada, en lugar de un genérico «haz clic aquí» | Enlazado interno, flujo de autoridad de los enlaces |
| Navegación y formularios operables con teclado | Operable | Reduce el rebote de usuarios que no pueden completar acciones clave, una señal de comportamiento | Core Web Vitals, métricas de interacción |
| Subtítulos y transcripciones para vídeo o audio | Perceptible | Hace que el contenido que no es texto se pueda rastrear e indexar como texto | Indexación de vídeo y pódcast |
| Contraste de color suficiente y tamaño de fuente legible | Perceptible | Mejora la legibilidad, ligada al tiempo de permanencia y a un menor rebote | Experiencia de página, usabilidad móvil |
Texto alternativo: el solapamiento más claro
El texto alternativo es el punto donde la accesibilidad y el SEO se solapan con más claridad. Los lectores de pantalla lo leen en voz alta para que un visitante con discapacidad visual sepa qué muestra una imagen. Google usa ese mismo texto para entender qué contiene la imagen, ya que no puede ver los píxeles como tú. Si omites el texto alternativo en la foto de un producto, pierdes a ambos públicos a la vez.
La regla es sencilla: describe lo que la imagen muestra realmente, sé conciso para que los lectores de pantalla no lo corten a mitad de frase y deja vacío el atributo alt (alt="") en las imágenes puramente decorativas, para que los lectores de pantalla pasen de largo en lugar de anunciar ruido. Si quieres ver con más detalle cómo son un texto alternativo bueno y uno malo, uno al lado del otro, consulta esta guía para escribir texto alternativo que funcione tanto para lectores de pantalla como para buscadores.
El peso de los archivos de imagen también importa aquí. Una página llena de imágenes sin optimizar carga despacio para todos, y las páginas lentas perjudican tanto la usabilidad como los Core Web Vitals. Esta guía paso a paso para optimizar imágenes para SEO explica la compresión y la elección de formatos que mantienen las páginas rápidas sin sacrificar la calidad de imagen.
Estructura de encabezados y títulos de página
Los encabezados cumplen dos funciones a la vez. Para un usuario de lector de pantalla, funcionan como un índice. Saltar de encabezado en encabezado permite ir directamente a la sección que se necesita, en lugar de escuchar la página entera en voz alta. Para Google, los encabezados indican de qué trata cada sección, lo cual forma parte de cómo se generan los fragmentos y los enlaces a secciones.
Usa un solo H1 por página y anida los H2 y H3 en orden, sin saltarte niveles. Una página que pasa de un H2 directamente a un H4 confunde tanto al menú de navegación de un lector de pantalla como a la comprensión que Google tiene de la jerarquía de tu contenido.
Las etiquetas de título importan igual de mucho. Las pautas WCAG piden un título que identifique con claridad la página, ya que suele ser lo primero que anuncia un lector de pantalla. Google usa esa misma etiqueta para generar el enlace azul en los resultados de búsqueda, y premia un título que se mantiene específico en lugar de vago. Puedes comprobar cómo se muestran ahora tus etiquetas de título y tus encabezados con un verificador gratuito de metaetiquetas antes de publicar los cambios.
Texto de los enlaces, contraste y acceso con teclado
Tres correcciones menores completan la lista de las de mayor impacto. El texto de enlace descriptivo («descarga la guía de accesibilidad») ofrece a un usuario de lector de pantalla y a un rastreador más contexto que un «haz clic aquí». Un contraste de color suficiente entre el texto y el fondo mantiene el contenido legible para usuarios con baja visión, y también evita que tu puntuación de accesibilidad de Lighthouse, una de las puntuaciones que informa la herramienta de auditoría del propio Chrome, arrastre a la baja tu señal general de calidad de página. Consulta cómo se calculan realmente estas puntuaciones en la documentación de Lighthouse de Chrome for Developers. La navegación operable con teclado, es decir, que todos los enlaces, botones y campos de formulario funcionen sin ratón, protege a los usuarios con discapacidades motoras y evita el tipo de interacción rota que se refleja como mala interacción en las señales de experiencia de página.
JavaScript, ARIA y los malentendidos que frenan a los equipos
Dos malentendidos causan más daño que cualquier etiqueta alt ausente.
El primero es suponer que una página renderizada con JavaScript es invisible por defecto para los lectores de pantalla y los buscadores. Tanto los navegadores como los rastreadores modernos ejecutan JavaScript, así que el contenido que se renderiza en el cliente no queda oculto automáticamente para ninguno de los dos. El riesgo real son los tiempos y el plan alternativo: un componente que nunca termina de renderizarse por un error de script deja al lector de pantalla sin nada que anunciar y al rastreador sin nada que indexar. Prueba lo que realmente se carga en la página, no lo que se supone que debe hacer el código.
El segundo es tratar los atributos ARIA como una solución universal. Las etiquetas ARIA (Accessible Rich Internet Applications) pueden remendar un widget personalizado que el HTML simple no puede describir por sí solo, pero no sustituyen al marcado semántico. Un <div> con estilo de botón y con role="button" sigue necesitando que se programe a mano el manejo de eventos de teclado, algo que un elemento <button> nativo obtiene automáticamente. Abusar de ARIA en elementos que ya tienen un equivalente semántico nativo suele confundir más a la tecnología de asistencia que ayudarla, y no aporta nada al SEO que las etiquetas HTML adecuadas no aporten ya.
Una técnica de accesibilidad que conviene conocer: mover contenido complementario fuera de la pantalla con CSS, en lugar de ocultarlo por completo, es una forma legítima de ofrecer contexto adicional a los usuarios de lectores de pantalla sin saturar el diseño visual. Usada con honestidad, no perjudica las posiciones. Usada para rellenar con palabras clave que nadie verá, es exactamente el tipo de manipulación que los buscadores están diseñados para detectar.
Crea un flujo de trabajo de accesibilidad y SEO que puedas mantener
Trata la accesibilidad como un carril más dentro de tu proceso habitual de SEO, no como un proyecto aparte que se hace una vez y se olvida.
- Audita antes de arreglar nada. Haz primero una revisión técnica completa para saber qué problemas son estructurales (encabezados ausentes, texto alternativo roto) y cuáles son cosméticos. Esta lista de 25 comprobaciones para auditar un sitio web es un punto de partida razonable si nunca has hecho una por tu cuenta.
- Corrige primero los problemas compartidos. El texto alternativo, el orden de los encabezados, las etiquetas de título y el texto de los enlaces afectan tanto a las puntuaciones de accesibilidad como a las de SEO. Corregirlos primero te da el retorno combinado más rápido.
- Integra las comprobaciones en tu proceso de publicación, no solo en el de auditoría. Una lista de 27 puntos de SEO on-page aplicada antes de que cada página salga en vivo detecta los problemas de encabezados y de texto alternativo antes de que se publiquen, en lugar de encontrarlos meses después.
- Vuelve a auditar con regularidad. Los sitios se desvían. Una plantilla nueva, un formulario rediseñado o un nuevo editor de contenido pueden reintroducir problemas que ya habías corregido. Una lista más amplia de 46 puntos de SEO cubre todo el panorama técnico más allá de la accesibilidad, para que no tengas que reinventar tu proceso cada trimestre.
- Lleva un registro de qué cambió y cuándo. Si el tráfico se mueve después de una corrección de accesibilidad, querrás saber qué cambio lo causó, no adivinarlo más tarde.
El orden importa. Corregir problemas de accesibilidad sin confirmar que resolvieron el problema de SEO relacionado, o al revés, significa repetir el trabajo dos veces. Una lista completa de auditoría SEO aplicada en el orden correcto evita que los dos frentes de trabajo se estorben entre sí.
¿Puedes arreglarlo tú mismo o necesitas un especialista?
Casi todo lo que aparece en este artículo (texto alternativo, orden de los encabezados, texto de los enlaces, etiquetas de título) está al alcance de cualquiera que sepa editar un CMS. Nada de ello requiere un desarrollador, y nada requiere un consultor de accesibilidad.
El límite del hazlo tú mismo llega con todo lo que implique componentes interactivos personalizados: formularios de varios pasos, selectores de fecha, cuadros de diálogo modales, carruseles o cualquier cosa creada con mucho JavaScript del lado del cliente. Hacer que sean operables con teclado y compatibles con lectores de pantalla suele requerir a alguien que entienda los patrones ARIA y que haya probado realmente con un lector de pantalla, no solo con una extensión de navegador que señala atributos ausentes.
Un término medio práctico: ejecuta primero un análisis automatizado para detectar los problemas fáciles y de gran volumen (texto alternativo ausente, contraste bajo, encabezados vacíos), corrígelos tú mismo y recurre a un especialista solo para los componentes interactivos que una herramienta automatizada no puede evaluar por completo. Los escáneres automatizados detectan una parte considerable de los problemas de WCAG, pero no todos; varios criterios de conformidad siguen exigiendo que una persona navegue por la página con un teclado o un lector de pantalla.
Si no sabes con certeza en qué punto está tu sitio, empieza con una comprobación automatizada gratuita en lugar de suponerlo. No sustituirá a una auditoría de accesibilidad completa, pero te dirá si estás ante un puñado de correcciones rápidas o ante un problema estructural en todas tus plantillas.
Accesibilidad web, cumplimiento de la ADA y posiciones en buscadores
La accesibilidad es además una cuestión legal en Estados Unidos, independiente de cualquier beneficio SEO. Los tribunales han aplicado cada vez más la Ley de Estadounidenses con Discapacidades (Americans with Disabilities Act, ADA) a los sitios web de empresas, tratándolos como tratarían un local físico al que no puede entrar una persona en silla de ruedas. Esa exposición existe se muevan o no tus posiciones.
Google nunca ha confirmado un factor de posicionamiento directo de accesibilidad, y tratar la accesibilidad únicamente como una táctica de SEO es no entender el fondo. El planteamiento honesto es que la accesibilidad y el SEO premian las mismas cualidades de fondo (estructura clara, contenido legible y una experiencia que funciona en todos los dispositivos), sin que ninguna cause la otra. Las propias directrices de Search Essentials de Google se centran en la rastreabilidad, el contenido de calidad y una experiencia de página que funcione, y un sitio accesible suele cumplir ya todo eso.
Considera el nivel AA de WCAG 2.1 como el suelo práctico. Es el estándar al que remiten la mayoría de los acuerdos extrajudiciales relacionados con la ADA y la mayoría de las políticas corporativas de accesibilidad, y es lo bastante exhaustivo como para detectar de paso casi todos los problemas con relevancia SEO de la tabla anterior.
Preguntas frecuentes
¿Hacer accesible un sitio web mejora realmente las posiciones SEO?
Google no ha confirmado un factor de posicionamiento directo de accesibilidad, pero los sitios accesibles y los sitios bien optimizados se apoyan en las mismas señales: encabezados claros, texto alternativo descriptivo y una estructura legible. Las revisiones de sitios reales han encontrado que los sitios accesibles obtienen más tráfico orgánico y se posicionan por más palabras clave que los competidores menos accesibles, aunque no haya un vínculo directo confirmado.
¿Cuál es la corrección de accesibilidad de mayor impacto para el SEO?
El texto alternativo en las imágenes relevantes suele ser la victoria más rápida, ya que sirve a la vez a los lectores de pantalla y a Google Imágenes, y rara vez se aplica de forma consistente en todo un sitio.
¿Necesito contratar a un consultor de accesibilidad para corregir estos problemas?
No para lo básico. El texto alternativo, el orden de los encabezados, el texto de enlace descriptivo y las etiquetas de título los puede editar cualquiera que gestione tu CMS. Los componentes interactivos complejos, como los formularios personalizados o los carruseles, suelen requerir a alguien con experiencia en ARIA y en pruebas reales con lectores de pantalla.
¿Los atributos ARIA ayudan o perjudican al SEO?
Usado correctamente en componentes personalizados que de verdad lo necesitan, ARIA ni ayuda ni perjudica directamente al SEO. Abusar de ARIA en elementos que ya tienen un equivalente HTML nativo suele generar confusión en la tecnología de asistencia sin ninguna ventaja para el SEO.
¿Basta con WCAG 2.1 AA o debería aspirar a AAA?
El nivel AA de WCAG 2.1 es el estándar práctico al que remiten la mayoría de los sitios y la mayoría de los marcos legales. El nivel AAA incluye requisitos más estrictos que son difíciles de aplicar en todo un sitio y que no se esperan en la mayoría de las empresas.
Comprueba en qué punto está realmente tu sitio
Elige una página, preferiblemente una con mucho tráfico, y repasa las correcciones anteriores: texto alternativo, orden de los encabezados, texto de los enlaces y contraste. La mayor parte de lo que marca la diferencia en accesibilidad web y SEO a la vez se hace en una tarde, no con un rediseño. Si quieres una imagen más clara de cómo está todo tu sitio antes de empezar a corregir páginas una por una, echa un vistazo a un informe SEO de ejemplo para ver qué saca a la luz una auditoría completa.
Recursos / Referencias
Fuentes
Sobre el autor
SearchBlueprint investigó, escribió y puntuó este artículo con el mismo flujo de contenido que nuestros clientes usan en sus propios sitios. La puntuación que aparece junto al autor es la que nuestro motor de contenido dio a esta página antes de publicarla. Nada de esto se revisa a mano, y ese es el punto: es el resultado del producto, publicado donde cualquiera puede comprobarlo.