Cómo escribir un gran texto ALT para imágenes de sitios web

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
Share on print
Cómo escribir un gran texto ALT para imágenes de sitios web

Cómo escribir un gran texto ALT para imágenes de sitios web

VALORACIÓN DEL ARTÍCULO:
5/5

ALT

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

Deja un comentario

TAMBIÉN TE INTERESA

Huawei watch 3

Huawei Watch 3: dura competencia para Apple

Recientemente hablábamos del Apple Watch Series 7, pero conviene hoy destacar a uno de sus principales rivales: Huawei Watch 3.   Realmente, lo nuevo de la compañía china no tiene nada que envidiar a los modelos de Apple. Y es que el Huawei Watch 3 ha dado un verdadero salto de calidad respecto anteriores generaciones.

iPad-mini-2021

Nuevo iPad mini: todo pantalla y A15 Bionic

Ligero como él solo, el nuevo iPad mini que ha presentado Apple recientemente junto con el resto de nuevos productos llega con un diseño todo pantalla y su chip estrella para poder combinar ocio y trabajo a partes iguales.   Al igual que los nuevos teléfonos de Apple, este iPad mini está muy pensado para

nuevo-apple-watch-series-7

Nuevo Apple Watch Series 7: tímidas mejoras

Apenas estábamos disfrutando y saboreando el Apple Watch 6, cuando ahora se lanza el Apple Watch Series 7, con pequeños rediseños y con la única gran novedad destacada en la pantalla. El reloj posee los mismos sensores que ya traía el anterior modelo.   Estéticamente, Apple Watch Series 7 presenta cinco nuevos acabados de carcasa

nuevo-ipad-2021

El nuevo iPad de 9ª generación ya es una realidad

Entre las novedades presentadas en septiembre por Apple, además de los nuevos smartphones, hay que hablar de su nuevo iPad. Es el de 9ª generación, así al menos lo llama Apple, desmarcándose de la numeración que tienen sus teléfonos.   Simplemente, es el nuevo iPad, que pasa por ser el buque insignia en lo que

colores-iphone-13-pro

Llegan las nuevas bestias de Apple: iPhone 13 Pro y iPhone 13 Pro Max

El iPhone 13 Pro y el iPhone 13 Pro Max ya son una realidad para los consumidores. Los nuevos terminales de la gama premium de la marca de la manzana han sido presentados con las tecnologías más profesionales hasta la fecha.   Las nuevas bestias de Apple destaca por su pantalla, los avances de las

colores-iphone-13

Apple presenta el iPhone 13 y el iPhone 13 mini

En una presentación de película, con muchas cinemáticas y transiciones creativas, Apple ha dado a conocer el nuevo iPhone 13 y iPhone 13 mini.   Serán sus nuevas dos referencias en smartphones, las cuales llevan con mejoras en cámaras, eficiencia y rendimiento en la batería. Pero eso no es todo. Así son las principales novedades