Cómo saber si tenemos que reducir peso a la imagen y atributo Alt SEO

Este plugin surge a raíz de ver cómo los usuarios, al subir contenidos, muchas veces no son conscientes de que la imagen que está subiendo es pesada, o le falta la etiqueta ALT (texto alternativo).

Dos parámetros a tener en cuenta a la hora de mejorar la experiencia de usuario son: el posicionamiento web y accesibilidad.

Bubuku ha desarrollado el plugin para WordPress «Bubuku Media Library» que facilita la localización de imágenes pesadas y la falta del atributo ALT.

Evita que tu WordPress vaya lento por Imágenes pesadas, tener imágenes de 30 MB, o más de 1.500 imágenes pesadas como en este caso. ¡¡¡Es una barbaridad!!!

Funcionalidades del plugin para WordPress

Tenemos tres colores para identificar fácilmente, de una forma visual ,las imágenes que se encuentran en los siguientes rangos.

1. Verde: A las imágenes de 100 Kb, o menos, se les asigna un estado de optimización BUENO.
2. Naranja: A las imágenes entre 100 Kb y 500 Kb les asignamos un estado de optimización MEDIO.
3. Rojo: Para imágenes de 500 K, o más, asignamos un estado de optimización MALO.

Filtrar imágenes con el atributo Alt vacío.

Mediante este filtro podemos ver fácilmente el número de imágenes de nuestra biblioteca de medios de WordPress que tienen el atributo Alt vacío.

Filtro para identificar las imágenes pesadas

Disponemos de un filtro para identificar las imágenes que hacen que se ralentice nuestra página.

Este filtro dispone de tres opciones: Imagen con un peso óptimo, peso medio y peso alto. También está disponible la opción de ordenar de menor a mayor, y de mayor a menor tamaño.

Herramientas online para optimizar imágenes

Una vez identificada la de mayor tamaño, podemos reducir la imagen con estas herramientas online antes de subirlas y optimizar las imágenes para reducir su tamaño.

• TinyPNG
• Squoosh
• Compressor
• ImageCompressor

Acción masiva para el cálculo del peso de la imagen

En el desarrollo del plugin para WordPress detectamos que WordPress no guarda el peso de la imagen al subirlas como lo hace con otros atributos como el alto, ancho y etiqueta alt. Al no guardarlo, si tienes imágenes ya subidas, no tiene ese dato y el filtro no las localizará. Tampoco la ordenación.

Así que nos pusimos manos a la obra e hicimos una acción por lotes (bulk) para calcular el peso a todas las imágenes seleccionadas, y no tener que ir una a una, que también se puede hacer de forma individual.

Informe del estado de la biblioteca de medios

Puedes recibir, si así lo deseas, un informe semanal en tu email para saber el estado de la biblioteca de medios de WordPress y mantener a raya las imágenes. Así puedes identificar más fácilmente el número de imágenes pesadas para optimizar, o aquellas sin el texto alternativo (ALT).

Cómo optimizar las imágenes en WordPress

Antes de optimizar las imágenes tienes que tener una imagen adecuada, que pese lo menos posible y tamaño adecuado. Una vez que tengas este paso ya pasarías a optimizarlas.

Una imagen pesada, por mucho que la optimices sigue siendo pesada, consumirá más recursos del servidor al realizar la optimización y ocupará más espacio en su disco duro.

Este plugin sirve de complemento a los diferentes plugin de optimización de imágenes. Puedes ver una lista que publico Max Camuñas «16 herramientas para optimizar imágenes en WordPress».

Próximas funcionalidades.

Tenemos pensadas varias funcionalidades interesantes, enfocadas a configuración, y notificaciones que iremos añadiendo si el tiempo disponible nos lo permite, aquí podéis descargar el plugin «Bubuku Media Library»

Cualquier idea de recomendación o funcionalidad es bienvenida.