Editar el Texto alternativo de forma automática en imágenes de WordPress

por | wordpress | 0 Comentarios

Por defecto WordPress añade el nombre de la imagen que subimos al atributo «title», esto está bien pero a nivel de SEO es muy recomendable dar información sobre el texto alternativo («alt») también, de echo Google nos lo pide así, hay que darle nombres a los archivos con sentido y descripciones detalladas a las imágenes sobre su contenido, piensa que los robots de Google leen pero no ven y si no les ayudamos dando información, tampoco nos ayudaran a nosotros, y por lo tanto no nos va a incluir en sus búsquedas.

¿Que seria lo correcto cuando subamos una imagen en WordPress?

  • Primero que todo que el nombre del archivo no sea algo raro com 126543_thumb.jpg, esto para google no significa nada y por lo tanto no se indexara.Nadie va a buscar 126543_thumb en Google, no tiene sentido y con esto estamos perdiendo una oportunidad de ayudar en el SEO de nuestra web por medio de las imágenes.Debemos darle un nombre con sentido a nuestros archivos de imagen.Por ejemplo fijate lo que pasa cuando subimos una imagen asi , ademas el Titulo de la imagen se llamara Igual.

No crees que seria mejor si haces que tus imanes cobren sentido, renombra tus archivos de manera que describan lo que contienen, por ejemplo:

  • Como hemos comentado al principio el texto alternativo es muy importante para el SEO también. escribe cual es el propósito de la imagen, que contiene o una breve descripción.
  • Y por último y no menos importante, cuida el tamaño de tus archivos, es vital.Puedes leer nuestro articulo que tarta del tema.

Supongo que después de lo dicho te preguntaras…¿hay alguna forma de no tener que editar esto en cada imagen que subo?. Como no , en wordpress hay alternativas para todo y te explicare como puedes hacer que cuando subas tu imagen se edite directamente el texto alternativo con el mismo nombre del archivo ( El title no hace falta porque ya lo hace WordPress por defecto).

Cambia texto alternativo de forma automática con código.

Para ello solo te tienes que preocupar que el nombre del archivo esté correcto y describa la imagen brevemente teniendo en cuenta que los espacio se rellenará con barra media, por ejemplo: “fresas-con-chocolate-blanco.jpg” y tu title y texto alternativo quedarán como: “fresas con chocolate blanco”.

WordPress nos ofrece un filtro que podemos utilizar para esto y así hacerlo de forma automática ,  ‘wp_get_attachment_image_attributes’ es el encargado de este trabajo así que podemos utilizarlo en nuestro archivo functions.php del tema que utilicemos de la siguiente forma.

Añade este bloque de código al final del archivo functions.php

// Automatically set the image Title, Alt-Text, Caption & Description upon upload
function add_img_attr( $attr, $attachment = null ) {
    global $post;
    $img_title = trim( strip_tags( $attachment->post_title ) );
    $attr['title'] = $img_title;
    $attr['alt'] = $img_title;
    return $attr;
}
add_filter( 'wp_get_attachment_image_attributes','add_img_attr', 10, 2 );

¿Qué hace este código?. Básicamente lo que hace es copiar el title que ya nos crea por defecto WordPress en el texto alternativo.

Como hacerlo con plugins.

Como ya he comentado muchas veces, los plugins en wordpress hay que utilizarlos con moderación, y solo para lo que realmente no podemos hacer de otra manera. El uso de plugins tiene un coste en el peso de nuestra página y por consecuencia en la velocidad de carga y lo que supone a nivel experiencia de usuario y SEO.

No te voy a explicar com utilizar plugin para esto , pero si te daré una lista para que lo investigues tu y valores si merece la pena instalarlos o no.

  • PB SEO Friendly Images
  • Auto Image Attributes From Filename With Bulk Updater

Si quieres puedes ver este artículo de webempresa donde te explican un poco el funcionamiento de los plugins.

Conclusión:

No descuides tus imágenes y ayuda a google a que las tenga en cuenta.

Utiliza palabras clave relacionadas con tu título en el atributo alt (texto alternativo).