Dentro de las acciones que debemos llevar a cabo para mejorar el SEO o posicionamiento de una web o e-commerce está la optimización de las imágenes.
¿Pero qué entendemos por optimizar una imagen dentro del SEO?
Lo primero que se nos viene a la cabeza es reducir su peso, es decir, evitar que las imágenes tengan un tamaño excesivo que dificulte y ralentice la carga de la web.
Para ello existen multitud de programas, aplicaciones y plugins que nos ayudarán en esta tarea tediosa de compresión y redimensión de imágenes. Sin embargo, esto es solo una parte de las acciones que debemos implementar en cuanto al SEO para imágenes.
De esto y mucho más hablaré en este post, pero antes haré una pequeña introducción sobre la importancia del SEO en la optimización de imágenes.
Contenidos del post
¿Por qué es importante el SEO para imágenes?
La búsqueda de palabras clave en Google no se limita al texto. El usuario se siente más atraído por las imágenes porque le ayudan a entender con facilidad el texto escrito resultado de la búsqueda.
Cada vez se realizan más búsquedas de productos por imágenes y, de hecho, ya se sitúan por encima de otras búsquedas en las SERP’s. Esto está generando más tráfico hacia los sitios web que sí tienen optimizadas sus imágenes, dándoles una seria ventaja frente al resto.
Un claro ejemplo son las búsquedas de productos, por ejemplo “botas burdeos”. Vemos claramente que la SERP general ya incluye en primer lugar las imágenes, por encima del resto de resultados.
El SEO para imágenes es fundamental si queremos que nuestra estrategia de posicionamiento de una web o e-commerce tenga éxito. De nada sirve optimizar textos, title, metadescription, … si nuestras imágenes pasan desapercibidas a los ojos de Google.
Esta es otra razón por la que tenemos que dar importancia a las imágenes. Google no ve, Google rastrea. Aunque su IA va mejorando, de momento, lo único que puede ayudar a Google a entender las imágenes de un sitio es el nombre de sus archivos y sus atributos ALT. Por tanto, si queremos estar en los primeros resultados tendremos que ponérselo fácil a nuestro amigo Google.
Consejos SEO para optimizar las imágenes de tu web o e-commerce:
1. Utiliza imágenes de buena calidad con formato admitido:
Una imagen de buena calidad siempre será más atractiva para los usuarios. Si quieres atraer tráfico hacia tu web, evita imágenes borrosas o pixeladas.
Procura que tus imágenes sean de alguno de los formatos admitidos por Google: BMP, GIF, JPEG, PNG, WebP y SVG.
2. Nombra adecuadamente los archivos de imágenes:
Para facilitar el rastreo de Google, las imágenes deben estar nombradas correctamente.
El nombre de archivo de la imagen debe describir la misma tal y como se muestra. Olvídate de archivos tipo DCI0320.jpg.
Por ejemplo, un nombre de archivo como botas-altas-burdeos.jpg será mucho más adecuado que un nombre genérico, ya que describe inequívocamente lo que muestra la imagen: en este caso unas “botas altas burdeos”.
Puedes usar guiones para separar las palabras, pero no guiones bajos.
Además, ten en cuenta que la imagen debe mostrarse cerca del texto con el que está relacionada para entender la temática de la página en todo su conjunto.
3. Redimensiona y comprime los archivos de imágenes:
Hoy en día disponemos de cámaras fotográficas y smartphones que capturan fotos con una resolución muy alta. En realidad, aunque la calidad sea excepcional, estas imágenes no tienen la resolución óptima para ser usadas en nuestra web.
Para entendernos, una resolución de 3024X2881 px de una imagen tomada por un smartphone de última generación es demasiado alta para una web que como mucho mostrará 600 píxeles.
A mayor resolución mayor peso. Y ya sabemos cómo afecta esto a sus tiempos de carga y a la experiencia de usuario.
Por regla general, el tamaño óptimo de cualquiera de nuestras imágenes debe estar por debajo de 150 kb. El formato JPG, aunque puede perder calidad, es el que menos tamaño tiene y también el más utilizado en las webs.
En definitiva, primero redimensiona tus imágenes hasta conseguir una resolución óptima para mostrarlas en tu web.
Si, después de esto, la imagen sigue pesando más de los 150kb aconsejados, comprímela para reducir su tamaño en kb.
Para ambas acciones te recomiendo programas como Photoshop (de pago), Canva (de pago en su versión pro) y Gimp (gratuito) que te permitirán redimensionar y comprimir imágenes sin perder mucha calidad.
También hay otras aplicaciones online como IloveImg, con la que trabajo habitualmente, que es muy intuitiva y fácil de usar. Os la recomiendo 100%.
Por último, existen plugins específicos para WordPress o Shopify que optimizan de forma muy sencilla todas las imágenes de tu sitio.
4. Agregar atributos ALT a las imágenes:
El atributo ALT es el texto que describe una imagen. Inicialmente, se introdujo este atributo para ayudar a las personas con discapacidad visual a mejorar su accesibilidad y entender la temática de la página.
Cómo he explicado anteriormente, los atributos ALT nos ayudan a mejorar el SEO de nuestro sitio web o e-commerce. Para aprender más sobre como agregar estos atributos a las imágenes, aquí tienes este post donde hablo ampliamente sobre ello.
¿Pero qué requisitos debe cumplir el texto ALT?
- describir claramente lo que muestra la imagen:
Siguiendo con el ejemplo anterior: si la imagen muestra unas botas altas burdeos de mujer, su texto ALT debería ser “botas altas burdeos mujer”
Su código html sería:
- evitar el exceso de palabras clave o keyword stuffing:
Un error muy común es incluir multitud de palabras clave sin sentido en la etiqueta ALT. Lo único que puedes conseguir es que se considere spam. Un ALT text incorrecto sería algo como este:
- debe ser un texto único para cada una de las imágenes que tengamos en la misma página
5. Implementa la carga diferida o lazy loading de imágenes:
Las imágenes son totalmente necesarias para que la experiencia del usuario sea óptima. Por ello no podemos prescindir de ellas. Sin embargo, sabemos que una página con muchas imágenes provocará un aumento considerable de su velocidad de carga.
Para evitar este problema existe la carga diferida o lazy loading de imágenes. Esto consiste en la carga de los archivos de imágenes sólo cuando se necesitan. Es decir, los archivos de imágenes se van cargando conforme el usuario se desplaza por la página en cuestión.
Google recomienda el uso de la carga diferida o lazy loading para páginas largas, ya que mejora de forma notable su rendimiento.
Es fácil aplicar esta carga diferida con multitud de plugins para WordPress y aplicaciones de otros CMS como Shopify.
Hasta aquí mis consejos SEO para optimizar las imágenes de tu web o e-commerce. Espero te sirvan de ayuda.
Si conoces algún otro tip, déjamelo en comentarios.
Suscríbete a mi newsletter para estar al día de las últimas noticias sobre Marketing Digital 👇👇.
