Generalmente nos enfocamos en mejorar el posicionamiento SEO mediante los textos de las páginas, las URL, etiquetas META y muchas veces pasamos por alto las posibilidades de alcanzar impactos gracias a las imágenes de los sitios web, principalmente de los productos publicados en la tienda online. En este post queremos acercarte una serie de recomendaciones útiles para mejorar el SEO de las imágenes en tu tienda online, con los que llegar todavía un poquito más lejos en lo que respecta al posicionamiento orgánico en buscadores.
Por qué hacer SEO de imágenes
Si todavía no tienes claro por qué es importante el SEO para imágenes podemos darte algunos argumentos.
- Las búsquedas de imágenes representan un total superior al 20% del uso de Google
- Los usuarios de Google hacen clic con más frecuencia en los enlaces que vienen acompañados de imágenes. Si haces SEO para imágenes no podemos asegurarte que aparezcan en los resultados de las páginas de tu sitio, pero sí será mucho más probable que ocurra
- Si no te preocupas por tus imágenes caerá la conversión de ventas en tu sitio. Los consejos de SEO para imágenes incluyen su optimización
- Cualquier mejora en tu sitio es positiva, incluso aunque solo sea para mejorar la experiencia de usuario. Por ello, nunca está de más tomar en consideración las imágenes de tu sitio
Especialmente en los sitios de comercio electrónico las imágenes son importantes porque nos ayudan sensiblemente a comunicar visualmente las características de los productos, por lo que es importante usarlas y, además, usarlas bien!
Lo más básico para mejorar la indexación de las imágenes
Comencemos por aquellas mejoras básicas para el SEO de imágenes, pero no por ello menos importantes, ya que las cosas más sencillas habitualmente son las que mayores oportunidades de mejora nos ofrecen.
Usar atributos alt
Muy importante! lo llevamos diciendo décadas! los atributos alt de las etiquetas <img> son esenciales para el SEO, de tu propio contenido y, por supuesto, de las imágenes como tal.
Los atributos alt deberían tener algunas características:
- ¡¡¡ Existir !!!
- No ser demasiado cortos ni demasiado largos. Aunque en este caso es preferible ser escuetos que pasarse con la cantidad de texto.
- Incluir lenguaje natural, que describa verdaderamente el contenido de las imágenes
Recuerda que <img> tiene el atributo alt, pero los <svg> podrían albergar una etiqueta title.
<svg aria-labelledby="mititulo1"> <title id="mititulo1">Vinilo para puerta de Pokemon</title> </svg>
Usar también el atributo title
El atributo title de las etiquetas <img> también puede agregar información por la que queramos ser indexados, tanto la página en general como las imágenes en particular.
Este título aparecerá cuando el usuario deje el ratón sobre la imágen y Google Images lo usará para ofrecer mayor texto relacionado con la imagen que muestre entre los resultados de las búsquedas.
No uses imágenes en CSS que desees indexar
No esperes que las imágenes incluidas mediante reglas de CSS se incluyan entre los resultados de las imágenes de Google. Por ello, si quieres que se indexen, usa etiquetas <img>.
En pocas palabras, no hagas esto:
<div style="background-image:url(no-se-idexara.png)">Marco de fotos</div>
Usa imágenes originales
Ya sabes que a Google le gusta el contenido original, por lo que siempre es ideal que el contenido de tu sitio sea totalmente personalizado.
Sabemos que en las tiendas online no es siempre posible usar imágenes originales para los productos, pero si tuvieras la oportunidad de usar imágenes propias siempre es más positivo que usar las que te ofrece tu proveedor.
Vigila el peso de las imágenes
No sirve de nada colocar muchas imágenes y muy bonitas si la web no termina de cargar. Sí que es importante que las imágenes tengan calidad y luzcan bien, pero es ideal que prestes la debida atención para reducir el peso todo lo posible.
Puedes simplemente ajustar la calidad de los jpg, o reducir la paleta en archivos png o gif, todo ello con tu programa de gráficos habitual. Pero también puedes usar herramientas de optimización de las imágenes que generalmente consiguen un equilibrio mejor entre la calidad y el peso.
SEO para imágenes avanzado
Ahora vamos a ofrecer algunos consejos menos básicos. Quizás sea un poco pretencioso llamarlos avanzados, porque no requieren ningún conocimiento en especial, simplemente un poco de cuidado y mayor trabajo.
Ofrece imágenes adaptables
Lo que llamamos generalmente imágenes «responsive» es importante para mejorar la experiencia de usuario en nuestra web. Google toma en consideración la experiencia de usuario para posicionar los resultados, por lo que este factor será relevante no solo para las imágenes sino también para la optimización general del sitio.
Las imágenes responsive las consigues con el atributo srcset de las etiquetas <img>, que ofrecen alternativas de archivos, además del atributo src que sería el archivo predeterminado.
También puedes optar por usar la etiqueta <picture>, que todavía mejora un poco la claridad del código. En este caso no te olvides nunca de colocar la imágen predeterminada dentro de <picture> para asegurarte que los navegadores que no entiendan esa etiqueta sepan qué imagen se debe renderizar.
<picture> <source srcset="catan-alta-calidad.jpg" media="(min-width: 800px)"> <img src="catan-calidad-normal.jpg" alt="Juego de mesa Catan"> </picture>
Incluye datos estructurados
Este punto es básico para que Google saque mayor partido a tus imágenes, sabiendo qué función realizan en cada ocasión.
Google Imágenes admite datos estructurados que incluyen la posibilidad de indicar que es una imagen de producto, lo que resulta especialmente indicado para las tiendas online.
Crea un sitemap de imágenes
Igual que puedes tener un sitemap de los productos de tu comercio electrónico, es muy adecuado que incluyas también el sitemap de las imágenes, ya que ayudará a Google a tener una idea global sobre qué archivos gráficos se incluyen en tu tienda online. Esto es algo ideal sobre todo cuando tienes imágenes que no siempre se ven en el sitio o que requieren comportamientos dinámicos para su visualización, como por ejemplo una carga de contenido cuando el usuario hace scroll o se activa una interfaz de usuario.
La mayoría de los CMS tienen plugins para generar los sitemaps de las imágenes, por lo que generalmente simplemente tendrás que incluir el plugin pertinente y configurarlo adecuadamente.