Algo que dejamos un poco de lado son las imágenes que usamos en nuestro sitio web. Haces una búsqueda, seleccionas la que más te gusta, la subes a tu web y listo, ¿verdad? Pues en realidad estás perdiendo una oportunidad para mejorar el SEO de tu página y poder posicionarla mejor.
No sólo estás perdiendo la posibilidad de posicionar una imagen, también puedes estar empeorado la posición de la página que la contiene. Las imágenes son un elemento más que el navegador debe descargar, así que también afecta al rendimiento de la página.
¿Como mejorar el posicionamiento una imagen?
- El formato de la imagen es el primer paso. Utiliza los que reconocen los buscadores, generalmente serán JPG o PNG. También reconocen GIF, BMP pero no te los recomiendo.
- Utiliza un nombre de archivo descriptivo. Olvídate de subir fotos directamente de la cámara (o el móvil), IMG_1234.JPG no significa nada para Google.
- Pon siempre un texto alternativo. La etiqueta ALT es la gran olvidada del HTML y su papel es clave. Escribe un texto descriptivo pero no te pases de SPAMER.
- El tamaño importa, y mucho. Las imágenes deberían tener el tamaño (los pixels) con el que se van a mostrar en la web y no mayor. Si utilizas un tamaño más grande del que necesitas estás añadiendo trabajo al servidor, al navegador o a los dos.
- El peso (lo que ocupa en disco) tal vez sea lo que menos se tiene en cuenta. Sin embargo es muy importante para mejorar la velocidad de descarga de tu página web.
Herramienta para la optimización de imágenes
Seguro que conoces Photoshop como editor de imágenes, pero vamos a utilizar software gratuito que no está el horno para bollos. Además no necesitas tantas herramientas.
El programa que quiero presentarte es RIOT (Radical Image Optimization Tool) y lo puedes descargar aquí. Como podrás ver es muy sencillo y más que suficiente para nuestro propósito.
Lo primero que tienes que se observar al abrir una imagen es el tamaño y el peso. En este caso el tamaño es excesivo (2048×1536) y el peso intolerable (1.43Mb).
Ahora toca disminuir el tamaño. Sólo tienes más que ir al menu Edit, seleccionar Resample y ajustarlo al que te convenga.
Aunque el peso se reduce bastante (en este caso) siempre puedes ajustar más. Si modificas el valor de Quality podrás mejorar sustancialmente el peso de la imagen. Pero recuerda visualizarla a tamaño real para no perder mucha calidad.
Terminando
Como puedes ver en el ejemplo hemos pasado de una peso de 1.43 Mb a poco más de 41 Kb. Además no ha costado mucho esfuerzo para los beneficios que podemos obtener.
El uso de RIOT es bastante sencillo así que creo que con este post será suficiente, pero si necesitas más información o tienes alguna duda puedes preguntar en los comentarios.
Tienes más consejos SEO en la guía para PYMEs.