Posicionamiento seo atributo alt

Cómo añadir texto alternativo a las imágenes

El texto alternativo, también conocido como atributo alt, descripción alt o etiqueta alt, es un fragmento de información detallada que describe lo que muestra una imagen. El origen de poner texto alternativo se desarrolló para ayudar a los ciegos y deficientes visuales a entender lo que muestra una imagen cuando el lector de pantalla les devuelve el fragmento de texto, mejorando así su experiencia de navegación por Internet. Sin embargo, aparte de esa función vital, el texto alternativo es crucial para permitir que las imágenes de su sitio web sean apreciadas y reconocidas con precisión por los motores de búsqueda cuando analizan su contenido en respuesta a una búsqueda.

Ya hemos destacado que la configuración del texto alternativo para las imágenes es muy importante para el SEO y es un factor clave que contribuye a la clasificación en los motores de búsqueda. Las etiquetas alt proporcionan contexto a lo que muestra una imagen, informando a los rastreadores de los motores de búsqueda y permitiéndoles indexar una imagen correctamente. Sin embargo, las etiquetas alt no sólo ayudan a los rastreadores de los motores de búsqueda, sino que no poner etiquetas alt en las imágenes puede tener un efecto perjudicial en la clasificación de las páginas web.

Texto alternativo de la imagen html

Corresponde al texto alternativo (ALT) de una imagen o visual en una página web que se mostrará en lugar de la imagen, cuando ésta no pueda mostrarse. También puede denominarse atributo ALT. Las etiquetas Alt deben colocarse en todas las imágenes, excepto en las que son puramente decorativas. Por imagen se entienden todos los archivos de tipo .jpg, .gif, .png… que pueden corresponder a pictogramas, fotos, logotipos o infografías.

Este texto ayuda a los motores de búsqueda a contextualizar e interpretar el contenido de las páginas de un sitio o blog. También ayuda a describir la imagen a usuarios ciegos o con problemas de visión cuando se utiliza la navegación de texto a voz.

En la imagen inferior, en lugar del lacónico «Restaurante Luxemburgo», elija una descripción más rica como, por ejemplo «Restaurante con terraza a 2 minutos de Kirchberg». Esta etiqueta sólo tiene 49 caracteres y contiene palabras clave como restaurante, terraza y Kirchberg, que deberían utilizarse en los títulos de las páginas y en las etiquetas Hn (h1, h2, h3…) del sitio de un restaurante que ofrezca este servicio.

Ejemplos de texto alternativo

Por regla general, el texto alternativo debe incluir palabras clave optimizadas en un contexto que describa de qué trata la imagen. Si no existe texto alternativo para la imagen, ésta se mostrará como una imagen vacía.

Cuando una imagen contiene palabras que son importantes para entender el contenido, el texto alternativo debe incluir esas palabras. Esto permitirá que el texto alternativo desempeñe en la página la misma función que la imagen. Tenga en cuenta que no describe necesariamente las características visuales de la imagen en sí, sino que debe transmitir el mismo significado que la imagen.

El texto del título de la imagen es un atributo utilizado para proporcionar información adicional sobre la imagen. Dicho esto, el título de la imagen no se utiliza para la clasificación de búsqueda, por lo que no es tan importante optimizarlo.

Prácticas recomendadas para el texto alternativo de las imágenes

En nuestros artículos anteriores, te hemos ayudado a optimizar las etiquetas de título, la meta descripción e incluso las urls para tu SEO. Ahora vamos a ayudarte a optimizar las imágenes y en particular el atributo ALT de las mismas.

Corresponde a una parte del código HTML de una página, ¡pero que no cunda el pánico! No necesitas saber codificar para todo eso >> todos los CMS como WordPress, Magento, Shopify, etc… te muestran un campo ALT a rellenar al importar cada una de tus imágenes.

También hay que tener cuidado de no coger imágenes demasiado pesadas para evitar ralentizar el tiempo de carga. En teoría, una imagen no debería superar los 200 KB. Cuando una página tarda demasiado en cargarse, los motores de búsqueda le dedican demasiado tiempo (en detrimento de tus otros contenidos), y tienes más posibilidades de que el usuario abandone tu página. Tienes la opción de poder comprimir tus imágenes con plugins como wp smush para wordpress, u Optimzilla para comprimir imágenes fácilmente.

El atributo ALT es una parte del código HTML de una página que es fácil de rellenar. No necesitamos necesariamente saber codificar, CMS como WordPress te indican un campo ALT a rellenar para cada una de tus imágenes en tu web.