SEO y accesibilidad: potencia tu UX

Publicado: 2023-09-21

Millones de personas con discapacidad enfrentan barreras al acceder a información y servicios en línea. Un estudio reciente de WebAIM encontró que las personas con discapacidades físicas, cognitivas, visuales y auditivas pueden esperar errores de accesibilidad en uno de cada 21 elementos de la página de inicio con los que interactúan.

La buena noticia es que mejorar la accesibilidad no es una tarea agotadora cuando se implementa junto con las mejores prácticas de SEO. La optimización de motores de búsqueda (SEO) y la accesibilidad del sitio web comparten objetivos comunes, lo que significa que puede ampliar el acceso y mejorar la visibilidad de la búsqueda creando experiencias óptimas para todos los usuarios.

La importancia de tener un sitio web accesible

Muchas actividades se llevan a cabo en espacios en línea: aprendizaje, compras, operaciones bancarias y concertación de citas. Es vital que los entornos digitales sean tan accesibles como los físicos. Cuando su sitio está optimizado para tecnologías de asistencia y formas alternativas de interacción, está ampliando su alcance en el mercado y abriendo su negocio a todos, y demostrando inclusión y equidad.

Las empresas deben brindar “disfrute pleno e igualitario” de sus bienes, servicios, privilegios y ventajas, según el Título III de la Ley de Estadounidenses con Discapacidades (ADA). El Departamento de Justicia de EE.UU. interpreta que esto incluye los servicios ofrecidos en Internet.

Existe un riesgo creciente de acciones legales contra empresas con sitios que no cumplen con la ADA. En 2022, hubo 3255 demandas de accesibilidad de sitios web del Título III de la ADA en un tribunal federal de EE. UU., un aumento con respecto a los 814 casos de 2017.

¿La accesibilidad afecta el SEO?

Cuando implementa funciones de accesibilidad que permiten a las personas con discapacidades interactuar con su sitio web, ayuda a los motores de búsqueda a comprender mejor su sitio y a indexarlo con mayor precisión.

Los estándares de la industria para la accesibilidad de sitios web se establecen en las Pautas de Accesibilidad al Contenido Web (WCAG), publicadas por el Consorcio World Wide Web (W3C). Los especialistas en marketing de SEO pueden utilizar esta guía para abordar elementos técnicos como el contraste de color, el texto alternativo de la imagen y la navegación, creando una experiencia en línea equitativa para todos, independientemente de su capacidad.

¿Es la accesibilidad un factor de clasificación?

La accesibilidad del sitio web no es un factor directo de clasificación en los motores de búsqueda. Sin embargo, es más probable que los sitios optimizados para todos los usuarios se alineen con los factores de clasificación de Google y aparezcan más arriba en los resultados de búsqueda.

Muchas funciones de accesibilidad están vinculadas al SEO, como mapas de sitio XML y HTML, legibilidad, subtítulos de vídeo y Core Web Vitals. Cuantos más elementos pueda satisfacer, mejor será la clasificación de su sitio.

Por ejemplo, un sitio con Core Web Vitals saludables se carga y estabiliza rápidamente y responde rápidamente a las interacciones del usuario para una experiencia óptima. ¿La línea de fondo? Google anima a los desarrolladores a crear productos accesibles, por lo que es importante seguir el ejemplo del gigante de las búsquedas.

Formas de integrar accesibilidad y SEO

En la siguiente sección, destacaré algunas estrategias de accesibilidad SEO que pueden hacer que su sitio sea más útil para las personas con discapacidades y los motores de búsqueda.

Diseño de sitios web y UX

Google considera cada vez más la experiencia del usuario en sus clasificaciones, por lo que un sitio con SEO accesible tiene más posibilidades de obtener una buena clasificación. Disminuirá la tasa de rebote y fomentará la participación de los visitantes si los usuarios con discapacidades pueden interactuar con su sitio sin problemas.

Mejore el diseño del sitio mediante:

  • Mantener los elementos del sitio simples.
  • Evitar imágenes de carga lenta, anuncios intersticiales y contenido parpadeante.
  • Proporciona un alto contraste de color y un tipo y tamaño de fuente fáciles de leer.
  • Alinear texto a la izquierda.
  • Creación de una arquitectura de sitio lógica y navegación intuitiva.
  • Utilizar titulares descriptivos y claros.
  • Evitar el color como forma de resaltar la información.
  • Proporcionar formas alternativas de navegar por un sitio y consumir contenido.

Mapas de sitio XML y HTML

Un mapa del sitio proporciona un enlace a cada página de un sitio web y brinda a los motores de búsqueda una descripción general de cómo se organiza el contenido para su rastreo e indexación. Los mapas de sitio también ofrecen un importante método de navegación alternativo para usuarios con discapacidades, permitiéndoles escanear y localizar rápidamente páginas web relevantes desde un solo lugar.

Organice su mapa del sitio por sección y subsección para mostrar la jerarquía del sitio y revíselo cada vez que se agregue, mueva o elimine una página para asegurarse de que no haya enlaces inactivos ni páginas faltantes.

Navegación

Un sitio fácil de navegar es esencial para la accesibilidad, ya que los usuarios pueden frustrarse si no pueden encontrar o acceder al contenido con dispositivos de asistencia. La navegación también afecta al SEO porque los motores de búsqueda siguen enlaces para descubrir e indexar nuevas páginas.

Para optimizar la arquitectura de su sitio:

  • Coloque la navegación en lugares familiares donde los usuarios la esperan.
  • Utilice etiquetas significativas que dejen claro a dónde le llevan los enlaces.
  • Proporcione opciones de navegación con el teclado para aquellos que no pueden usar un mouse.
  • Agregue enlaces de secciones en páginas con mucho contenido para una navegación más rápida.
  • Asegúrese de que los enlaces sean lo suficientemente grandes para que los usuarios puedan hacer clic en ellos fácilmente.
  • Pruebe la navegación para identificar problemas antes de iniciar el sitio.
  • Asegúrese de que el orden de las pestañas esté configurado correctamente.

Migas de pan

La navegación de ruta de navegación es una navegación específica de una página que aparece horizontalmente en la parte superior de una página. Muestra dónde está una página en relación con las páginas principales y es útil para orientar a los usuarios hacia sitios complejos, especialmente aquellos que llegan a una página de categoría mediante una búsqueda en lugar de la página de inicio. Los usuarios también pueden navegar rápidamente a páginas superiores en la jerarquía directamente desde la página.

Para fines de SEO, la navegación de ruta de navegación muestra a los motores de búsqueda cómo se relacionan las páginas. Las páginas principales también pueden compartir el valor del enlace con una página secundaria a través del enlace interno, lo que ayuda a mejorar la autoridad para la clasificación.

Para una navegación de ruta de navegación eficaz:

  • Utilice separadores visuales en sus rutas de navegación, como una barra diagonal o un signo de mayor que. Agregue la ruta de navegación usando CSS para que los lectores de pantalla no anuncien el separador visual.
  • Implemente datos estructurados para que la navegación de ruta de navegación aparezca en los resultados de búsqueda. Esto les dice a los buscadores en qué parte de un sitio llegarán si hacen clic en un fragmento.

Títulos de página

Los títulos de las páginas resumen el propósito o contenido de una página web. A menudo aparecen como:

  • Enlaces en los que se puede hacer clic en los resultados del motor de búsqueda.
  • Nombres de pestañas abiertas en una barra del navegador.
  • Títulos predeterminados de las páginas marcadas.
  • Títulos del bloque de imágenes en el que se puede hacer clic en enlaces de redes sociales.

Los motores de búsqueda utilizan etiquetas de título HTML para comprender de qué se trata una página para su indexación. Los lectores de pantalla anunciarán los títulos de las páginas para ayudar a los usuarios a encontrar una página relevante o saber qué página están usando.

Para optimizar una etiqueta de título para SEO de accesibilidad, cree un título de página útil que:

  • Describe con precisión la página.
  • Incorpora de forma natural la palabra clave objetivo.
  • Tiene entre 50 y 60 caracteres.
  • Obliga a los usuarios a hacer clic.

Encabezamientos

Las etiquetas de encabezado son un elemento estándar del SEO en la página que se utiliza para organizar el texto en secciones para mejorar la legibilidad. Cada encabezado señala el inicio de un nuevo tema o subtema.

Las tecnologías de asistencia utilizan encabezados para llevar a los usuarios directamente a la sección que desean, lo cual es más fácil que leer una página web completa para obtener información específica. Los motores de búsqueda utilizan encabezados para comprender el contenido que sigue a cada encabezado y así responder mejor a las consultas.

Para optimizar los títulos para la accesibilidad SEO:

  • Utilice etiquetas HTML adecuadas para que las tecnologías de asistencia puedan leerlas.
  • Asegúrese de que cada encabezado describa con precisión el contenido de la sección.
  • Anide los niveles del encabezado en orden dentro de las secciones, así que no salte de un H3 a un H5.

Texto alternativo

El texto alternativo es una descripción escrita de una imagen en línea que sustituye a la imagen. Ayudan a las personas con problemas de visión o baja visión a comprender una imagen, además de proporcionar información a todos los usuarios si las imágenes se cargan lentamente o faltan. Como los motores de búsqueda no pueden rastrear imágenes, las etiquetas alt son importantes para fines de SEO para transmitir el tema de una imagen para su indexación.

Aquí hay algunas cosas a considerar al escribir texto alternativo:

  • No es necesario incluir "Esta es una imagen de" en su descripción, ya que los lectores de pantalla lo anuncian automáticamente.
  • Escribe una oración completa y da vida a la imagen. En lugar de utilizar "helado" como texto alternativo, intente: "Mano sosteniendo un cono de waffle con dos bolas de helado de fresa".
  • Haga que el texto alternativo sea relevante para el contenido de la página y considere lo que una persona quiere saber en el contexto del tema.
  • Si las imágenes tienen una función, describe la acción en lugar de la imagen. Por ejemplo, si un logotipo de Nike enlaza con un producto Nike que usted vende, el texto alternativo debe transmitir esta información en lugar de decir "logotipo de Nike".
  • Incorpora palabras clave de forma natural. El relleno de palabras clave parece spam.
  • Para imágenes complejas, como gráficos, enlace a descripciones detalladas.
  • Para imágenes decorativas o para evitar repetir subtítulos detallados en pantalla, use atributos alt vacíos para que los lectores de pantalla los omitan.

Metadatos

Los metadatos, como una meta descripción, no aparecen en una página web publicada, pero ayudan a los motores de búsqueda y a los usuarios a comprender el propósito y el contenido de una página.

Las meta descripciones aparecen en las SERP debajo del título de la página y son importantes para la accesibilidad. Los lectores de pantalla los leen en voz alta para ayudar a los usuarios a decidir si la página satisface sus necesidades antes de hacer clic. También mejoran el SEO al brindar a los motores de búsqueda información sobre la relevancia de la página para que puedan hacer coincidir el contenido con las consultas adecuadas, reduciendo la tasa de rebote.

Meta descripciones efectivas:

  • Describir con precisión el contenido de una página.
  • Son claros y fáciles de entender si se leen en voz alta.
  • Incluya una palabra clave principal.
  • Contener menos de 160 caracteres.
  • Contenga un llamado a la acción y obligue a los usuarios a hacer clic.

Compatibilidad con dispositivos móviles

Más de la mitad del tráfico web mundial proviene de dispositivos móviles. Google rastrea primero la versión móvil de todos los sitios web nuevos, lo que significa que su sitio debe ser accesible y estar optimizado para teléfonos inteligentes, tabletas y otros dispositivos.

Para garantizar que su sitio sea compatible con dispositivos móviles:

  • Utilice un diseño responsivo que se reproduzca para diferentes tamaños de pantalla.
  • Formatee el contenido para que los lectores puedan hojearlo o leerlo fácilmente.
  • Mantenga su sitio simple y limpio sin intersticiales intrusivos.
  • Optimice la velocidad del sitio para que se cargue rápidamente para los usuarios en movimiento.
  • Apunte a palabras clave específicas para la búsqueda por voz.

Subtítulos y transcripciones de vídeos

El contenido de video está ganando popularidad, pero las transmisiones en vivo, los seminarios web, las entrevistas y las demostraciones visuales de productos pueden ser un desafío tanto para los usuarios sordos o con problemas de audición como para los motores de búsqueda, a menos que proporcione subtítulos y transcripciones.

Los subtítulos en pantalla son una alternativa de texto al audio para usuarios sordos o con problemas de audición. Algunas personas también prefieren los subtítulos cuando se encuentran en un ambiente ruidoso o no quieren molestar a los demás. Si bien YouTube proporciona subtítulos de video automáticos, debes editar los subtítulos para que sean precisos y así obtener la mejor experiencia de usuario.

Las transcripciones completas brindan una alternativa de texto a las partes habladas de los videos (y son excelentes para el SEO de videos). Debes publicarlos en la misma página que un vídeo o en una página separada con un enlace. Los lectores de pantalla pueden leer transcripciones más rápidamente que los subtítulos de vídeo. Algunos usuarios también pueden preferir hojear una transcripción en lugar de mirar un video o buscar en una transcripción un término en particular.

Dado que los motores de búsqueda no pueden rastrear el contenido de vídeo, las transcripciones proporcionan información valiosa para la indexación. Edite transcripciones para eliminar elementos conversacionales como "um" y "ah" para que sean más fáciles de leer.

Texto de anclaje

El texto ancla es un texto en el que se puede hacer clic y que indica a los usuarios y motores de búsqueda adónde los lleva un enlace. Los motores de búsqueda utilizan texto de anclaje para comprender el contenido alrededor del enlace y en la página de destino. El texto de anclaje preciso también es importante para los usuarios con discapacidades, para que no hagan clic innecesariamente en otras páginas que no satisfacen sus necesidades.

Escriba un texto ancla conciso y preciso para que los usuarios sepan qué esperar cuando sigan el enlace. Esto significa evitar frases genéricas como "haga clic aquí" o utilizar una URL como texto ancla.

Como algunos usuarios con lectores de pantalla escanean una página en busca de enlaces, una buena prueba para saber si el texto ancla es accesible es ver si se entiende si se lee en voz alta por sí solo.

Legibilidad

La legibilidad se refiere a qué tan fácil es consumir un contenido. Una página con alta legibilidad atrae a los usuarios y los mantiene en su sitio por más tiempo. También es más fácil de entender para los motores de búsqueda que intentan hacer coincidir el contenido con las consultas de los usuarios.

Puede mejorar la legibilidad para SEO y la accesibilidad al:

  • Agrupar el contenido en fragmentos con encabezados claros para que la información sea fácil de encontrar.
  • Eliminar la palabrería y elegir un lenguaje simple y convincente.
  • Usar voz activa para un estilo de escritura más directo.
  • Usar listas numeradas o con viñetas para escanear.
  • Escribir para lectores y evitar el exceso de palabras clave.

Herramientas de prueba de accesibilidad

Existen numerosas herramientas gratuitas y de pago disponibles que pueden darle una idea de cuán accesible es su sitio. He enumerado algunos a continuación para que pueda comenzar.

accesoEscanear

accessScan proporciona un análisis detallado de cómo se compara su sitio en términos de elementos en los que se puede hacer clic, títulos, menús, orientación, gráficos, formularios y legibilidad. Esta herramienta gratuita escanea un dominio y le indica si su sitio cumple con varios estándares de accesibilidad, con detalles sobre los elementos que no ha cumplido. Puede descargar la información como informe en PDF.

Comprobador de accesibilidad

Accessibility Checker audita los sitios web para verificar el cumplimiento de la legislación de accesibilidad en países seleccionados. Proporciona una puntuación de cumplimiento general, una lista de problemas urgentes y secundarios y soluciones. La herramienta gratuita se puede utilizar en páginas web individuales, pero tendrás que actualizarla para escanear varias páginas a la vez.

Herramienta de evaluación de accesibilidad web (WAVE)

Desarrollada por WebAIM, esta herramienta prueba las páginas web en busca de problemas de accesibilidad de acuerdo con las pautas WCAG 2.1. Puede ir directamente al sitio web de WAVE e ingresar una URL para ver una visualización de los errores. La herramienta superpone iconos en su página web para mostrarle dónde se encuentran los problemas. WAVE también está disponible como extensión del navegador para que puedas realizar pruebas directamente en Chrome, Firefox y Edge.

Obtenga ayuda para unificar SEO y accesibilidad hoy

En lugar de abordar la accesibilidad como una ocurrencia tardía, combínela con SEO para optimizar los esfuerzos de optimización de su sitio web. Nuestro equipo en Victorious puede ayudarlo a crear estrategias poderosas que combinen accesibilidad y SEO, creando un sitio web útil y sin barreras que llegue a la audiencia más amplia posible. Póngase en contacto con nosotros hoy para una consulta gratuita.