Optimizar las imágenes que utilizamos en una página web es obligatorio si queremos que la web cargue mucho más rápido.
Una página web o un blog que utilice imágenes muy pesadas probablemente sufra penalizaciones por ser demasiado lentas.
Y esas penalizaciones de Google se traducen en perdidas de posiciones en los resultados de búsquedas que hacen los posibles visitantes.
Si tu web es demasiado lenta, irá perdiendo visitas poco a poco y será adelantada en los resultados por otras webs más rápidas.
En este artículo te voy a dar algunos consejos para optimizar correctamente las imágenes de tu web.
¿Porqué es importante optimizar las imágenes para el SEO?
Uno de los factores que Google tiene más en cuenta a la hora de posicionar una página web es su velocidad de carga.
Es decir, el tiempo que tarda en estar totalmente visible desde que un visitante hace clic en el enlace de su buscador.
La velocidad de carga una web es importante ya que más de la mitad de las personas utilizan el móvil para acceder a ella.
Por ese motivo, en la mayoría de los casos, Google siempre tiene en cuenta la experiencia de navegación desde dispositivos móviles.
Es cuando adquiere verdadera importancia las mejoras WPO que se puedan hacer en una web para mejorar su velocidad.
La forma correcta de saber que aspectos debes mejorar en tu web para que cargue más rápido es haciendo un análisis.
Para analizar una página web existen herramientas online como Pingdom Tools, con la que obtendrás resultados muy completos.
Otras de las herramientas online que puedes utilizar para saber en que debe mejorar tu web es GTMetrix.
Esta es de mis preferidas ya que te indica, muy detalladamente los errores que debes solucionar para que tu web cargue más rápido.
Errores como el de Remove query strings from static resources, Specify a Vary: Accept-Encoding header o Leverage browser caching.
Que deberás intentar solucionar para optimizar tu web y que se posicione lo más alto posible en los buscadores.
En cuanto a las imágenes, debes saber que formato de imagen utilizar para tu web y que tamaño es el más correcto.
¿Que formato de imagen utilizar en una web?
Esta pregunta es muy fácil de responder.
Si quieres utilizar imágenes de gran calidad y que carguen muy rápido, lo ideal son fotografías en formato WebP.
Es un formato inventado por Google que se caracteriza por comprimir las fotos sin apenas perdida de calidad.
De esta manera, las fotos utilizadas en una web se cargan más rápido y Google estará encantado de que utilices su formato.
Pero por contra, el formato WebP no es compatible con todos los navegadores existentes, como por ejemplo Safari, el utilizado por Apple.
Si esto es un problema para ti, el formato JPG es el más utilizado por todas las webs, ya que puedes optimizarlo al máximo.
Además, te permite comprimir fotos con una perdida leve de calidad y es ideal para ilustrar tus publicaciones.
Cómo Optimizar las imágenes para la Web
Existen plugins para Wordpress para optimizar las imágenes de forma automática cuando las subes a tu web.
Son plugins que funcionan muy bien, pero debes tener en cuenta una cosa, el uso de muchos plugins también vuelve lenta una web.
Entonces, ¿Porqué utilizar plugins si se puede hacer de manera manual?
La respuesta es por comodidad, pero yo prefiero no cargar mis webs con plugins para tareas que puedo hacer en un pc.
Comprimir Imágenes JPG
Con el programa gratuito RIOT puedes comprimir y reducir el tamaño de imágenes casi sin perdida de calidad.
Es el método que yo utilizo actualmente con bastante éxito.
Simplemente basta con abrir el archivo JPG con el programa, seleccionar el porcentaje de compresión, marcar la opción de progresiva y listo.
Se obtiene un archivo JPG comprimido, de mucho menos tamaño que el original y que cargará más rápido.
Comprimir Imágenes PNG
Este formato de imagen se suele utilizar en plantillas y avatares.
Yo para este tipo de formato utilizo la web TinyPNG que me permite subir una imagen PNG y reducirla online para que pese menos.
Transformar imagen a WebP
Si te has decido a utilizar en tu web el formato WebP, la mejor opción para pasar de JPG a WebP es utilizar servicios online.
Un método para hacerlo es a través de la web Ezgif.com que te permite transformar de WebP a JPG y al revés.
¿Qué Tamaño de fotos Utilizar en una Web?
Si el peso de una imagen influye en los tiempos de carga de una web, también influye el tamaño de esas imágenes.
Una de las mejoras SEO que se pueden hacer en una web es adaptar el tamaño de una fotografía al que realmente se necesita.
Para que quieres una fotografía de 1980×1080 pixeles y como máximo en tu web de utilizan tamaños de 640×480 pixeles.
Por lo tanto, debes determinar cual es el tamaño máximo de fotografías que utiliza tu web y ajustar esas medidas.
Existen páginas web para redimensionar imágenes online y también existen programas como Imagen Resizer.
Como ejemplo, en esta web yo subo todas las fotografías a tamaño 1200×675 pixeles, el tamaño mínimo aceptado por las webs en AMP.
Después, dentro de los ajustes de medios en Wordpress tengo configurados otros 2 tamaños.
En el tamaño mediano tengo configurado el necesarios para mostrar las imágenes en portada y archivos.
Y en tamaño pequeño lo tengo configurado con la medidas necesarias para las imágenes en móviles.
Al subir una imagen, el propio Wordpress se encarga de crear copias en los tamaños establecidos.
Así, las fotografías será mostrada en el tamaño más apropiado al dispositivo desde donde se visite la web, ganando en velocidad.
¿Porqué guardar una imagen de forma progresiva?
Guardando una imagen de forma progresiva logramos que se vaya mostrando a distintas calidades a medida que la web va cargando.
Así no tenemos que esperar a que cargue completamente la imagen para poder acceder a una web.
La imagen irá cargando de forma progresiva a medida que la propia web va cargando en cualquier dispositivo.
Esto se consigue con programas como Riot, que puede guardar las fotos en forma progresiva o con plugins de carga diferida de imágenes.
Por lo general, los plugins de caché incorporan funciones para diferir la carga de fotografías.
Como WP Rocket, que dispone de opción de LazyLoad que te permite mejorar el tiempo de carga de una web.
Ya que las imágenes no se cargan desde el inicio, sino cuando estemos apunto de visualizarlas.
Optimizar las imágenes directamente en el servidor web
Hay servicios de alojamiento web que disponen de herramientas para reducir el tamaño de las fotografías almacenadas en nuestra cuenta.
Uno de esos servidores que ofrecen esta función es Webempresa, que se dedica por completo a alojar web en Wordpress y Oscomerce.
Dentro del panel de control, los usuarios disponen de un asistente virtual llamado Stephan que puede analizar tus webs y comprimir fotos.
Tan solo hay que acceder al asistente, seleccionar tu web asociada y hacer clic en la opción de optimizar fotografías con IMGOptimizer.
El sistema se encargará de optimizar todas las fotografías de tu web para que ocupen menos espacio sin apenas perdida de calidad.
Reduciendo el tamaño de los JPG de una Web, comprimiendo los JPG y los PNG o redimensionando el tamaño podemos ganar unos segundos.
Nuestra web cargará más rápido y eso favorecerá el posicionamiento de la web en los buscadores.
Muchas personas no le dan la importancia que merecen las imágenes de una web, pero es uno de los aspectos SEO más importantes.
