La mayoría de gente que se inicia en el uso de WordPress para construir un blog o un sitio web más completo, a pesar de que aprenden sin problema a subir y colocar imágenes para sus publicaciones o páginas, desconocen atributos adicionales, como Text Alt e Image Title, que pueden ser agregados a las imágenes y que pueden servirles para optimizarlas a fin de promover una mejor calificación en los motores de búsqueda o dar una mayor accesibilidad a dicho recurso.
¿Qué son Alt Text e Image Title?
Empecemos por Alt Text. En su forma no abreviada vendría a ser Alternate Text, que sería en español como “Texto Alternativo”, lo que nos da una idea a priori de lo que se trata este atributo o característica adicional que puede ser agregada a una etiqueta de imagen en HTML, pero que puede ser adicionada más fácilmente desde la interfaz de WordPress sin necesidad de saber HTML.
El texto que definas como Alt Text se mostrará en lugar de la imagen cuando esta no pueda visualizarse por algún motivo, como es el caso cuando las imágenes en una página no se pueden encontrar. Permite darle información a los motores de búsqueda para comprender de qué se trata una imagen.
Image Title o “Título de Imagen” en español, es otro atributo o característica adicional que puede ser agregado directamente a una etiqueta de imagen en HTML pero que también puedes agregarlo de forma muy simple mediante la interfaz de WordPress.
Se utiliza para proporcionar, como dice su nombre, el título de la imagen. El texto que indiques como Image Title se muestra como un cuadro emergente cuando se pasa el puntero del mouse sobre la imagen, así pueda o no visualizarse la imagen.
Como lo habíamos adelantado al inicio, los atributos Alt Text e Image Title mejoran la accesibilidad del sitio web a personas con discapacidad, permitiendo por ejemplo, que un software lector de pantalla haga un trabajo adecuado. El lector de pantalla podrá, además de leer el artículo completo de texto, tratar a la imagen como un texto adicional, es decir, leerá el
Image Title. De esta forma, todo usuario que está oyendo la lectura del sitio web, sabrá que hay una imagen en ese punto aunque no pueda verla.
Cómo agregar Alt Text en WordPress
Para agregar el atributo Alt Text, puedes hacerlo cuando utilizas la Librería Multimedia o Media Library. Normalmente lo deberías hacer al subir una nueva imagen a tu sitio web, pero puedes en cualquier momento reingresar a la Librería Multimedia y cambiar el atributo Alt Text de la imagen que tú desees.
Cómo agregar Image Title en WordPress
Ya sea que agregues una nueva imagen o la modifiques mediante la Librería Multimedia, allí podrás encontrar el campo Title o Título, que normalmente está ya lleno con el mismo nombre del archivo que subiste. Pero OJO, este no es el campo del atributo Image Title al que nos referimos. Este sólo es un campo que usa WordPress internamente para identificar y mostrar las imágenes cargadas en la Librería Multimedia.
Existen dos formas para agregar este atributo Title Image mediante WordPress.
La primera forma es hacerlo mediante el editor de visual de publicaciones o páginas de WordPress. Una vez que hayas agregado la imagen deseada, la seleccionas haciendo clic sobre ella y aparecerán unos botones en la parte superior izquierda y le haces clic al lápiz, que es la opción para editar la imagen.
Luego va a aparecerte la ventana para ver los detalles de la imagen (Image Details) y luego de hacer clic en la opción “ADVANCED OPTIONS”, se desplegará más abajo la sección donde podrás encontrar el campo “Image Title Attribute” y donde colocarás el texto que quieras que sirva como aquel atributo al que hacemos referencia al inicio.
La segunda forma es para aquellos un poco más atrevidos y que quieren saber cómo agregar este atributo mediante HTML y ver cómo luce “detrás de bastidores”.
Lo que debes hacer es, una vez con la imagen insertada, cambiar a la vista de Texto del editor de publicaciones o páginas, identificar la etiqueta IMG correspondiente a la imagen (recuerda que empieza con ‘<IMG’ y termina con ‘/>’) y finalmente, agregar el atributo Title al final, para no complicarte, cuidando que esté antes del ‘/>’ de dicha imagen.
<img class=»alignleft size-medium wp-image-2204″ src=»https://www.example.com/wp-
content/uploads/2014/10/bike.jpg» alt=»alternate text for image» width=»300″ height=»199″
title=»tu atributo de título» />
Por qué y cómo deberías utilizar Alt Text e Image Title
Utilizar los atributos un Alt Text e Image Title con tus imágenes ayuda los motores de búsqueda a indexar tus imágenes y así visualizarlas en los resultados de la búsqueda de imágenes. La otra ventaja es que estas etiquetas mejoran la accesibilidad de tu sitio, facilitando el explicar tus imágenes a las personas con necesidades especiales.
A pesar de que Google afirma que se centra en el atributo Alt para la clasificación de las imágenes, no quiere decir que ellos u otros motores de búsqueda vayan a ignorar completamente el atributo Title. Trata siempre de completar ambos datos y agregar texto
utilizando palabras clave, claro está, sin exagerar porque pueden penalizarte, buscando por ello que sean descriptivos y no sólo orientados a una mejor calificación.
