Mira casi cualquier sitio web en Internet hoy en día y verás que una de las cosas que tienen en común son las imágenes. Las imágenes se pueden utilizar en los sitios web para añadir un toque visual, ayudar a ilustrar ideas y añadir contenido general a la página. Además de elegir las imágenes correctas y prepararlas adecuadamente para la entrega en la web, asegurarse de que todas las imágenes de su sitio web utilizan correctamente el texto Alt es una parte muy importante del uso correcto de estas imágenes para la web.

Qué es el texto alternativo

El texto alternativo o ALT , es el texto alternativo utilizado por los navegadores de texto y otros agentes de usuario web que no pueden ver las imágenes. También es uno de los únicos atributos requeridos por la etiqueta de imagen. Al escribir un texto alternativo efectivo, usted se asegura de que sus páginas web sean accesibles para las personas que puedan estar utilizando un lector de pantalla u otro dispositivo asistido para acceder a su sitio. También se asegura de que se mostrará algo en lugar de una imagen en caso de que no se cargue por cualquier motivo (ruta incorrecta, fallo de transmisión, etc.). Este es el verdadero propósito del texto Alt, pero este contenido también puede darle más lugares para agregar texto SEO amigable que los motores de búsqueda no le penalizarán (más sobre eso en breve).

El texto alternativo debe repetir el texto de la imagen

Cualquier imagen que contenga texto debe tener ese texto como texto alternativo. Puede colocar otras palabras en el texto alternativo, pero como mínimo, debe decir lo mismo que la imagen. Por ejemplo, si tiene un logotipo para sus imágenes, el texto Alt debería repetir el nombre de la empresa escrito por su logotipo gráfico.

Recuerde, también, que imágenes como logos también pueden implicar texto – por ejemplo, cuando usted ve el ícono de la bola roja en el sitio web de Dotdash, significa «Dotdash.com». Así que el texto alternativo de ese icono podría decir «Dotdash.com» y no sólo «logotipo de la empresa».

Mantener el texto corto

Cuanto más largo sea el texto alternativo, más difícil será su lectura por parte de los navegadores de texto. Puede ser tentador escribir frases largas de texto alternativo (normalmente esto se hace porque alguien está tratando de rellenar la etiqueta con palabras clave), pero mantener las etiquetas Alt cortas mantiene sus páginas más pequeñas y las páginas más pequeñas se descargan más rápido.

Una buena regla general para el texto alternativo es mantenerlo entre 5 y 15 palabras en total.

Uso de sus palabras clave SEO en las etiquetas Alt

La gente a menudo piensa erróneamente que el propósito del texto alternativo es poner palabras clave en los motores de búsqueda. Sí, esa es una ventaja que puedes usar, pero sólo si el texto que estás añadiendo tiene sentido para el propósito real de la etiqueta alt – para mostrar texto inteligente que explique qué es la imagen en caso de que alguien no pueda verla.

Ahora bien, dicho esto, el hecho de que el texto Alt no sea una herramienta de SEO no significa que no pueda utilizar sus palabras clave en este texto. Dado que el texto alternativo es importante y necesario en las imágenes, es poco probable que los motores de búsqueda lo penalicen por poner palabras clave allí si el contenido que agrega tiene sentido. Sólo recuerde que su primera prioridad es para sus lectores. El spam de palabras clave en texto alternativo puede ser detectado y los motores de búsqueda cambian sus reglas todo el tiempo para prevenir a los spammers.

Una buena regla empírica es usar las palabras clave de su motor de búsqueda donde encajen con la descripción de la imagen y no usar más de una palabra clave en su texto alternativo.

Mantenga su texto significativo

Recuerde que el objetivo del texto alternativo es definir las imágenes para sus lectores. Muchos desarrolladores Web utilizan el texto alternativo para sí mismos, incluyendo cosas como el tamaño de la imagen, los nombres de los archivos de imagen, y así sucesivamente. Si bien esto puede ser útil para usted, no hace nada por sus lectores y, por lo tanto, debe omitirse de estas etiquetas.

Usar sólo texto alternativo en blanco para iconos y viñetas

Periódicamente usarás imágenes que no tienen ningún texto descriptivo útil, como viñetas o iconos simples. La mejor manera de usar estas imágenes es en CSS, donde no se necesita texto alternativo. Pero si es absolutamente necesario que los tenga en su HTML, use un atributo alt en blanco en lugar de dejarlo completamente apagado.

Puede ser tentador poner un carácter como un asterisco (*) para representar una bala, pero esto puede ser más confuso que simplemente dejarlo en blanco. Y poner el texto «bullet» se volverá aún más extraño en un navegador de texto.

Editado por Jeremy Girard el 3/3/17