¿Cómo optimizar las imágenes de mi web?

Contar con un buen posicionamiento en los principales motores de búsqueda resulta fundamental para conseguir más visitas en nuestra web. Por ello, hace un tiempo os contamos las claves para hacer un buen keyword research o como mejorar el SEO gracias al FAQpage Schema. Y hoy seguiremos por esa línea para que podáis continuar mejorando vuestro posicionamiento. Para ello es importante prestar atención a un aspecto en el que no repara todo el mundo: optimizar las imágenes que usemos en nuestra página web.

No importa si se trata de un blog, un ecommerce o cualquier otro tipo de sitio web, todos tienen lo mismo en común: cuentan con imágenes entre sus páginas. Y, aunque normalmente solo nos fijemos en si son bonitas o de la suficiente calidad, hay otros aspectos que también importan. Hasta el punto de que pueden proporcionarnos más visitas u ofrecernos un posicionamiento más relevante. Así que os contamos por qué deberíais optimizar vuestras imágenes y cómo hacerlo.

Por qué optimizar las imágenes de nuestra web

Sobre los motivos por los que deberías optimizar las imágenes de tu sitio web, estos son numerosos. Para hacerlo más sencillo de comprender, podemos resumirlo todo en tres grandes razones para hacerlo:

  • Navegación móvil: a día de hoy más de la mitad de las visitas a páginas en internet se realizan desde dispositivos móviles. Por ello, contar con imágenes optimizadas y de menor peso es algo a tener en cuenta. Sobre todo porque este porcentaje no hará más que subir.
  • Más velocidad: una web que funcione más lento de lo debido hará que los usuarios dejen de visitarla. Si nuestras imágenes no son pesadas, toda la carga será más rápida y la experiencia de usuario mucho mejor. Así, no harás desesperar a tus visitantes y evitarás que la tasa de rebote de tu web sea alta.
  • Posicionamiento SEO: otro factor tiene que ver con el SEO, ya que si nuestra web pesa poco podrá se rastreada más rápido por Google, lo que nos ayudará a posicionar mejor nuestra página.

¿Cómo optimizar las imágenes de la web?

Lo primero que deberíamos tener en cuenta a la hora de analizar las imágenes que utilizamos es su formato. Los más recomendados son el .PNG y el .JPG. Utilizaremos por norma general el formato PNG para todas las imágenes de nuestra página como logotipos e iconos. Mientras que el JPG quedará para las fotografías que queramos utilizar con un buen nivel de detalle y color.

Pero… ¿Cómo hacer que nuestras imágenes estén optimizadas? Si cuentas con el programa Adobe Photoshop, es bastante sencillo: tendremos que abrir nuestra imagen y seleccionar ‘guardar para web’. Tras ello, deberemos elegir el formato en el que exportar la imagen en cuestión. Podremos seleccionar la compresión a aplicar en nuestra imagen en caso de que sea en formato JPG. Y si es PNG, lo único que deberíamos tener en cuenta es seleccionar PNG-24, ya que cuenta con más colores que la otra opción, que es PNG-8.

Programas como Photoshop resultan muy útiles para optimizar de forma fácil y rápida las imágenes que queramos utilizar

Además de utilizar Adobe Photoshop para optimizar nuestras imágenes, existen otros programas con los que hacerlo. Algunos de los más recomendados son Gimp, Paint.net y FileOptimizer. Aunque otra posibilidad pasa por recurrir a la compresión y optimización automática de WordPrees. Para ello es necesario contar con Smash, un plugin que se ocupará de realizar todo el trabajo de optimización de imágenes. También pueden ayudarte otras herramientas como Google PageSpeed Insights o GTMetrix, que nos brindarán consejos para mejorar la velocidad de carga de nuestra web.