Las etiquetas Title y Alt de las imágenes son un factor más de posicionamiento SEO y, por tanto, es importante trabajarlas bien cuando creamos una web y en el desarrollo de los contenidos del día a día. Estas etiquetas sirven para describirle a los buscadores de qué tratan esas imágenes ya que, a día de hoy, todavía no son capaces de entender el contenido de las imágenes.
3 pasos imprescindibles antes de subir una imagen a WordPress
Siempre que subamos una imagen a la web hay 3 pasos imprescindibles que se deberían seguir:
- Comprimir la imagen para reducir su peso (aunque no es el objetivo de este tutorial, se puede hacer con plugins como Kraken.io).
- Ponerle un nombre descriptivo a la imagen antes de subirla (nada de IMG0001.jpg).
- Editar la etiqueta ALT y TITLE una vez subida y aprovechar a utilizar esos campos para meter las palabras clave por las que queremos posicionar la página dónde utilizaremos esas imágenes.
El problema es que la gente no suele ser muy consciente de la importancia de estas imágenes y, cuando sí lo son, se olvidan rápido de ello o no lo hacen por falta de tiempo.
La buena noticia es que hay una manera de automatizar este proceso y hacerlo más sencillo.
A través de unas pocas línes de código, podemos conseguir que cuando subamos una imagen a WordPress, automáticamente la etiqueta Alt y la etiqueta Title cojan por defecto el nombre de la imagen, que se quiten los guiones y se sustituyan por espacios y se capitalice la primera letra de cada palabra. Por supuesto, después se podrán seguir editando estas metaetiquetas manualmente pero, por lo menos, así nos aseguramos de que esos campos nunca estarán vacíos.
Haciendo esto, únicamente tendrás que editar el nombre de la imagen antes de subirla y el resto estará hecho.
Los más puristas dirán que la etiqueta Alt y la etiqueta Title no deberían ser exactamente iguales sino que deberían tener aunque sea una palabra diferente entre ambas, y es cierto. Pero también es cierto que tener estas dos etiquetas optimizadas es un factor SEO importante, mientras que la importancia de que estas dos etiquetas no sean idénticas es mínima.
Además, ya hemos dicho que podrás seguir editanto a mano ambas etiquetas una vez subidas.
Código para que la etiqueta Alt y Title de las imágenes sea igual que el título
Como ya hemos dicho, automatizar esta tarea en WordPress es muy sencillo y se puede hacer simplemente copiando el siguiente snippet, pero ¿dónde hay que copiar este código?
Puedes copiarlo en el archivo functions.php de tu theme o crearte un plugin personalizado en el que poner este snippet junto al resto de personalizaciones que hagas en tu WordPress.
Yo soy partidario de esta segunda opción, ya que si un día cambiamos de theme (y tarde o temprano llegará ese día), no tendrás que andar copiando de una plantilla a otra este código, sino que siempre formará parte de tu WordPress, al igual que sucede con el resto de plugins.
add_action( 'add_attachment', 'dgv_imagenes_meta' );
function dgv_imagenes_meta( $post_ID ) {
// Comprobar si el archivo subido es una imagen
if ( wp_attachment_is_image( $post_ID ) ) {
$my_image_title = get_post( $post_ID )->post_title;
// Limpiar título: quitar guiones, barras bajas, espacios, etc:
$my_image_title = preg_replace( '%\s*[-_\s]+\s*%', ' ', $my_image_title );
// Capitalizar la primera letra de cada palabra (eliminar o comentar la líne de debajo si no queremos esa función):
$my_image_title = ucwords( strtolower( $my_image_title ) );
// Crear un array con las meta etiquetas de la imagen (Título, Descripción y Leyenda)
// Nota: comenta o descomenta las líneas que no necesites
$my_image_meta = array(
'ID' => $post_ID,
'post_title' => $my_image_title, // Aplicamos los cambios definidos para limpiar el título
//'post_excerpt' => $my_image_title, // Aplicamos el título en el campo de leyenda
//'post_content' => $my_image_title, // Aplicamos el título en el campo de descripción
);
// Definimos el título en la etiqueta Alt
update_post_meta( $post_ID, '_wp_attachment_image_alt', $my_image_title );
// Definimos el título en las etiquetas Title, Excerpt, Content.
wp_update_post( $my_image_meta );
}
}
Eso es todo. Ahora ya puedes automatizar las meta etiquetas de tus imágenes y ahorrar tiempo cuando subas tus imágenes a WordPress.
Si eres de los que prefiere evitar tocar el código, también hay un plugin que hace esto mismo, aunque te recomiendo evitar el uso de plugins para tareas tan sencillas en las que se puede evitar. Aún así, a continuación te explico como hacer esta misma tarea con un plugin y cómo aplicar el proceso a las imágenes que ya fueron subidas.
Cómo coger el título de las imágenes que ya están subidas en WordPress y ponerlo en las etiquetas Alt y Title (con plugin)
Este truco está muy bien pero solo te servirá para las imágenes nuevas que subas a la web, no para las antiguas que fueron subidas antes de implementar este código. Entonces, ¿qué pasa con esas imágenes?
Para hacer lo mismo en las imágenes existentes hay una forma aún más fácil para hacerlo y es a través de un plugin de «usar y tirar». Es decir, no tendrás que quedarte con el plugin instalado para siempre, sino que, podrás instalarlo, llevar a cabo esta tarea y después eliminarlo de tu instalación.
El plugin en cuestión es Auto Image Attributes From Filename With Bulk Updater y su funcionamiento es muy sencillo. Simplemente tienes que instalarlo, ir a la configuración del plugin, abrir la pestaña de «Bulk updater» y hacer click en el botón de «Run bulk updater«.
Simplemente haciendo eso, el plugin ya se encargará del resto y una vez finalice el proceso podrás eliminarlo.

Este mismo plugin, también te sirve para evitar tocar el código y establecer el título de la imagen como etiqueta Title y Alt. Para ello, simplemente tienes que ir a la configuración del plugin y elegir en qué campos exactamente quieres que se establezca por defecto el título de la imagen. Puede elegir los campos Alt, Leyenda, Descripción y Title.

Espero que te resulte útil este tutorial y nos vemos en el siguiente.
Deja una respuesta