Volver a Proyectos Listado de Artículos

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

Luis Ruiz

Escrito por Luis Ruiz Actualizado el

Plugin para WordPress que informa al equipo de contenidos, de un modo simple, si las imágenes son pesadas y si tienen la etiqueta ALT.

Este plugin surge a raíz de ver cómo las personas que suben contenidos muchas veces no se dan cuenta 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.

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.
Información de tamaño de imagen y si tiene etiqueta alt.
En la columna señalada mostramos la información de tamaño de imagen y si tiene texto «alt». Además, es posible la ordenación por tamaño “de mayor a menor.”

Funcionalidades del plugin para WordPress

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 mejor las imágenes que tienen texto
Filtro para identificar mejor las imágenes que tienen o no, la etiqueta Alt.

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.

Filtro para identificar imágenes con tamaños mayores o menores.
Filtro para identificar imágenes con tamaños mayores o menores.

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.

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.

Acción masiva para el cálculo del tamaño de la imagen.
Acción masiva para el cálculo del tamaño de la imagen.

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.