Tu hogar de recursos

Encuentra plantillas web, plugins y más …

Cómo añadir automáticamente el título, descripción, leyenda y texto ALT a las imágenes @ Ayuda WordPress


Una de las tareas orientadas a SEO más tediosas es etiquetar adecuadamente las imágenes con los atributos habituales de title, alt, description y caption, de manera que tengan unos títulos y etiquetados semánticos, que ayuden a buscadores y usuarios a indexarlas correctamente.

¿Debo etiquetar automáticamente las imágenes?

Cuando tienes un blog pequeñito, o con pocas publicaciones, no hay excusas para no etiquetar manualmente y del modo más correcto las imágenes, pero hay otras situaciones, como una web de noticias o un portal con muchos redactores, en que es tarea casi imposible conseguir que el personal etiquete las imágenes, y casi nunca te puedes permitir una persona adicional para esta tarea en exclusiva, y que encima lo haga bien.

Por eso hoy quiero compartir contigo el modo de automatizar algunas de estas tareas de etiquetado de imágenes, pero antes, un descargo de responsabilidad…

En el SEO toda automatización puede perjudicar en vez de mejorar tu posicionamiento. Lo mejor siempre es personalizar cada acción estratégica de SEO, y mejor si te asesora un profesional. Si por seguir algunos de los trucos de esta publicación empeora el SEO de alguna publicación o web no vengas luego a reclamar, que estabas sobre aviso.

Dicho lo cual, y siendo consciente de que se puede llegar a un buen equilibrio entre automatización y personalización, vamos a ver maneras de automatizar el etiquetado para SEO de las imágenes en WordPress.

Cómo automatizar el etiquetado automático de imágenes en WordPress

Hay varias maneras de abordar la tarea de automatizar el etiquetado SEO de imágenes en WordPress, y como hay gente para todos los gustos vamos a ver varios modos de conseguirlo.

Plugins SEO genéricos

Cada vez más, los plugins de SEO ofrecen la posibilidad de añadir etiquetado automático a las imágenes de las publicaciones, para facilitar el posicionamiento dentro de unos límites razonables.

Hay algunos plugins que no incluyen ninguna optimización posible con la que automatiza el etiquetado, ni siquiera en su versión premium, como Yoast SEO, que se limita a avisarte cuando faltan, desde su analizador SEO, pero otros, como Rank Math, All in one SEO o SEOPress sí incluyen esta funcionalidad, de distinta forma.

All in one SEO solo incluye esta posibilidad en su versión de pago, permitiendo añadir automáticamente los atributos ALT y title a las publicaciones utilizando un método de formato o etiquetas, igual que con el resto de títulos automáticos, pudiendo predefinir cómo se crearán los title, alt y leyenda de las imágenes, a partir de unas tags internas.

Lo mejor de este método es que funciona igual que con el etiquetado automático de títulos de publicaciones, lo peor es que solo está disponible en la versión de pago del plugin.

Por su parte, Rank Math SEO incluye en su versión gratuita la opción de añadir automáticamente los atributos alt y title, y al igual que con All in one SEO, usando el etiquetado interno del plugin, lo que le ofrece una gran flexibilidad.

ajustes seo imagenes rank mathajustes seo imagenes rank math

Para finalizar, si utilizas SEOPress, en su versión gratuita tiene una página de ajustes de SEO de imágenes muy completa, en la que puedes añadir atributos automáticamente,  pero utilizando una estrategia diferente, más manual quizás, ¿mejor?, no sé, tú decides.

seo imagenes seopressseo imagenes seopress

Puedes automatizar totalmente añadir los atributos alt, title, pero también la leyenda y la descripción, pero en este caso a partir del nombre del archivo, lo que te fuerza, te obliga de algún modo, a tomarte un poco en serio el denominar a tus archivos de imagen de un modo descriptivo.

Para que lo veas más claro, si subes una imagen cuyo nombre de archivo es DSW-12345-LT.jpg, como sale de la cámara o móvil, el plugin convertirá eso a un título, alt, descripción, etc. como «DSW 12345 LT», eliminando guiones, signos de puntuación y la extensión del archivo, pero no se inventa el título o alt.

Por el contrario, si tu archivo se llamaba foto-caballo-andaluz-blanco-saltando.jpg, el plugin creará los title, alt y demás como «Foto caballo andaluz blanco saltando».

SEOPress tiene, además una opción que te permite aplicar un puntito más de personalización, y es usar la palabra o frase clave objetivo que hayas definido para la publicación como atributo ALT de las imágenes, así los ALT están totalmente alineados con el objetivo de SEO del escrito.

¿Que plugin es mejor?, pues en principio Rank Math y SEOPress, que son gratis, eso está claro, y a partir de ahí valora por tu cuenta qué método encaja más con tu modo de trabajar el SEO de imágenes, y qué plugin te ofrece las funcionalidades más completas o interesantes para ti.

Plugins SEO específicos

Además de las funcionalidades de los plugins SEO generalistas, también hay algunos plugins cuyo único objetivo es la optimización SEO de imágenes.

Pero sobre todo, como podrás imaginar, cada vez hay más plugins que ofrecen algún tipo de integración con las más populares inteligencias artificiales a la hora de añadir automatizaciones, y en el tema de los atributos de imagen no son la excepción, sino casi la regla, porque hay un montón.

De todos ellos, los que más instalaciones tienen son Alt Text AI y AI for SEO.

Alt Text AI se limita a ofrecer añadir automáticamente el atributo alt a las imágenes que subes, analizándolas mediante la API de ChatGPT, y no se le da mal, sobre todo para las descripciones. También tiene una herramienta desde la que añadir los atributos alt a las imágenes que ya estuviesen en la biblioteca de medios.

Por su parte, AI for SEO abarca más atributos, pudiendo automatizar la creación de title, alt, leyenda y descripción.

Un detallazo es que ofrecen 5 créditos diarios gratuitos diarios para poder generar atributos sin gastar mucho dinero, que te recuerdo que las APIs de las IAs no son gratis.

ai for seoai for seo

Saliendo de los plugins de inteligencia artificial, que bajo la apariencia de gratuitos en realidad son de pago, pues como te decía el uso de las APIs de las inteligencias artificiales no es gratis, hay algún plugin que también te ayudará en el etiquetado de atributos SEO de imágenes de manera automática, como Bulk Auto Image Alt Text.

Este plugin inicialmente tenía como objetivo añadir esta funcionalidad a Yoast SEO pero actualmente se compagina con muchos otros plugins, maquetadores, o el mismo editor. Lo que hace es permitirte añadir el atributo ALT a tus imágenes a partir de la frase clave objetivo de Yoast o Rank Math, y en su versión de pago también a partir de títulos de páginas/artículos/productos.

Lo mejor es que el proceso es totalmente automático una vez lo configuras, la pena es que no permita hacerlo gratis nada más que en entradas y páginas, no en productos u otros tipos de contenido.

Códigos personalizados

La «otra» manera de conseguir este objetivo, por si se te había olvidado, es usar códigos, esas fantásticas funciones de WordPress, en las que están basadas los plugins, pero adaptadas expresamente para tu uso concreto y especializado.

Aquí tienes algunos que he utilizado en webs de clientes con gran resultado.

Automatizar que el título de la publicación sea el texto ALT de la imagen destacada

Tengo un par de códigos para este objetivo, pues es casi de los que más he utilizado, pues en la mayoría de las ocasiones la decisión no ha sido automatizar los atributos de todas las imágenes de una publicación, por cuestiones semánticas y de accesibilidad, pero sí la imagen destacada, pues casi siempre tiene mucho que ver con el título de la publicación ¿verdad?

Esto hace que sea una de la automatizaciones más lógicas y que, casi con seguridad, no desencajará semánticamente.

El código que más utilizo es este:

/* Poner el titulo de la entrada como texto alt de la imagen destacada */
function ayudawp_titulo_en_alt_imagen_destacada($metadata, $object_id, $meta_key, $single) {
if(isset($meta_key) && $meta_key == '_wp_attachment_image_alt'
&& get_post_thumbnail_id() == $object_id
&& $single === true
){
$original_value = get_post_meta(
$object_id, '_wp_attachment_image_alt', false
);
if(empty($original_value)){
return get_the_title();
}
}
return $metadata;
}
add_filter('get_post_metadata', 'ayudawp_titulo_en_alt_imagen_destacada', 10, 4);

Funciona siempre, con todos los temas, y añade el título de la entrada como texto ALT de la imagen destacada sin fallar nunca.

En ocasiones, raras, utilizo este otro código, para conseguir lo mismo:

/* Reemplazar atributo ALT con titulo de la entrada */
add_filter( 'post_thumbnail_html', 'ayudawp_cambiar_alt_destacada_titulo', 10, 5 );
function ayudawp_cambiar_alt_destacada_titulo( $html, $post_id, $post_thumbnail_id, $size, $attr ) {
$post_title = get_the_title();
$html = preg_replace( '/(alt=")(.*?)(")/i', '$1'.esc_attr( $post_title ).'$3', $html );
return $html;
}

Funciona igual, funciona bien, pero no me gusta porque hace una sustitución en tiempo real, en cada pintado de página, así que no es compatible con caché, pero esto a veces es una virtud en vez de un problema, así que no lo descartes enseguida y guárdalo con cariño también.

Automatizar que el nombre del archivo sea el atributo, title, ALT, leyenda y descripción de la imagen

Si abordamos la estrategia del plugin SEOPress que vimos antes, con este código puedes hacer lo mismo, sin necesidad de plugins, solo tiene un requisito: que pongas un nombre descriptivo a tus archivos de imagen antes de subirlos. A partir de ahí el código lo hace todo…

/* Automatizar atributos alt, title, leyenda y description al subir imagenes */
add_action( 'add_attachment', 'ayudawp_atributos_imagen_auto' );
function ayudawp_atributos_imagen_auto( $post_ID ) {
// Comprobamos si el archivo subido es imagen, sino no hacemos nada
if ( wp_attachment_is_image( $post_ID ) ) {
$my_image_title = get_post( $post_ID )->post_title;
// Saneamos el nombre de archivo:  quitamos guiones, guiones bajos, espacios, subrayados, etc
$my_image_title = preg_replace( '%\s*[-_\s]+\s*%', ' ',  $my_image_title );
// Capitalizamos la primera letra de cada palabra, si quieres, sino borra la siguiente linea o comentala como esta
$my_image_title = ucwords( strtolower( $my_image_title ) );
// Creamos un array con los datos meta de imagen para actualizarlos
// Nota:  comenta el extracto/leyenda/contenido/descripcion o lo que sea si no lo necesitas
$my_image_meta = array(
'ID' => $post_ID, // Specify the image (ID) to be updated
'post_title' => $my_image_title, // Convertimos el nombre de archivo saneado en el titulo
'post_excerpt' => $my_image_title, // Convertimos el nombre de archivo saneado en la leyenda
'post_content' => $my_image_title, // Convertimos el nombre de archivo saneado en la descripcion
);
// Creamos el texto ALT
update_post_meta( $post_ID, '_wp_attachment_image_alt', $my_image_title );
// Creamos los meta de la imagen: titulo, extracto, contenido
wp_update_post( $my_image_meta );
} 
}

Como ves, por opciones que no quede, y todas funcionan. Ahora a ti te toca elegir.

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!



Fuente Original:

Compartir: