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 tener bajo control el tamaño de las imágenes de la biblioteca de medios de WordPress. Informa al equipo de marketing, de un modo simple, si las imágenes son pesadas y si tienen vacías la etiqueta de texto alternativo (ALT).

Recuerda que la etiqueta ALT de las imágenes es importante para el SEO y la accesibilidad porque proporciona información sobre el contenido de la imagen a los motores de búsqueda y a los lectores de pantalla.

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!!!

Sitio real donde localizamos más de 1.500 imágenes pesas y mucha de ella de muchos MB.
Sitio real donde localizamos más de 1.500 imágenes pesas y mucha de ella de muchos MB.

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.
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.”

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.

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).

Informe del estado de la biblioteca de medios

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.