Cómo puede impulsar tu ranking en Google la optimización de imágenes para SEO

Como a los usuarios les encantan las imágenes, ¡a Google también!

Por mucho que se valore el contenido textual de alta calidad, las investigaciones han demostrado que las personas retienen la información visual un 60 % más que la información en texto. Las imágenes ayudan a que el contenido sea más atractivo, accesible e interesante para los usuarios.

En Internet, las imágenes son uno de los activos digitales más importantes que mejoran la experiencia de los usuarios. En una de las principales actualizaciones de 2021, los algoritmos de clasificación de Google también han hecho que la optimización de imágenes para SEO sea un factor cada vez más importante en la clasificación de páginas.

¿En qué consiste la optimización de imágenes en SEO?

Una gran parte del SEO para imágenes es el proceso de ofrecer imágenes de alta calidad en un sitio web en el tamaño, formato, dimensión y resolución correctos mientras se mantiene el menor tamaño posible y se compromete la velocidad de la página lo menos posible.

¿Cuál es el propósito de esto? Los sitios web con carga rápida tendrán clientes satisfechos que verán más páginas e interactuarán más con el contenido del sitio web.

Cuando las imágenes están optimizadas para la pantalla de un usuario, ¡la experiencia es más placentera! Algunos de nosotros navegamos por Internet usando nuestros dispositivos móviles, otros en tabletas y otros en ordenadores de escritorio con diferentes tamaños y resoluciones de pantalla. La optimización de imágenes ayuda a crear una mejor experiencia de usuario en general, ya que nadie querría ver una imagen pixelada sin optimizar o solo una parte de la imagen completa en una pantalla más pequeña.

Además, los motores de búsqueda no pueden procesar el contenido visual de la misma manera que los humanos. Para que los crawlers (softwares de rastreo) procesen tus imágenes y comprendan el contexto de tu página web, ¡la optimización de imágenes para SEO es vital! Eso incluye atributos como etiquetas apropiadas y descripciones en los nombres de archivo, el texto alternativo de la imagen y el título.

La optimización de imágenes proporciona numerosos beneficios, como una experiencia de usuario mejorada y tiempos de carga de página más rápidos, y presenta oportunidades de clasificación adicionales. Sin la optimización adecuada, estás desperdiciando un valioso activo de SEO.

¿Es el SEO importante para las imágenes?

¿Sabías que las páginas vistas diarias de Google Imágenes fueron más de mil millones en 2010?

¡Y eso fue hace más de una década! Hoy, de acuerdo con la visión de Google para el futuro de la búsqueda, más del 55 % de las búsquedas contienen un resultado de imagen y las imágenes se muestran más arriba en la clasificación de los resultados de búsqueda que nunca.

Si ya estás familiarizado con los conceptos básicos del SEO, sabrás cuánto trabajo implica lograr que un sitio web se clasifique con palabras clave específicas. Pero, ¿y si te dijéramos que la optimización de imágenes para SEO puede afectar tu contenido general y su estrategia SEO?

Las imágenes dirigen el tráfico a tu sitio web

Los resultados de búsqueda de imágenes están aún más llenos de múltiples fotografías o infografías en cada fila de diferentes tamaños y una página SERP aparentemente interminable. Y sabemos por la investigación sobre la psicología de la percepción visual que las personas tienden a reaccionar de manera diferente a los resultados de imágenes en comparación con los resultados de texto.

Curiosamente, un análisis hecho por Search Engine Land descubrió que las imágenes tienden a tener un CTR (Click-Through Rate o tasa de clics) mucho más alto que los resultados de búsqueda SEO de solo texto, excepto en la primera posición.

Gracias a las actualizaciones de Google mediante las cuales hacer clic en el contenido visual en la búsqueda de imágenes ahora conduce directamente a tu sitio web, vemos que las plataformas de análisis registran un aumento de las sesiones impulsadas específicamente desde la búsqueda de imágenes que ayuda a aumentar la visibilidad del contenido de los sitios web.

Tener una clasificación alta para todos los activos multimedia que usas en tu sitio web puede ayudarte a lograr una mejor visibilidad en los resultados de búsqueda de imágenes. Especialmente para las empresas de comercio electrónico, ya que estos negocios querrán que sus productos aparezcan en la búsqueda de imágenes de Google cada vez que un usuario busque un artículo. La optimización de imágenes para SEO de productos puede ayudar a las marcas a obtener más atención, incitar a los clientes potenciales a hacer clic en sus sitios web para navegar y, con suerte, convertirlos en clientes.

Los resultados enriquecidos fomentan más clics

Del mismo modo, la optimización de contenido puede complementar los esfuerzos del SEO en la página para lograr una mejor clasificación general del sitio web y presentar oportunidades para obtener más clics. Vemos cada vez más una página de búsqueda combinada en dispositivos móviles donde las imágenes como resultados enriquecidos crean oportunidades increíbles para la visibilidad y exposición de la marca. ¿En qué resultados será más probable que se haga clic? ¿Acaso no tendemos a ir hacia lo que nos parece más agradable y atractivo visualmente?

Reconocimiento de imágenes y búsqueda inversa de imágenes de Google

Con Google Lens, las capacidades de búsqueda inversa de imágenes de Google, la inteligencia artificial más innovadora y los productos de aprendizaje automático, vemos que Google está progresando y mejorando en la comprensión de lo que componen las imágenes, ya sean objetos o texto. Es solo cuestión de tiempo que las imágenes jueguen un papel mucho más importante en el SEO.

Para las empresas de comercio electrónico, el lanzamiento de listados gratuitos en Google hace que las imágenes de productos y los atributos de datos sean esenciales. En Google Imágenes, las imágenes de productos ahora muestran marcas de producto como precios, disponibilidad e incluso reseñas que reiteran la importancia de la optimización de imágenes para SEO.

Impacto de las imágenes en el tiempo de carga de un sitio web

No hay duda de que el contenido visual es la piedra angular del marketing efectivo. Sin embargo, las imágenes también se relacionan con imágenes pesadas y archivos de vídeo que ralentizan el tiempo de carga de la página. HTTPArchive descubrió que las imágenes representan casi el 75 % del peso total de la página de un sitio web. Si los clientes abandonan la página antes de que se cargue por completo, los componentes de diseño creados con cuidado dejarán de tener sentido.

En 2020, el algoritmo de indexación y clasificación de Google evolucionó para incluir Core Web Vitals como una forma de medir la velocidad de la página. Existe una correlación directa entre la velocidad de la página y el ranking de búsqueda dentro de los diez primeros resultados. Esto significa que te quedan dos opciones: ¡ser rápido o ser el último!

Las diez primeras páginas clasificadas en la Búsqueda de Google suelen tener un tiempo de carga medio inferior a 2,3 segundos y captan casi el 95 % del tráfico de clics. Las páginas con mayor tráfico de clics se consideran valiosas y se colocan más arriba, lo que refuerza aún más la importancia de la optimización.

La mejor manera de verificar la velocidad general de tu sitio web desde el punto de vista de Google es ejecutándolo a través de PageSpeed Insights de Google.

Con el Informe de rendimiento del sitio web de Cloudimage, hemos analizado el rendimiento de la imagen en miles de sitios web. En el 83 % de nuestras pruebas (en una muestra de 1000 sitios web seleccionados al azar entre los primeros 100 000 sitios web en alexa.com), las imágenes lentas fueron la razón principal de una mala puntuación (< 50) en PageSpeed Insights de Google.

Las 3 razones principales por las que las imágenes ralentizan los sitios web son las siguientes:

1. no se ha cambiado el tamaño para que coincida con el del dispositivo.
2. no se han comprimido con el último algoritmo de compresión de imágenes optimizado para la web.
3. se cargan demasiadas imágenes simultáneamente, lo que aumenta el tiempo total de carga de la página.

¿Estás interesado en saber cómo funciona tu sitio web? ¡Prueba nuestro Website Performance Report!

Cómo optimizar imágenes para SEO: Los mejores consejos

Por mucho que queramos que nuestras imágenes obtengan una clasificación alta, debemos recordar que tenemos que optimizar las páginas y las imágenes principalmente para nuestros usuarios, no solo para los motores de búsqueda. Las imágenes originales, de alta calidad y visualmente atractivas son mejores para la clasificación de la búsqueda de imágenes. Dicho esto, aquí encontrarás algunos consejos sobre la optimización de imágenes para SEO y cómo complementa tu contenido y tus estrategias de SEO.

Nombra las imágenes para el SEO

Seguramente muchos de los que estáis leyendo esto habéis tomado alguna vez el camino más fácil para etiquetar fotografías, infografías y elementos visuales con un título estándar como «IMG1234.jpg». Pero esto no es lo ideal, ya que los crawlers de los motores de búsqueda analizan los nombres de los archivos y estos títulos deben describir con precisión el contenido visual.

Si una palabra clave en particular es esencial para el activo multimedia, debe incluirse en el nombre del archivo. Al igual que no deberías llenar tus páginas web con palabras clave, no insertes aleatoriamente varias palabras clave con la esperanza de mejorar la clasificación SEO de la imagen.

<img src=«vaso.jpg» alt=«vaso de cristal lleno de zumo de naranja»/>

Optimizar etiquetas ALT de imagen y etiquetas de título

El atributo ALT de la imagen proporciona a los motores de búsqueda información sobre tus imágenes. Sin etiquetas ALT, los motores de búsqueda no pueden indexar las imágenes con precisión.

Todo el contenido visual de tus páginas web debe tener etiquetas ALT únicas y descriptivas, idealmente con palabras clave relevantes como parte de tu estrategia SEO de optimización de imágenes.

Aunque sabemos que puede ser desafiante y complicado, definitivamente vale la pena crear estas etiquetas para todas las imágenes en tu sitio web, especialmente para los negocios de comercio electrónico e industria inmobiliaria que dependen de muchas fotografías.

Cuando todo va según lo planeado, las etiquetas ALT funcionan entre bastidores. Los usuarios normalmente no las ven, pero las etiquetas ALT informan a los crawlers (rastreadores) de qué se trata la imagen y les ayudan a comprender mejor el contenido de tu página.

Y, en el caso muy poco probable de que el navegador de un usuario no pueda mostrar la imagen, aparece una etiqueta ALT para ayudar a los usuarios a comprender mejor el contenido de tu página también. Al igual que las etiquetas ALT, los títulos de las imágenes presentan otra oportunidad para hacer que la imagen y la página web sean más relevantes para los crawlers de Google.

Incluir marcado de esquema

Los datos estructurados pueden indicarle a Google que muestre tus imágenes como resultados enriquecidos que otorgan a los usuarios información más relevante sobre tu sitio web y, a su vez, generan un tráfico mejor orientado.

El marcado de esquema del artículo permite marcar una imagen que pertenece directamente al artículo. Las imágenes deben cumplir con las directrices de Google para que aparezcan como resultados enriquecidos en SERP, lo que puede conseguir un CTR más alto desde los buscadores.

Para los jugadores de comercio electrónico, el marcado de producto permite la inclusión de precios, disponibilidad y reseñas que aparecen directamente en la búsqueda de imágenes.

Puedes continuar y hacer una prueba de resultados enriquecidos en tu página web en Google.

Crea tu sitemap de imagen

Los sitemaps (mapas de sitio web) XML son estándar en numerosas listas técnicas de tareas pendientes de SEO. Del mismo modo, los sitemaps de imágenes ayudan a aumentar las posibilidades de que tus imágenes aparezcan en la búsqueda de imágenes verticales de Google, ya que permite a los crawlers descubrir imágenes publicadas a través del código Javascript.

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>http://example.com/sample1.html</loc>
    <image:image>
      <image:loc>http://example.com/image.jpg</image:loc>
    </image:image>
    <image:image>
      <image:loc>http://example.com/photo.jpg</image:loc>
    </image:image>
  </url>
  <url>
    <loc>http://example.com/sample2.html</loc>
    <image:image>
      <image:loc>http://example.com/picture.jpg</image:loc>
      <image:caption>A funny picture of a cat eating cabbage</image:caption>
      <image:geo_location>Lyon, France</image:geo_location>
      <image:title>Cat vs Cabbage</image:title>
      <image:license>http://example.com/image-license</image:license>
    </image:image>
  </url>
</urlset>

Elige formatos optimizados

¿Cuál es el mejor para nuestros sitios web con diferentes formatos de imagen en la web?

Desafortunadamente para el contenido visual, no existe un formato único que se ajuste a todos, ya que depende del tipo de imagen y de cómo se desee usar. Recomendamos presentar el que ofrece el rendimiento más nítido con el tamaño de archivo más pequeño.

• elige JPEG: para fotografías o ilustraciones más grandes, ya que otorga buenos resultados con un tamaño de archivo relativamente pequeño.
• usa PNG: es excelente para logotipos e íconos, es compatible con casi todos los navegadores, excepto el IE más antiguo.
• selecciona WebP: para obtener resultados de alta calidad con tamaños de archivo más pequeños. Sin embargo, recuerda que algunos navegadores no soportan este formato de imagen.

Establece la carga diferida

Cuando la velocidad es vital, que sea diferida no es necesariamente algo malo. La carga diferida funciona priorizando las imágenes en la parte superior de la página para garantizar que la página se cargue rápidamente. Los visitantes no se quedarán colgados mientras su navegador carga la página completa y pueden ver primero los elementos esenciales de la página.

Una de las formas de implementar la carga diferida es incluir el atributo de carga (src) en un elemento para decirle al navegador que posponga la carga de estas imágenes que están fuera de la pantalla hasta que el usuario se desplace hasta ellas. Un complemento de carga diferida también puede ayudarte a hacer lo mismo.

Distribuir imágenes adaptables

Los dispositivos móviles ya no se ven como el futuro de Internet, sino como el presente. Cada vez más búsquedas en Google vienen de dispositivos móviles como los smartphones y las tablets en comparación con los ordenadores de escritorio.

Las imágenes adaptables son solo una pequeña parte del proceso de diseño adaptable que tiene como objetivo adaptar un sitio para que funcione de manera óptima en diferentes dispositivos y entornos. Por ejemplo, se puede distribuir una imagen más pequeña y redimensionada en la pantalla de un iPhone, lo que requiere menos ancho de banda, y acelera el tiempo de carga de la página móvil.

Si tu sitio web y las imágenes no responden para adaptarse a estos diferentes tamaños de pantalla (que disminuye la experiencia del usuario), ¡Google te penalizará!

Algunas de las formas de hacer que una imagen responda a la web incluyen la implementación de atributos HTML y srcset, elementos de imagen, JavaScript, complementos adaptables y CSS y media queries.

Una solución SaaS unificada: Una CDN de imagen

Las CDN de imagen son soluciones que cambiarán, optimizarán y entregarán imágenes a través de una red de distribución de contenido (CDN) para que tengan el nivel de calidad que sea necesario en un tamaño que tu web pueda manejar. ¡Eso significa que puedes automatizar la mayoría de las optimizaciones anteriores que hemos mencionado!

Cuando cargas una imagen, la herramienta puede detectar y decidir automáticamente el mejor tamaño, formato y calidad, creando múltiples variaciones de imagen para proporcionar una experiencia de usuario optimizada (carga diferida, imágenes adaptables) que tiene cuidado con la velocidad.

Una CDN de imagen también ofrece funciones avanzadas de optimización SEO de imágenes, como:

• Integración de arquitectura Multi-CDN
• Implementación de CName personalizado
• Optimización de esquema
• Vista previa Blurhash

Conclusión

El 68 % de las experiencias en línea comienzan con una consulta en un motor de búsqueda. A partir de enero de 2022, hay alrededor de 1180 millones de sitios web en todo el mundo. Con una competencia tan grande, las estrategias de SEO de imágenes se están convirtiendo de forma rápida en una parte crucial de un conjunto de herramientas de estrategia de SEO.

Las imágenes en línea han recibido mucha más atención en los últimos años y su importancia está aumentando por muchas razones, desde mejorar la experiencia del usuario y el contenido hasta ayudar a los usuarios de Internet a buscar productos visualmente directamente desde la búsqueda de imágenes.

De hecho, la optimización SEO de imágenes es una tarea intimidante con muchas técnicas y procesos. Si quieres optimizar tu contenido internamente o si buscas una solución de optimización de contenido todo en uno como Cloudimage, invertir en la optimización de imágenes para SEO es el camino a seguir para aumentar la clasificación de tu sitio web.