17 PLUGINS para Optimizar IMÁGENES en WordPress

Antes de meterte de lleno en la comparativa entre los distintos formatos de imagen .PNG, .JPG, .GIF y .SVG, te sugiero que tengas algunos puntos claros. Para empezar, la diferencia entre Lossy (con pérdida) y Lossless (sin pérdida), unos términos que vas a leer mucho durante la guía y que no quiero que te bloqueen.

Es posible que hayas oído en más de una ocasión el término «modo de color» o directamente hayas escuchado modo RGB, modo CMYK o incluso modo LAB. ¿Es así?, ¿te suena, aunque sólo sea un poco?, ¿o es como si te estuviese hablando en chino? No te preocupes, porque no es algo vital, pero nunca está de más aprender términos nuevos. Por ello, es importante que conozcas la diferencia entre colores indexados y directos:

El nombre del archivo es un indicador del contenido de la imagen. Piensa que una imagen llamada «tarta-de-chocolate.jpg» probablemente muestre una tarta de chocolate. Para optimizar el nombre debes intentar ser corto y descriptivo, y no es necesario que incluyas tanta información como en la etiqueta Alt. Lo que no puedes hacer es llamar al archivo de una imagen «foto.jpg» sin más. Este nombre genérico no trae ningún beneficio en los buscadores. Para hacerlo más descriptivo, debes meter palabras clave que describan esa imagen. Así, mediante un nombre más específico, tendrás más posibilidades en los rankings de resultados. Un buen nombre de archivo se caracteriza por:

Es muy importante que tus imágenes estén rodeadas de texto, y que ese texto esté relacionado con el contenido de la imagen. Con esto me refiero al pie de foto o leyenda, pero también el texto que hay encima y bajo la imagen, encabezados y título de la página (en la medida de lo posible). Ten en cuenta que si el texto que envuelve la imagen no tiene nada que ver, la relevancia para el buscador será baja. Así que cuanto más estrecha sea la relación existente entre la imagen y el contexto en el que se encuentra, mejor.

Lo ideal es que el tamaño del archivo sea lo más pequeño posible. De esta forma las imágenes cargan rápido, y eso es algo que premian los buscadores. Pero el tamaño del archivo depende de 2 cosas:

Si quieres una imagen de grandes dimensiones en un archivo pequeño, la calidad se verá afectada. Y si lo que quieres es una imagen de gran calidad, tendrás que reducir las dimensiones. Este compromiso hace del JPG el formato de imagen ideal para los buscadores, aunque puedes utilizar PNG y GIF si sirven mejor a tus propósitos. De modo que a la hora de preparar tus imágenes:

Por otro lado, puedes utilizar Skitch o SnagIt para capturar, recortar y reescalar imágenes. Esta herramienta hace un buen trabajo manteniendo la calidad en las imágenes, y además permite añadir anotaciones, formas y dibujos. Otra herramienta interesante y gratuita para trabajar con imágenes es GIMP. Más abajo te ofrezco muchas más, sigue leyendo.

Exif, o Exchangeable image file format, es una especificación que permite incluir varios tipos de metadatos dentro del archivo de imagen. Entre estos datos se incluyen detalles específicos de la toma, como la exposición, apertura, distancia focal, e incluso las coordenadas geográficas. Adicionalmente, también incluye datos como:

Si bien los buscadores no utilizan los datos Exif como factor de peso actualmente, los datos sí que aparecen en las páginas donde se encuentran esas imágenes, lo que puede influir en la relevancia. Este el el caso de Flickr, como se comprueba aquí. Es posible editar algunos datos y añadir información relevante sobre la imagen mediante las propiedades del archivo en Windows (botón derecho). Aunque si de verdad quieres experimentar, es mejor que uses una herramienta avanzada. PhotoME es una opción gratuita.

Un atributo poco conocido para imágenes es la descripción larga o longdesc. Como su nombre indica, sirve para incluir una descripción más larga que la que se puede incluir en la etiqueta Alt. La sintaxis para la descripción larga es:

<img src=”https://ignaciosantiago.com/wp-content/uploads/2017/10/bancos-imagenes-gratis.jpg” alt=”Los mejores bancos de imágenes gratis” longdesc=”http://example.com/acerca-de-los-bancos-de-imagenes” />

Si te fijas, longdesc no incluye una descripción textual, sino la URL donde encontrarla. Ésta puede ser una página especialmente creada para incluir la descripción, o la propia página donde se incluye la imagen, pero eso no tiene mucho sentido. La verdad es que la descripción larga se utiliza muy poco o nada, pero he querido incluirla para que cuentes con toda la información posible.

Un aspecto esencial de la optimización de imágenes es la indexación. Las imágenes deben estar en el índice del buscador para aparecer en la búsqueda, pero si el buscador no encuentra tus archivos de imagen difícilmente podrá registrarlos. Hay una manera de aumentar las posibilidades de que tus imágenes sean indexadas, y es generando un sitemap específico para imágenes. Este archivo incluye la URL de cada imagen, pero también puede incorporar el título, la licencia y el pie de foto.

Te adelanto que esta táctica es precisamente la más efectiva. Si quieres mejorar la visibilidad de tus imágenes no hay nada más simple y directo que conseguir enlaces. Sí, enlaces. Y no sólo hacia la página que contiene la imagen, sino hacia el propio archivo de imagen. Además, si utilizas palabras clave en el texto de enlace (anchor text) puedes mejorar el posicionamiento para esas búsquedas. Aunque no debes abusar de ello para no despertar las sospechas de los buscadores.

Como habrás podido comprobar, existen multitud de complementos para optimizar las imágenes de tu instalación WordPress. De hecho, utilizar estos plugins te proporcionará beneficios destacados como, por ejemplo, la mejora de la velocidad de carga web, el ahorro del ancho de banda y del espacio web del hosting web y la mejora de la experiencia del usuario (ahora Google lo llama «experiencia en la página«). Todo ello influirá, a su vez, en el posicionamiento SEO que te permitirá ocupar una mejor posición en los buscadores y mejorar tus métricas notablemente.

¡Recuerda! Las imágenes (junto con el vídeo), la parte más visual y que más atrae. Pero esto no significa que la imagen que descargas de un banco de imágenes la tengas que poner en el tamaño en el que la descargas (normalmente enorme, por ejemplo, 5.000×2.100px). Esto unido a que la resolución media más popular sigue siendo (desde hace años) 1.366 x 768 píxeles (para ordenadores), y 320×480 y 800×480 (para móviles), deja claro que las imágenes nunca deben superar los 1.920 x 1.080 píxeles. En este paso, debes saber que, cuando subes una imagen a WordPress, este crea varios tamaños de la misma imagen que utilizara en distintos sitios de la web (eso es algo que debes revisar).

Como puedes observar, optimizar los archivos multimedia es más importante de lo que crees. Incluso cada vez más las agencias de marketing y los diseñadores web se preocupan por conseguir las medidas exactas de las imágenes para redes sociales. Si tuviera que recomendarte alguna herramienta para comprimir las imágenes mi elección sería ShortPixel Image Optimizer, Smush o Imagify. Solamente con un par de clicks puedes conseguir optimizar las imágenes a un determinado formato sin perdidas notables de calidad. De todas maneras, pruébalas unos días y, si se adaptan a tus necesidades, opta por un plan premium.

¿Qué te ha parecido este listado de los mejores plugins para optimizar imágenes en WordPress? ¿Conocías todos los complementos que te he mostrado para reducir el tamaño de tus imágenes y mejorar la velocidad de tu web? ¿Ya utilizas alguno y quieres contar tu experiencia? ¿Crees que me he dejado alguno? ¿Te has quedado con alguna duda o pregunta? Entonces te pido que dejes un comentario. Da igual que sea o una duda o un simple gracias, pero me alegraré mucho de leerlo y responderlo.