Atributo ALT: Automatización y SEO en WordPress

La optimización de imágenes es un aspecto crucial, pero a menudo ignorado, del SEO. Uno de los elementos más vitales para esta optimización es el «Atributo ALT». En este artículo, vamos a explorar la importancia del Atributo ALT y cómo puedes automatizar este atributo en particular para las imágenes destacadas en tu sitio de WordPress.

¿Qué es el Atributo ALT y Por Qué es Importante?

El «Atributo ALT» es una etiqueta HTML que se añade a las imágenes y proporciona una descripción textual de ellas. Este atributo cumple varios roles cruciales:

Accesibilidad

Ayuda a los lectores de pantalla a entender el contenido de la imagen, lo que es fundamental para la accesibilidad web.

SEO

El «Atributo ALT» es de suma importancia para los motores de búsqueda. Estos no pueden «ver» imágenes, pero sí pueden leer el Atributo ALT, lo que contribuye a mejorar tu ranking en los resultados de búsqueda.

Mejora la Experiencia del Usuario

Cuando una imagen no se carga correctamente, el texto del Atributo ALT se muestra en su lugar, ofreciendo contexto al usuario.

La Necesidad de Automatizar el Atributo ALT

Para uno de mis emprendimientos, necesitaba optimizar el Atributo ALT en múltiples imágenes destacadas ya existentes. Realizar esta tarea manualmente habría sido extremadamente tedioso. Por eso, busqué una solución para automatizar el Atributo ALT en WordPress.

Automatizando el Atributo ALT en Imágenes Destacadas de WordPress

Es vital aclarar que el siguiente código está diseñado específicamente para automatizar el Atributo ALT en las imágenes destacadas de WordPress.

Código para Automatizar el Atributo ALT en Imágenes Destacadas de WordPress

[gist https://gist.github.com/ctala/5245928294fd2df2599934cb5add6da7 /]

Desglose del Código

Este fragmento de código PHP se enfoca en automatizar el Atributo ALT para las imágenes destacadas de tus posts en WordPress.

1. Función auto_fill_alt_for_feature_image: Esta función se ejecuta cada vez que se muestra el contenido de un post. Se le pasa el contenido del post como parámetro ($content).
2. Variable Global $post: Utilizamos esta variable para acceder a la información del post actual.
3. get_post_thumbnail_id($post->ID): Esta función obtiene el ID de la imagen destacada del post actual.
4. get_post_meta(): Esta función se usa para obtener el texto actual en el atributo alt de la imagen destacada.
5. Condición if ('' == trim($alt)): Verificamos si el atributo alt está vacío.
6. get_the_title($post->ID): Obtenemos el título del post actual.
7. update_post_meta(): Esta función actualiza el valor del atributo alt con el título del post. Utilizamos sanitize_text_field() para asegurar que el texto es seguro para guardar.
8. return $content;: Finalmente, devolvemos el contenido del post sin cambios.
9. add_filter('the_content', 'auto_fill_alt_for_feature_image');: Esta línea añade un filtro que aplica nuestra función auto_fill_alt_for_feature_image al contenido de cada post.

Conclusión

Automatizar el Atributo ALT es más que un detalle; es un componente esencial tanto para la accesibilidad web como para el SEO. Esta automatización es especialmente efectiva para las imágenes destacadas en WordPress y puede tener un impacto significativo en el rendimiento de tu sitio.