Las imágenes juegan un papel fundamental en todo tipo de sitios web, ayudando a mantener la atención del lector en el contenido y ofreciendo información adicional en formato visual al texto que acompaña. No solo los usuarios hacen uso de nuestras imágenes, sino que los diferentes motores de búsqueda también las aprovechan.
Centrándonos únicamente en los motores de búsqueda como Google, las imágenes disponen de su propio apartado dentro de la página de resultados e incluso cuentan con su propio algoritmo, por lo que optimizar las imágenes pensando en el SEO es realmente importante, especialmente si este formato es relevante para el tipo de contenido que ofrece tu sitio web.
Contenidos
¿Qué es el SEO de imágenes?
El SEO de imágenes se refiere al proceso de optimización de las imágenes de un sitio web para ayudar a los motores de búsqueda a comprenderlas e indexarlas correctamente.
Esto incluye varias técnicas como el uso de imágenes adaptables a diferentes tamaños de pantalla, la inclusión de texto alternativo relevante, o la implementación de datos estructurados, entre otros. De este modo, las imágenes pueden contribuir a la estrategia general de SEO de tu sitio, ayudando a que el contenido se posicione mejor en los resultados de los motores de búsqueda.
¿Por qué es importante optimizar las imágenes para SEO?
Optimizar las imágenes para SEO es importante por varias razones. En primer lugar, mejora la experiencia del usuario al garantizar tiempos de carga más rápidos y una mejor accesibilidad. Las imágenes correctamente optimizadas garantizan que los usuarios tengan una interacción fluida con tu sitio web, lo que puede conducir a una mayor interacción y a tasas de rebote más bajas.
En segundo lugar, los motores de búsqueda como Google utilizan imágenes en los resultados de búsqueda. Si optimizas tus imágenes, aumentarán las posibilidades de aparecer en estas búsquedas específicas de imágenes, lo que atraerá más tráfico a la web.
Consejos para optimizar las imágenes de tu sitio web
A la hora de optimizar las imágenes de nuestro sitio web, es importante comprender como rastrean los motores de búsqueda el contenido para descubrir las imágenes y darles contexto.
En este sentido, Google utiliza diferentes señales de la página para comprender de que trata una imagen. Así pues, el texto que rodea a la imagen, el nombre del archivo, el texto alternativo o la temática de la página le permiten comprender el contexto de las diferentes imágenes y entender su contenido.
Teniendo todos estos factores en cuenta, vamos a ver algunos consejos que nos permitirán optimizar las imágenes del sitio web para que los diferentes motores de búsqueda las comprendan más fácilmente:
1. Utiliza imágenes de originales y de buena calidad
Google lleva mucho tiempo recalcando la importancia del contenido original en el sitio web y, en este sentido, no hay que olvidarse de las imágenes. Si, por ejemplo, disponemos de un blog de viajes, contar nuestra propia experiencia en un determinado lugar e incluir fotos tomadas por nosotros que demuestran que hemos estado allí puede ser una buena señal de E-E-A-T.
Además, tanto Google como el resto de motores de búsqueda son cada vez mejores interpretando el contenido de las propias imágenes y son capaces de identificar elementos en ellas, por lo que es recomendable que las imágenes que utilizamos sean de buena calidad y originales, ya que Google podría ser capaz de detectar señales de este tipo.
2. Presta atención al título y la descripción de la página
La pestaña de Google Imágenes en los resultados de búsqueda no solo incluye imágenes relacionadas con la búsqueda, sino que también puede mostrar un título y una descripción para la imagen.
Aunque estos pueden ser generados automáticamente por Google, el propio buscador utiliza diferentes fuentes dentro de la página para tratar de generarlos, incluyendo el título o las etiquetas meta (title y description) establecidos por el propio sitio web. Así pues, es importante comprobar que estos elementos son relevantes y están relacionados con la imagen para asegurarnos de que son lo suficientemente atractivos para que el usuario haga click sobre ellos.
3. Usa nombres de archivo descriptivos y relevantes
Utilizar nombres de archivo claros y descriptivos ayuda a los motores de búsqueda a entender el contenido de tus imágenes. En lugar de utilizar nombres genéricos como “IMG12345.jpg”, usa un nombre más descriptivo como “zapatillas-running-rojas.jpg”.
Los nombres de archivo descriptivos juegan a tu favor porque los motores de búsqueda rastrean el texto que acompaña a las imágenes para comprender el tema. Aunque es recomendable incluir algunas palabras clave en el nombre del archivo de imagen para aportar contexto, no deberías sobrecargarlos con palabras clave, ya que se pierden sus beneficios e incluso puede provocar una penalización algorítmica.
4. Optimiza las etiquetas ALT
Las etiquetas alt, o texto alternativo, se utilizan para describir el contenido de una imagen. Este texto se muestra si la imagen no se carga o si lo leen los lectores de pantalla para personas con problemas de visión, lo que hace que tu sitio web sea más accesible.
Al crear etiquetas alt, asegúrate de que sean concisas pero descriptivas. Igual que en el punto anterior, utiliza palabras clave relevantes de forma natural en el texto alternativo, pero evita la sobrecarga. Por ejemplo, en lugar de utilizar una etiqueta alt como “zapatillas”, opta por algo más descriptivo como “zapatillas de running azules de hombre”.
5. Elige el formato y el tamaño adecuados
Elegir el formato y el tamaño de imagen adecuados puede influir significativamente en la velocidad de carga de tu página web, un factor de posicionamiento utilizado por Google. Los formatos más comunes son JPEG para fotografías, PNG para imágenes que requieren transparencia y SVG para iconos y logotipos.
El tamaño también importa. Las imágenes sobredimensionadas pueden ralentizar tu sitio web, así que es recomendable comprimirlas siempre sin sacrificar la calidad. Existen numerosas herramientas online y plugins que pueden ayudarte a reducir el tamaño del archivo manteniendo un alto nivel visual de forma rápida.
Además, hay que tener en cuenta que en los últimos años han aparecido nuevos formatos, como WebP, que ofrecen una gran calidad y son más eficientes que otros formatos. Por ejemplo, WebP es más eficiente que JPG (entre un 25% y un 80%), por lo que ofrece tamaños de archivo más pequeños con niveles de calidad similares. Así pues, es importante estar atento a la aparición de estos nuevos formatos y su compatibilidad con los principales navegadores.
6. Utiliza pies de foto y descripciones
Los pies de foto y las descripciones son texto adicional que puede utilizarse para contextualizar las imágenes. Aunque no son un factor directo de posicionamiento, contribuyen a mejorar la experiencia del usuario y también ayudan a los motores de búsqueda a comprender el contenido de la imagen, ya que se trata del texto que rodea a la misma.
Los pies de foto son especialmente útiles para proporcionar información adicional o contexto a las imágenes, lo que puede mejorar la narrativa general del contenido. Las descripciones, por su parte, deben utilizarse para añadir más detalles sobre la imagen, incluyendo palabras clave relevantes de forma natural para que los motores de búsqueda puedan comprenderlas mejor.
7. Añade datos estructurados a las imágenes
Los datos estructurados pueden ayudar a los motores de búsqueda a comprender mejor el contenido de tus imágenes. Al añadir el marcado, aumentan las posibilidades de aparecer en diferentes fragmentos enriquecidos de las páginas de resultados de búsqueda.
Por ejemplo, el uso de marcado de datos estructurados para imágenes de productos puede ayudar a que estas imágenes aparezcan en los fragmentos enriquecidos de Google, lo que ofrece una mayor visibilidad en la página de resultados.
8. Crea un sitemap de imágenes
Un sitemap o mapa del sitio de imágenes es un archivo XML que ayuda a los motores de búsqueda a encontrar e indexar todas las imágenes de tu web. Esto puede ser especialmente útil si el contenido de tu sitio web depende en gran medida de las imágenes.
Crear un mapa del sitio de imágenes y enviarlo a los motores de búsqueda puede facilitar que todas tus imágenes sean encontradas y rastreadas por estos. En cualquier caso, hay que tener en cuenta que en la mayoría de ocasiones, los robots son capaces de encontrar todas las imágenes sin necesidad de disponer de un sitemap específico para imágenes, por lo que hay que valorar si realmente el esfuerzo merece la pena.
9. Usa imágenes adaptables y garantiza la compatibilidad móvil
Con más usuarios que nunca accediendo a sitios web a través de dispositivos móviles, es crucial asegurarse de que las imágenes se pueden visualizar correctamente en este tipo de dispositivos. Esto incluye utilizar imágenes que se ajusten al tamaño de la pantalla del dispositivo y optimizar las imágenes para que se carguen rápidamente en redes móviles.
Mediante el uso de media queries y técnicas de diseño adaptativo, es posible ofrecer imágenes del tamaño adecuado en función del dispositivo del usuario. Este punto, aunque puede tener su impacto SEO, está más pensado para influir en la experiencia de los usuarios, algo a lo que Google cada vez da más importancia.
10. Aprovecha las redes de distribución de contenidos de imágenes (CDN)
Las CDN almacenan copias de tus imágenes en varios servidores de todo el mundo, lo que permite tiempos de carga más rápidos al servir las imágenes desde el servidor más cercano al usuario. Esto no sólo mejora la experiencia del usuario, sino que también contribuye positivamente al posicionamiento, ya que se reducen los tiempos de carga de la página.
Al aprovechar una CDN, nos aseguramos de que las imágenes se cargan rápidamente para los usuarios de distintas ubicaciones geográficas. Además, algunos proveedores de CDN ofrecen soluciones específicas para la optimización de imágenes, por lo que también se encargan de comprimir el tamaño de las imágenes mientras mantienen su calidad.
11. Carga diferida de las imágenes
La carga diferida consiste en aplazar la carga de las imágenes que no son visibles en la ventana que se muestra al acceder a la página, también conocida como above the fold. Al aplicar la carga diferida, retrasamos la carga de las imágenes que no son visibles hasta que el usuario se desplaza por la página y está a punto de llegar a visualizar la imagen.
Esto tiene un impacto positivo en el tiempo de carga inicial de la página, lo cual puede mejorar los valores de Core Web Vitals, y el usuario no llega a notarlo, ya que, una vez comienza a desplazarse, las imágenes van cargándose y las puede visualizar sin ningún problema.
En cualquier caso, es importante no aplicar la carga diferida a las imágenes que se encuentran en el above the fold, ya que esto puede afectar negativamente a la métrica First Contentful Paint (FCP). Además, el usuario podría notar un cambio en el diseño de la página al cargar más tarde la imagen.
Como puedes ver, es posible trabajar muchos puntos diferentes para optimizar las imágenes del sitio web. Este trabajo no solo ayuda a los motores de búsqueda a interpretar mejor el contexto de la propia imagen sino que también se enfoca en mejorar los tiempos de carga y la experiencia general de los usuarios que visitan la web.
Por último, te recomiendo que revises la documentación oficial de Google, ya que cuenta con un artículo de prácticas recomendadas de SEO para Google Imágenes. Aunque la mayoría de los puntos ya los hemos visto en este artículo, siempre es interesante comprender el razonamiento que da el propio Google a cada uno de los puntos. Puedes encontrar la documentación oficial aquí.
