Qué significa el atributo alt en una imagen y cómo ponerlo

Lo qué significa el atributo alt en una imagen es una descripción del contenido de las imágenes de una página web. Al atributo alt, también se le conoce como texto alternativo, ya que se muestra cuando no se pueden ver las imágenes de tu página web por diferentes motivos. Además, los robots de los motores de búsqueda utilizan la descripción de tus imágenes para posicionarla, por lo que, es una buena herramienta para hacer SEO en tu sitio web.

Qué son los atributos alt

Lo que son los atributos alt de una imagen son las descripciones que se realizan del contenido audiovisual que hay en tu página web, en este caso las imágenes, para que los motores de búsqueda, para aquellos que no pueden verlas correctamente y las personas ciegas, puedan leer lo que hay en dichas imágenes.

Por qué incluir atributos alt en tus imágenes

Tienes que saber como poner atributo alt a una imagen, por los motivos que te explicamos a continuación:

Contextualiza el contenido

Estos atributos te permiten contextualizar el contenido de tus imágenes, ya que proporcionas la información necesaria para que los motores de búsqueda entiendan el contexto de la imagen que has utilizado y cómo se relaciona con el contenido de la página de tu sitio donde se encuentra.

Facilita la información ante:

Navegadores antiguos: algunos no pueden mostrar imágenes, por lo tanto, el atributo alt proporciona una descripción del contenido de la imagen para que los usuarios que utilizan estos navegadores, puedan comprender qué es lo que se les está mostrando.
Desactivación de imágenes: algunos usuarios desactivan las imágenes en su navegador para ahorrar Internet o para evitar cargar imágenes sospechosas. Por ello, tienes que utilizar el atributo alt para que puedan ver la descripción del contenido de las imágenes.
Protección ante rastreos: algunos usuarios de Internet instalan en su navegador un software que bloquea los rastreos que se realizan en los motores de búsqueda. Este software puede hacer que las imágenes no se carguen correctamente, pero sí que pueden ver la descripción que has puesto en el atributo alt de tus imágenes.
URLs deficientes: puede que la URL de alguna de tus imágenes no funcione como debería. Por lo tanto, si describes tus imágenes con el atributo alt, aunque no se muestre tu imagen, los usuarios que visitan tu página web pueden comprender lo que se muestra en ella.

Ayuda al análisis de los crawlers

Los crawlers, conocidos en español como rastreadores, se utilizan en los motores de búsqueda para analizar el contenido que hay en las páginas web. El atributo alt le proporciona información a los rastreadores sobre el contenido de las imágenes. Por lo tanto, puede ayudarte a mejorar la posición de tu web en los resultados de búsqueda que obtienen los usuarios cuando buscan información relacionada con tu negocio online o con tu sector.

Cómo agregar el atributo html a una imagen

Así es como hay que agregar atributos alt a una imagen. Tienes que tener en cuenta que no se ponen los atributos alt en una imagen de la misma forma en WordPress o en Prestashop, por ello, tienes que saber cómo hay que hacerlo en ambas plataformas.

En WordPress

Los atributos alt imagen wordpress puedes agregarlos en las imágenes de tu web en WordPress, siguiendo estas indicaciones:

Entra en la biblioteca de imágenes
Selecciona una imagen
Rellena el apartado: texto alternativo

En Prestashop

Los atributos alt imagen prestashop puedes añadirlos siguiendo estos pasos:

Accede a los productos del catálogo
Selecciona la imagen del producto
Rellena el campo de leyenda

Cómo comprobar los atributos alt de las imágenes

Puedes comprobar los atributos alt de las imágenes de tu página web utilizando un inspector del navegador o utilizando la extensión de Chrome: Web developer.

Mediante el inspector del navegador

Si utilizas el inspector del navegador lo único que tienes que hacer es:

Clica en la imagen con el botón derecho
Pulsa sobre «inspeccionar»

Extensión de Chrome: Web Developer

Si prefieres utilizar la extensión de Chrome, es decir, el Web Developer, tienes que seguir estos pasos:

Selecciona el icono de la rueda dentada
Pulsa sobre «display alt attributes»
Comprueba los tooltip de cada imagen

Preguntas frecuentes sobre atributo alt

¿Qué es el atributo alt en una imagen?

El atributo alt en una imagen es una especificación de texto alternativo que se utiliza en el HTML para describir el contenido de las imágenes. Este texto ayuda a los motores de búsqueda a entender qué se muestra en la imagen, mejorando el posicionamiento SEO de tu página.

¿Por qué es importante el atributo alt para el SEO?

El atributo alt es crucial para el SEO porque permite a los motores de búsqueda interpretar el contenido visual de tu sitio web. Esto mejora la accesibilidad y la experiencia del usuario, factores que los motores de búsqueda valoran para el ranking de las páginas.

¿Cómo puedo optimizar el atributo alt para mejorar mi posicionamiento SEO?

Para optimizar el atributo alt, incluye palabras clave relevantes que describan precisamente la imagen. Asegúrate de que el texto sea conciso y relevante para el contexto de la página, mejorando así tanto la accesibilidad como el SEO.

¿Hay un límite de caracteres recomendado para el atributo alt en una imagen?

Aunque no hay un límite estricto, se recomienda mantener el texto del atributo alt bajo los 125 caracteres. Esto asegura que el mensaje sea conciso y que los lectores de pantalla puedan interpretarlo correctamente.

¿El atributo alt afecta la velocidad de carga de mi sitio web?

El atributo alt en sí no afecta la velocidad de carga de tu sitio web. Sin embargo, un uso adecuado de imágenes optimizadas junto con atributos alt correctos puede contribuir a una mejor experiencia de usuario y, por lo tanto, a un mejor rendimiento SEO.

¿Puedo usar palabras clave en cada atributo alt de las imágenes de mi sitio?

Sí, puedes y debes usar palabras clave relevantes en los atributos alt, pero evita el relleno de palabras clave. Cada atributo alt debe reflejar de manera precisa y natural el contenido de la imagen.

¿Cómo afecta el atributo alt a la accesibilidad web?

El atributo alt mejora significativamente la accesibilidad web al proporcionar descripciones de texto para las imágenes a usuarios que utilizan lectores de pantalla. Esto hace que tu sitio web sea más inclusivo y accesible para personas con discapacidad visual.

¿Es obligatorio usar el atributo alt en todas las imágenes?

Desde una perspectiva de accesibilidad y SEO, es altamente recomendable usar el atributo alt en todas las imágenes. Sin embargo, en imágenes puramente decorativas que no aportan información, se puede dejar vacío pero no omitir el atributo.

¿Cómo puedo verificar si todas las imágenes de mi sitio tienen el atributo alt?

Puedes utilizar herramientas de auditoría SEO como Screaming Frog o plugins específicos para navegadores que te permiten identificar imágenes sin el atributo alt. Esto te ayuda a asegurar que tu sitio cumple con las mejores prácticas de SEO.

¿Poner el mismo atributo alt en diferentes imágenes afecta al SEO?

Repetir el mismo atributo alt en diferentes imágenes puede considerarse como contenido duplicado y afectar negativamente tu SEO. Es importante que cada imagen tenga un atributo alt único y descriptivo.

¿Qué debo evitar al escribir atributos alt?

Evita el relleno de palabras clave, descripciones irrelevantes y el uso excesivo de términos que no aportan valor a la descripción de la imagen. Concéntrate en hacer las descripciones útiles y relevantes.

¿El atributo alt contribuye al ranking de imágenes en Google?

Sí, el atributo alt es un factor importante para el ranking de imágenes en Google. Una descripción alt precisa y relevante puede mejorar la visibilidad de tus imágenes en los resultados de búsqueda de Google Imágenes.

¿Debo incluir marcas o nombres de productos en el atributo alt?

Incluir marcas o nombres de productos en el atributo alt puede ser útil si es relevante para la imagen y el contexto del contenido. Esto puede ayudar a mejorar la visibilidad de tus productos en las búsquedas relacionadas.

¿Cómo influye el atributo alt en la experiencia del usuario?

Un buen uso del atributo alt mejora la experiencia del usuario al proporcionar contexto a las imágenes cuando no se pueden cargar o para usuarios que dependen de lectores de pantalla, lo cual puede influir positivamente en el SEO.

¿Existe alguna penalización por no usar el atributo alt en imágenes?

Aunque no hay una "penalización" directa por no usar el atributo alt, omitirlo puede resultar en una peor experiencia de usuario y accesibilidad, lo que indirectamente puede afectar negativamente tu posicionamiento SEO.

Qué significa el atributo alt en una imagen