A la hora de crear una página web o una entrada en un blog, los elementos visuales cobran gran importancia. Todas las páginas en internet están formadas por texto e imágenes. Como los buscadores no pueden ver las imágenes, es necesario explicárselas a través del atributo alt o texto alternativo.

¿Qué es el atributo alt?

El atributo alt en HTML (alt text) o texto alternativo es una descripción de la imagen en forma de texto. Al texto alternativo también se le conoce como etiqueta alt, algo incorrecto. El alt text es un atributo que se encuentra dentro de la etiqueta img (imágenes) en el lenguaje HTML.

¿Para qué sirve el atributo alt?

El texto alternativo o atributo alt sirve para describirles a los motores de búsqueda el contenido de una imagen. Los archivos de imágenes no pueden ser leídos por las arañas o bots de los buscadores. Estos se encargan de leer el lenguaje HTML, por lo que es importante indicarles en el atributo alt lo que se van a encontrar.

Si una imagen, por cualquier razón, no se puede mostrar o no carga de manera correcta, el atributo alt proporciona un texto para mostrar en su lugar.

¿Cómo poner atributo Alt?

El texto alternativo en imágenes se puede poner a través del código HTML o en WordPress.

Atributo alt en WordPress

La plataforma de WordPress nos ofrece la posibilidad de añadir un texto alternativo a la hora de subir nuestra imagen a la web. Cuando subimos una fotografía a la biblioteca de medios, nos aparece una ventana en la que podemos indicar: texto alternativo, título, leyenda, descripción y URL del archivo.

Poner atributo alt en imágenes en WordPress

Atributo alt en HTML

Si miramos el lenguaje HTML de nuestra página web, veremos el siguiente código dónde hay imágenes:

<img src=“ruta de la imagen” alt=“texto alternativo” title=“texto de ayuda”>

Ejemplo de imagen con atributo alt en HTML

En primer lugar, el atributo src hace referencia a la ruta de la imagen que se quiere mostrar. Es decir, es el nombre del archivo que se le ha puesto al subir la imagen a la web. Para el seo de imágenes, este atributo es importante que contenga la palabra clave de la imagen en minúsculas y sin espacios o con guiones entre palabras.

En segundo lugar, el alt de la imagen describe lo que se muestra en ella. Es fundamental optimizar los textos alternativos para SEO, puesto que garantizas una buena experiencia al usuario y a los motores de búsqueda. Esto se debe a que si la imagen no carga, el texto alternativo aparecerá como sustitución indicándole al usuario lo que allí hay.

Por último, el atributo title es un texto de ayuda que aparece cuando colocamos el cursor sobre una imagen. Este atributo no se suele poner cuando se trata de imágenes decorativas, se utiliza más cuando una imagen funciona como enlace para darle al usuario una explicación de donde va a ir si pincha en la imagen.

¿Por qué es importante el texto alternativo de las imágenes en SEO?

El posicionamiento web busca optimizar los elementos internos e influir en los elementos externos para conseguir una mejora en el posicionamiento de la web en los resultados de los motores de búsqueda.

Precisamente, el atributo Alt es un elemento fundamental para la optimización de imágenes y su optimización se encuentra dentro de las distintas técnicas de SEO on page.

Para optimizar correctamente el atributo de una imagen, es necesario que esta incluya la palabra clave y describa el contenido de la imagen correctamente. Así, los robots y arañas de los buscadores comprenden mejor el contenido.