Cómo impulsar la accesibilidad de su sitio web + SEO

Encontrar el lugar donde la accesibilidad y el SEO coexisten felizmente

No es un mito: hay algunas áreas donde el SEO y la accesibilidad pueden cruzarse. Crédito: Unsplash

La optimización de motores de búsqueda (SEO) y la accesibilidad del sitio web no son lo mismo. Hay diferentes reglas a seguir, diferentes audiencias a las que apuntar y diferentes formas de evaluar la efectividad de cada una.

La optimización de su sitio web para los robots de los motores de búsqueda no significa que también sea accesible automáticamente para personas reales. Algunas prácticas de SEO pueden incluso dañar la accesibilidad de su sitio web.

Sin embargo, no todo son malas noticias, hay algunas áreas donde los dos mundos se superponen. Si tiene un presupuesto o un marco de tiempo limitados para un proyecto, apuntar a estas seis áreas * puede aumentar simultáneamente la accesibilidad de SEO y del sitio web.

* Nota: el enfoque de este artículo está en las áreas de superposición. Cada tarea específica en cada área a continuación puede enfocarse más en SEO, algunas tareas pueden apuntar más a la accesibilidad.

Advertencia: un tipo de pizza con barba hipster te perseguirá y te obligará a beber una cerveza artesanal que hizo en su bañera, si subestimas la importancia de la interfaz de usuario para el SEO y la accesibilidad al sitio web. Crédito: Unsplash

Asuntos Estructurales

No subestimes el poder de una buena interfaz de usuario (UI). Los sitios web con interfaces de usuario limpias, claras y consistentes son particularmente buenos para los robots de los motores de búsqueda y las personas que usan dispositivos de tecnología de asistencia o que solo usan un teclado. Piénselo: si un usuario o bot no puede encontrar una página, ¿cómo puede leerla o interactuar con ella? Debe hacer que encontrar páginas e interactuar con el sitio web sea lo más fácil posible.

Mejores prácticas

  • Construya su navegación y diseño de página de una manera clara y consistente, y tenga múltiples formas de encontrar contenido (por ejemplo, búsqueda, mapa del sitio, tabla de contenido). Los robots de los motores de búsqueda tienen gusto de la arquitectura bien organizada del sitio web, que los lleva a indexar su contenido de una manera más significativa.
  • Si su sitio web es difícil de navegar o usar, puede afectar sus estadísticas analíticas de usuario, incluido el tiempo en un sitio web, las páginas visitadas y la tasa de rebote. Esto, a su vez, puede dañar su clasificación SEO. Por lo menos, irritará a sus usuarios.
  • Evite usar CSS u otro marcado estilístico para transmitir significado. Nunca debe "falsificar" un elemento que debería utilizar el marcado HTML.
  • Cuando sea apropiado, use elementos de página HTML 5 accesibles, como , , ,
    . Esos elementos son más descriptivos para los bots de los motores de búsqueda y los dispositivos de tecnología de asistencia que los elementos simples
    o

    .

Etiquetas, etiquetas, etiquetas en todas partes. Etiquetas de paquete hechas a mano de varios tamaños y colores. Crédito: Unsplash

Uso adecuado de etiquetas

El contenido de su sitio web se puede reducir esencialmente al marcado HTML, incluidas las etiquetas que se utilizan para los encabezados de su página (no debe confundirse con las etiquetas

). Navegar por las etiquetas

y

puede proporcionar al usuario o al bot del motor de búsqueda una visión general de una página y cómo se estructura su contenido, mientras que las etiquetas

a

proporcionan una comprensión rápida de los detalles en cada sección . Es importante tanto para la accesibilidad del sitio web como para el SEO obtener estas etiquetas correctamente.

Mejores prácticas

  • Mantenga las etiquetas de encabezado consistentes y no solo diseñe el texto para dar la apariencia visual de los encabezados: use etiquetas de encabezado reales. De lo contrario, los robots y los usuarios de los motores de búsqueda no sabrán qué contenido es más importante.
  • Las etiquetas de encabezado deben estar en orden. Eso significa que a

    le sigue un

    , a un

    le sigue un

    o

    y así sucesivamente.

  • Evite omitir etiquetas de encabezado cuando baje en orden en la página de un sitio web. Por ejemplo, no salte de un

    a un

    . Nota: está bien omitir las etiquetas de encabezado al subir en orden (
    a

    ), si está comenzando una nueva sección de página.

  • Es una buena práctica tener solo una

    por página. Piense en las etiquetas

    como esencialmente "etiquetas de título de la segunda página" que envían una señal de relevancia a los robots de los motores de búsqueda.

La práctica hace la perfección. El atleta descansa zapatos blancos de Adidas en la cerca de chainlink. Crédito: Unsplash

Perfecciona tus enlaces

Los enlaces pueden crear o deshacer un sitio web tanto para los robots de los motores de búsqueda como para las personas que utilizan dispositivos de tecnología de asistencia, como lectores de pantalla. Después de revisar los encabezados de página, los enlaces son el siguiente elemento principal que los usuarios y rastreadores suelen tener en cuenta, por lo que es esencial que sus enlaces sean lo más perfectos posible.

Mejores prácticas

  • Asegúrate de no tener enlaces rotos. Esto puede verse como un signo de un sitio web descuidado o abandonado para SEO. También es una mala práctica de accesibilidad del sitio web que puede frustrar / confundir a sus usuarios.
  • Utilice enlaces de tipo de etiquetado interno, pero no exagere. Según Yoast.com: "mejora su SEO al relacionar una pieza de contenido con otra, y más específicamente un grupo de publicaciones entre sí". También permite a los usuarios acceder fácilmente a contenido similar con un solo clic.
  • Proporcionar texto descriptivo del enlace. Evite usar frases como haga clic aquí y lea más. Si prefiere usar esas frases, puede conservarlas * si * agrega información de enlace adicional utilizando métodos visualmente ocultos o ARIA.
  • Omita agregar atributos de título descriptivos a sus enlaces (ese texto que aparece cuando pasa el mouse sobre un enlace). No es necesariamente incorrecto agregar títulos de enlaces, pero podría decirse que no es muy útil para el SEO o la accesibilidad al sitio web.
¡Decir queso! Mujer en camisa floral rosa con cámara Nikon retro. Crédito: Unsplash

Optimización de imagen

Aunque los robots de los motores de búsqueda y las personas que usan lectores de pantalla no pueden "ver" en el sentido tradicional, ambos confían en los nombres de las imágenes y en el texto alternativo para decirles qué representa la imagen. Tener estos elementos en su lugar es esencial tanto para complementar el contenido circundante como para la experiencia general del usuario.

Mejores prácticas

  • Sea lo más consistente y preciso posible al nombrar sus imágenes. Por ejemplo, no nombre su archivo brown-puppy.jpg para una foto de un gato atigrado naranja.
  • Evite el uso de caracteres no alfa (ej. 7,%, &, $) y use guiones entre palabras, en lugar de guiones bajos en los nombres de sus imágenes o texto alternativo. Por ejemplo, escriba orange-tabby-cat.jpg y no 0r @ nge_t @ 66y_c @ t! .Jpg
  • Mantenga su texto alternativo a menos de 125 caracteres. Si necesita más caracteres, use texto de subtítulos o describa más la imagen en el área de texto principal de la página.
  • Escriba texto alternativo como un humano y no un robot. El relleno de palabras clave no beneficia a nadie: las personas que usan el lector de pantalla se molestarán y los robots de los motores de búsqueda lo penalizarán. Simplemente no lo hagas.
Haga que sus medios funcionen para bots y humanos. Primer plano del tocadiscos giratorio. Crédito: Unsplash

Complemente sus medios

Las personas con discapacidades visuales (por ejemplo, trastornos convulsivos, ciegos), discapacidades auditivas (por ejemplo, sordas, con problemas de audición), discapacidades situacionales / temporales, personas con conexiones de ancho de banda deficientes y muchos otros pueden beneficiarse enormemente de los medios que se muestran en un espacio accesible. camino. Del mismo modo, los bots de los motores de búsqueda están "deshabilitados" porque no tienen ojos, oídos ni manos, por lo que esta es un área donde tanto la accesibilidad de SEO como la del sitio web tienen cierta superposición decente.

Mejores prácticas

  • Menos es más. Limite el uso de componentes multimedia complicados (por ejemplo, presentaciones de diapositivas, videos) en su diseño siempre que sea posible. No temas ... hay opciones de diseño alternativas.
  • Agregue descripciones y marcas de texto claras, completas y concisas a los medios esenciales. Piénselo dos veces antes de conservar medios no esenciales.
  • Todos los videos y presentaciones de diapositivas deben tener un botón de reproducción / pausa si avanza automáticamente, pero nunca inicie automáticamente. Idealmente, todos los controles de los medios deberían ser accesibles.
  • Proporcione formas alternativas de acceder a sus medios. Por ejemplo, tener transcripciones y / o subtítulos para videos; crear una transcripción para un archivo de solo audio; agregue un archivo con formato braille a sus medios. Hay muchos tipos diferentes de formatos alternativos disponibles para su uso.
El contenido es el rey. Contenedor de letras de imprenta de varios tamaños y familias de fuentes. Crédito: Unsplash

Limpia tu contenido

Por último, pero no menos importante, después de abordar la estructura general de su sitio web, las etiquetas de encabezado, los enlaces, las imágenes y otros medios, el siguiente paso es centrarse en el contenido real. Dado que cada sitio web es un copo de nieve único, existe una gran variabilidad en el contenido del sitio web de un sitio web al siguiente. Lo que funciona para algunos usuarios en algunos sitios web, podría no funcionar para usted y su sitio. La clave es escribir el mejor contenido que pueda y tener en mente el mantra de creación de contenido de Google:

“Piense en lo que hace que su sitio web sea único, valioso o atractivo. Haga que su sitio web se destaque de los demás en su campo ".

Mejores prácticas

  • Limite la longitud de cada párrafo a aproximadamente tres oraciones y apunte a un nivel de lectura consistente con su audiencia. Idealmente, tanto para la accesibilidad del sitio web como para fines de SEO, debe apuntar alrededor del nivel de noveno grado.
  • No use etiquetas en negrita y cursiva para resaltar palabras, en su lugar, use fuerte y énfasis. Visualmente se verán similares entre sí, pero los lectores de pantalla (en el modo correcto) agregarán énfasis a las palabras rodeadas de etiquetas y mientras que ignorarán por completo o solo alterarán ligeramente las etiquetas y .
  • No dupliques tu contenido. Los robots de los motores de búsqueda lo notarán y lo penalizarán. Tus usuarios simplemente estarán confundidos.
  • Las viñetas y las listas numeradas ayudan a dividir su contenido para los lectores, haciéndolos más fáciles de usar. Bonificación: algunas investigaciones indican que los robots de los motores de búsqueda prefieren el contenido con viñetas y números sobre el texto sin formato.

❤ Si te gustó este artículo, muestra tu apoyo haciendo clic en el icono de aplauso (tantas veces como quieras), compartiendo la historia en las redes sociales y siguiéndome en Medium o Twitter. Gracias y feliz lectura❤

Esta historia se publica en The Startup, la publicación de emprendimiento más grande de Medium, seguida de más de 273,971 personas.

Suscríbase para recibir nuestras principales historias aquí.