¿Alguna vez has subido una imagen a tu web con WordPress y te has dado cuenta de que olvidaste agregar el texto alternativo? O puede que no se te haya olvidado, simplemente te da mucha pereza agregarlo siempre.
¿Qué es el meta dato ALT de las imágenes?
El atributo alt o texto alternativo, es un atributo HTML que se utiliza para describir el contenido de una imagen. Este atributo es importante por varias razones:
- Accesibilidad: El meta dato ALT o texto alternativo de las imágenes es importante para la accesibilidad, ya que ayuda a los motores de búsqueda y a los usuarios con discapacidades visuales a entender el contenido de las imágenes en una página web. Los lectores de pantalla utilizan el texto alternativo para leer en voz alta el contenido de las imágenes a los usuarios con discapacidades visuales.
- SEO: Los motores de búsqueda utilizan el texto alternativo para entender el contenido de las imágenes y ayudar a determinar la relevancia de una página para una consulta de búsqueda. Un buen texto alternativo puede mejorar el SEO de tu sitio web y ayudarte a obtener un mejor posicionamiento en los resultados de búsqueda.
- Experiencia del usuario: Si una imagen no se carga correctamente en una página web, el texto alternativo se mostrará en su lugar para ayudar al usuario a entender el contenido que debería estar allí.
Por estas razones, es importante siempre agregar un texto alternativo descriptivo y útil a todas las imágenes en tu página web. Esto puede mejorar la accesibilidad, el SEO y la experiencia del usuario en tu sitio.
Sabiendo esto, veamos cómo podemos añadir automáticamente el texto alternativo de las imágenes en WordPress utilizando un simple fragmento de código, que funcionará cada vez que subamos una imagen:
Código para añadir automáticamente el ALT, la Leyenda y la Descripción a las imágenes
Con el siguiente código podrás añadir no solo el ALT de las imágenes de forma automática, sino también la Leyenda y la Descripción. Para personalizar automáticamente el texto alternativo de las imágenes en WordPress, puedes añadir el siguiente código a tu archivo functions.php:
add_action( 'add_attachment', 'establecer_meta_de_imagen_al_subir_imagen' );
function establecer_meta_de_imagen_al_subir_imagen( $post_ID ) {
// Comprueba si el archivo subido es una imagen, de lo contrario no haces nada
if ( wp_attachment_is_image( $post_ID ) ) {
$el_titulo_imagen = get_post( $post_ID )->post_title;
// Eliminar guiones bajos y espacios adicionales:
$el_titulo_imagen = preg_replace( '%\s*[_\s]+\s*%', ' ', $el_titulo_imagen );
// Poner en mayúscula la primera letra de cada palabra (otras letras en minúsculas)
$el_titulo_imagen = ucwords( strtolower( $el_titulo_imagen ) );
// Reemplazar guiones por " " espacio en blanco
$nuevo_valor = str_replace('-', ' ', $el_titulo_imagen);
// Crear Array con la meta de la imagen (Title, Caption, Description) para actualizar
// Note: Comentar / Eliminar las líneas de Excerp/Caption o Content/Description a continuación si no es necesario
$el_meta_imagen = array(
'ID' => $post_ID, // Especificar la imagen (ID) a actualizar
'post_title' => $nuevo_valor, // Establecer el título de la imagen
'post_excerpt' => $nuevo_valor, // Establecer la leyenda de la imagen (extracto)
'post_content' => $nuevo_valor, // Establecer la descripción de la imagen (contenido)
);
// Establecer el texto alternativo de la imagen
update_post_meta( $post_ID, '_wp_attachment_image_alt', $nuevo_valor );
// Establecer el meta de la imagen: Título, Leyenda, Contenido
wp_update_post( $el_meta_imagen );
}
}
Este código utiliza la acción add_attachment para ejecutarse cada vez que se carga una imagen en WordPress. Luego, comprueba si el archivo subido es una imagen y, si es así, obtiene el título de la imagen y lo procesa para eliminar guiones bajos y espacios adicionales. Después, reemplaza los guiones “-” por “ ” en el título de la imagen y actualiza la meta información de la imagen (título, descripción y texto alternativo) con el nuevo valor.
Con este simple fragmento de código, puedes personalizar automáticamente el texto alternativo de las imágenes en WordPress y asegurarte de que todas tus imágenes tengan un texto alternativo descriptivo y útil. Esto puede mejorar la accesibilidad y el SEO de tu sitio web y ahorrarte tiempo al subir imágenes.
