En el Marketing todos conocemos un elemento que muchas veces es infrautilizado. Este es el atributo alt o texto alternativo, que es la descripción de una imagen que nos brinda información de la apariencia y función de la misma en una página.
Siendo un atributo muy importante, ya que este hace que los navegadores y los buscadores reconozcan muchas tareas y posicionen la web.
Se utilizan para la inserción en Google, para dispositivos de personas discapacitadas o simplemente para mostrar un texto en caso de que la imagen no se pueda visualizar y no se encuentre disponible y el usuario se haga una idea de lo que había allí.
Cuando se optimizan bien las imágenes se mejora mucho el SEO de un artículo, puesto que Google lo valora mucho.
Funciones que tiene el atributo ALT
Informar y a la vez contextualizar el contenido
Principalmente su propósito es brindar información y ayudar de igual forma a contextualizar todo el contenido para las personas que sufren de discapacidad visual, y que por lo tanto usan lectores de pantalla.
Vamos a imaginarnos por un momento que somos parte de este grupo de personas, y al estar leyendo un artículo con el lector de pantalla llegas a donde se encuentra una imagen.
Se supone que estas deben aportar un contenido relevante para estas personas, pero se escucha algo sin sentido como “DFGYDT.jpg” o a lo mejor no se escucha nada, porque no existe un atributo alt.
Esto va a generar falta de información para el siguiente párrafo. También sucede que el texto alternativo se encuentre compuesto por una palabra clave, o un listado de palabras.
Así que si tú eres de los que hace estas cosas, obviamente estas ignorando el objetivo principal del atributo, y por ende descuidando el acceso al sitio web.
Facilita información ante problemas
Otra de las funciones que tiene el texto alternativo es el de facilitar información cuando la imagen no cargue en aquellas conexiones que tienen poco ancho de banda, navegadores antiguos, protección de rastreo, la visualización desactivada o una URL defectuosa de imagen.
Ayuda a los crawlers
También ayuda a los crawler a interpretar sobre que se refiere la imagen. Aunque obviamente la tecnología de Google en cuanto al reconocimiento de imágenes ha evolucionado mucho existen motores de búsqueda que no son capaces de entenderlas.
Sirviendo incluso como un texto de enlace, en caso que se decida usar imágenes con esta característica.
En la práctica del SEO el texto del atributo alt se destina únicamente para objetivo SEO y de Marketing, olvidándose por completo de su propósito original y fundamental de accesibilidad.
Importancia de definir el texto alternativo de una imagen
- Cuando se tienen las imágenes en el navegador desactivadas o ya sea que se tenga un problema de carga de ellas, el texto alternativo es lo único que se va a mostrar y va a permitir al usuario conocer más respecto al contenido.
- Como ya se mencionó, facilita la accesibilidad a la web de las personas que padecen de discapacidad visual. Las cuales escucharan la descripción a forma de audio.
- En referencia al SEO, es importante porque los buscadores solamente leen el texto del atributo para clasificar el contenido. Al momento de escribir un atributo relevante y descriptivo le estamos proporcionando información a los motores de búsqueda ayudándolos a identificar las imágenes y a usarlas como elemento de relevancia del sitio web.
¿Cómo se optimiza correctamente el atributo ALT?
Existen dos reglas simples para optimizar el atributo alt de las imágenes.
Una se basa en que en la imagen destacada de WordPress debe de estar la palabra clave del artículo con el que se desea posicionarlo.
La otra regla es que en las imágenes siguientes que se inserten debes de usar palabras clave que estén en las cabeceras y que los usuarios busquen. Para esta, siempre deben de estar en completa relación con el texto a su alrededor y no utilizar palabras como por rellenar un espacio.
Vamos a darte un ejemplo. Supongamos que vas a redactar un artículo referente a la receta de pasteles de carne.
Se recomienda que antes de empezar se haga una búsqueda en Google de los parámetros más buscados, para ello debes de bajar hasta el final de la página y observar las búsquedas relacionadas para tomar consejos.
Con esto, ya tienes claro lo que la gente más busca.
Entonces, al momento de la redacción de la receta encontraremos, los ingredientes, como preparar la carne, la masa del pastel y de qué manera se sofríe o por cuánto tiempo se lleva al horno (dependiendo de la receta).
De esta forma, tendríamos la imagen principal y otras complementarias con los pasos, por lo que se podría colocar de atributo alt:
- Imagen principal: palabra clave que es “receta de pastel de carne”
- Imagen de ingredientes: “Ingredientes”
- Para preparar la carne: “ preparación de la carne de relleno”
- Y por último: “sofreír con abundante aceite” o “llevar al horno”.
Ves que es algo muy sencillo. Si te guías y usas este sistema vas a garantizar que siempre las imágenes estén en concordancia con el texto y mejorarás los resultados considerablemente.
Errores comunes al optimizar el atributo
No optimizarlo
Hay algo claro en todo lo que te hemos explicado y es que este no debe de dejarse vacío, más vale que se rellene con algo que dejarlo en blanco.
Pero si has llegado hasta este punto del artículo, es lógico que ya hayas aprendido a como rellenar correctamente el atributo ALT.
Repetición de la palabra clave principal
No es recomendable que se repita en todas las imágenes del documento la palabra clave, ya que esto puede ser penalizado por keyword stuffing. Es decir, que Google va a penalizarte por el constante uso de esa palabra. Debido a que las que están en las imágenes se suman a las que se encuentran en el texto.
Lo mejor es no abusar y no relacionar todas las imágenes al texto en sus atributos alt.
Céntrate siempre en el usuario, quien es a fin de cuentas el que va a leer el artículo, por lo que las imágenes deben de coincidir con la información.
Partes que tiene un texto alternativo
El fragmento del código HTML de un texto descriptivo es muy sencillo:
<img src=”gatojugandoconlana.jpg” alt=”gato pequeño color negro jugando con una bola de lana”
img src: es el archivo de la imagen que se desea mostrar
alt: es el texto que describe lo que se observa en la imagen.
Para que se haga una buena optimización de la imagen, garantizando la accesibilidad lo mejor es trabajar ambas partes del código. Dando prioridad siempre al usuario en relación con los motores de búsqueda.
Ayúdate de Yoast
En caso de que utilices Yoast para mejorar el SEO de un blog, este indica cuando no existen imágenes y cuando estas no tienen la palabra clave.
Esto resulta de gran ayuda para que a los redactores y creadores de contenido no se les olvide.
Además, si se tiene la versión Premiun se podrá realizar esta opción hasta con 5 palabras clave. Resultando muy interesante.
Esperamos que con este artículo te haya quedado clara la importancia que tiene el atributo ALT en toda imagen y la relación directa que debe existir con el texto.
Es importante no dejar este espacio en blanco y hacer uso correcto del mismo, para ayudar de esta forma a las personas que lo necesitan.