Busqueda visual: Cómo optimizar las imágenes para mejores resultados

Los resultados de la búsqueda se vuelven más visuales. El círculo de búsqueda visual de Google, las funcionalidades de Lens y las cuadrículas de productos orgánicos son desarrollos que garantizan que los visitantes utilicen la búsqueda de una manera diferente a la textual.

Con las optimizaciones adecuadas no sólo puedes mejorar la visibilidad y la experiencia del usuario, sino también aumentar las conversiones. Esta guía está dirigida a profesionales de SEO, desde principiantes hasta avanzados, con consejos básicos y avanzados, especialmente para el comercio electrónico y las plataformas de contenido con muchas imágenes.

Busqueda visual: Las imágenes como una oportunidad olvidada

Todos sabemos que las imágenes son importantes para la visibilidad, la experiencia del usuario y para ayudar en las decisiones de compra. A pesar de esto, normalmente veo que la optimización de imágenes se trata como una prioridad baja. Lógico, si hay suficientes áreas de mejora con mayor impacto.

También puedes leer Los mejores bancos de imágenes gratuitas

En última instancia, la optimización de la imagen se retrasa hasta el punto en que se olvida y permanecerá en el olvido.

Una oportunidad perdida para obtener ganancias en varias áreas. Especialmente para plataformas de contenido grandes y en crecimiento, este es un punto de atención importante con un alto impacto en el rendimiento de su sitio web.

Incluso si trabaja en una pequeña plataforma de contenidos con ambiciones de crecimiento, por ejemplo en mercados internacionales, es aconsejable estar bien preparado para esta escalabilidad.

El tiempo de la búsqueda visual con imágenes

Aunque los resultados de búsqueda tradicionales siguen siendo dominantes, las imágenes pueden contribuir significativamente al tráfico de su sitio web.

Sobre todo de forma indirecta, dado que los resultados de búsqueda son cada vez más visuales, los elementos visuales desempeñan una importancia cada vez mayor a la hora de ayudar y conseguir clics en los enlaces.

Además de la búsqueda de imágenes de Google, los resultados de búsqueda habituales son cada vez más visuales con vídeos y fotografías. En el comercio electrónico, podemos pensar principalmente en el uso de la funcionalidad Google Lens y las conocidas grillas de productos orgánicos, que están ganando cada vez más una posición dominante en los resultados de búsqueda.

Las funciones visuales no se limitan sólo a Google. Pinterest, con la función Lens, y otros canales sociales también muestran la importancia de las imágenes en la capacidad de búsqueda orgánica dentro de múltiples canales orgánicos. Y marcas, como Amazon o Tommy Hilfiger, están integrando cada vez más determinadas herramientas de búsqueda visual en sus aplicaciones.

Respondiendo al comportamiento de búsqueda y la tecnología

Aunque el uso de imágenes parece ser el más dominante dentro del comercio electrónico, es un enfoque igualmente importante en otras industrias.

Pensarás que todas las principales plataformas de contenido tienen esto en orden. O al menos tenerlo en gran medida en orden. En la práctica se ve todo lo contrario y hay mucho espacio para crecer con un esfuerzo relativamente bajo.

Centrarse en la calidad y el contexto

La calidad de la imagen y el uso de imágenes únicas, colocadas en el contexto adecuado, son consideraciones clave para mejorar el rendimiento de búsqueda de páginas específicas e imágenes individuales.

Las mayores preocupaciones técnicas generalmente se pueden encontrar en torno al uso de un formato de archivo de próxima generación, el alojamiento de imágenes a través de una CDN y el uso de textos alternativos descriptivos (incluida la traducción a varios idiomas, en caso de que su sitio sea multilingüe).

Mejores prácticas en optimización de imágenes.

Especialmente en plataformas de contenido grandes con muchas imágenes, es relativamente fácil lograr ganancias rápidamente en varias áreas. El tamaño del impacto depende en última instancia de la escala en la que se aplique. Cuanto mayor sea la base de datos de imágenes de un sitio web, mayores serán las consecuencias y el impacto en el crecimiento.

1. Imágenes CSS

Las imágenes CSS no están indexadas. El uso de elementos de imagen HTML incrusta la imagen directamente en el código HTML de la página, lo que facilita a los motores de búsqueda encontrar e indexar las imágenes.

• Utilice imágenes CSS para fondos.
• Utilice imágenes en el código HTML de la página para indexar.

2. Indexar y rastrear imágenes

El bloqueo de imágenes para bots y la indexación se puede realizar de varias formas. Verifica las limitaciones de rastreo e indexación de imágenes con herramientas como Screaming Frog o Site Bulb y analiza las imágenes para lo siguiente:

• No bloquee el rastreo de imágenes de Googlebot-Image y Googlebot.
• Otorgue a los bots acceso al rastreo de imágenes en robots.txt.
• Las imágenes con la entrada ‘noimageindex’ no se indexarán.
• Las imágenes en páginas ‘noindex’ generalmente tampoco se indexan a menos que aparezcan en otras páginas indexables.
• También tenga en cuenta el uso de ‘noindex’ en el encabezado HTTP a través de X-Robots-Tag.
• Sirva imágenes a través del protocolo HTTPS para evitar complicaciones innecesarias.

3. CDN para imágenes

Las imágenes juegan un papel importante en la experiencia del usuario y el tiempo de carga, especialmente la pintura con contenido más grande (LCP). Usar una CDN para imágenes puede mejorar el tiempo de carga. Además, una CDN permite cargar imágenes de un país más cercano al usuario. Esto mejora el tiempo de carga y la experiencia del usuario cuando tienes un sitio web multilingüe.

• Utilice una CDN como Cloudflare o Cloudinary para todas las imágenes.
• Verifique el dominio CDN para imágenes en Google Search Console.
• Redirija las URL de imágenes a través de redirecciones del lado del servidor cuando la estructura de la URL cambia y las imágenes generan tráfico.
• Preferiblemente utilice su propio dominio como nombre de host para la CDN.

No importa cómo alojes las imágenes, no hay bonificación de SEO por tenerlas en el mismo host/dominio. Sin embargo, dado que cambiar las URL de las imágenes es “difícil”, debes usar tu propio nombre de host para la CDN (evite yoursite.cdncorp.com y usa cdn.yoursite.com), para que puedas cambiar las CDN.

4. Elementos de las imágenes

El tipo de archivo, el nombre del archivo, el texto alternativo, la URL y la estructura de carpetas son algunos elementos de una imagen. Estos elementos proporcionan pistas a los motores de búsqueda sobre en qué consulta debe mostrarse su imagen.

Quizás aún más importante sea el contexto en el que se sitúa la imagen. Los motores de búsqueda extraen información de la página donde se encuentra la imagen.Lea también: 

• Describe imágenes en texto alternativo y otros elementos, pero no te excedas.
• No rellenes elementos, como nombres de archivos, con palabras clave.
• Presta especial atención al contexto, intenta colocar imágenes alrededor del contenido apropiado.

Los derechos de autor de las fotografías pueden ahorrarte muchos problemas legales y también deseas que tus imágenes ofrezcan valor agregado. Utiliza imágenes de alta calidad y preferiblemente imágenes propias con un valor muy distintivo.

5. Tipo de archivo de imagen

Cualquier cosa que reduzca el tamaño del archivo y acelere la representación de la página web ayuda a los rastreadores a acceder al contenido más rápido y mejora la eficiencia del rastreo. El tipo de archivo juega un papel importante aquí.

• Utiliza archivos SVG para logotipos.
• Usa un formato AVIF para imágenes
• La adopción de AVIF por parte de la Búsqueda de Google es todavía relativamente nueva.
• AVIF combina lo mejor de los archivos JPEG, PNG y GIF.
• AVIF reduce drásticamente el tamaño del archivo, incluso más pequeño que WebP.
• AVIF mejora la puntuación de Core Web Vitals, especialmente LCP.
• AVIF es compatible con la mayoría de los navegadores.
• Por ejemplo, con los archivos AVIF se utiliza JPEG como alternativa para navegadores antiguos.
• Utiliza la etiqueta <imagen> para mostrar la versión JPEG alternativa.

6. Texto alternativo de las imágenes

Además del contexto, el elemento más importante de una imagen es el texto alternativo. Esto proporciona una descripción de la imagen.

• El texto alternativo mejora la capacidad de búsqueda y proporciona información a los lectores de pantalla .
• Cuando se utilizan enlaces, el texto alternativo también funciona como texto de anclaje.
• Analiza textos alternativos faltantes o inapropiados con Screaming Frog.
• En el texto alternativo, describe la imagen con contenido relevante.
• Utiliza ChatGPT u otro generador para convertir imágenes en texto de forma masiva.
• No copies ciegamente descripciones de herramientas. Experimenta con herramientas y ve cuál funciona mejor para su situación.
• ¿Estás trabajando en un sitio web multilingüe? Traduce todos los textos alternativos al idioma correcto.
• Puedes utilizar palabras clave, pero evite el exceso de palabras clave .

Malo: <img src=”puppy.jpg” alt=”img3937″/>
Mediocre: <img src=”puppy.jpg” alt=”Puppy”/>
Bueno: <img src=”puppy.jpg” alt=” Cachorro-dalmata-juega-con-la-pelota”/>

¿Se trata de productos en imágenes? Incluya un número de serie o un tipo específico en el texto alternativo. Por ejemplo, con Casio-g-shock-gmwb5000tva como texto alternativo proporcionas una descripción exacta del producto, con palabras clave que utilizas correctamente para una mejor búsqueda.

7. Nombres de archivos de imagen

Los nombres de los archivos de imágenes dan a los motores de búsqueda más pistas sobre el tema. Por sí solo no hace ninguna diferencia, pero en cantidades muy grandes y junto con el conjunto de ajustes puede marcar la diferencia. Proporcione nombres de archivos con una descripción de la imagen.

• Evite el exceso de palabras clave y el uso incorrecto de palabras clave.
• Automatice la denominación de archivos de forma masiva para grandes cantidades.
• Traduzca los textos alternativos al idioma correcto cuando se amplíe a los mercados extranjeros.

Malo: IMG9393.jpg
Bueno: Dálmata-cachorro.jpg

8. Imágenes de estructura de carpetas y URL

Al igual que con la URL y la estructura de carpetas de una página, desea crear una ruta URL corta y lógica para una imagen. Puedes ir en diferentes direcciones con esto. Lo que ciertamente no desea es una estructura de carpetas cronológica como la que se usa en WordPress.

Supongamos que estás ante un sitio web sobre motocicletas, con cientos de fotografías de diferentes marcas y tipos. Puedes construir esto de la siguiente manera:

Malo: /wp-content/uploads/2024/03/images/img2505.jpg
Promedio: /images/aprilia-motor.jpg
Bueno: /images/aprilia/sxv-550-supermoto.jpg

De esta manera, crea una estructura clara, con las palabras clave adecuadas incluidas para una mejor capacidad de búsqueda.

9. Imágenes responsivas

Haga que las imágenes respondan, sin guardar múltiples variantes de una imagen en el servidor. Gracias al elemento srcset, no es necesario cargar archivos grandes para, por ejemplo, la pantalla de un teléfono inteligente. El propio navegador elige la imagen que mejor se adapta en función de las dimensiones y la resolución de la pantalla. De esta forma el usuario tiene una imagen óptima.

• Utilice el elemento srcset para todas las imágenes.
• El elemento srcset hace que las imágenes respondan a diferentes navegadores.
• El elemento scrset reduce el tiempo de carga e impacta las clasificaciones.

<img srcset=»cachorro-dálmata-juega-con-fútbol-480w.jpg 480w, cachorro-dálmata-juega-con-fútbol-800w.jpg 800w» tamaños = «(ancho máximo: 600 px) 480 px, 800 px» src=”cachorro-dálmata-juega-con-soccer-800w.jpg” alt=”cachorro dálmata juega con fútbol”>

10. Carga diferida de imágenes no esenciales

Retrasa la carga de sus imágenes hasta que sean necesarias y también después de que se hayan cargado todos los elementos importantes para representar la página.

Para los usuarios es más importante que las páginas se puedan utilizar rápidamente a que se vean perfectas. ¿Por qué cargarías inmediatamente imágenes que se encuentran en la parte inferior de una página cuando los usuarios comienzan a leer en la parte superior?

• Agrega todas las imágenes esenciales directamente al HTML.
• Aplica carga diferida a todas las imágenes no esenciales.

11. Almacenamiento en caché del navegador de imágenes recurrentes

El almacenamiento en caché del navegador es la retención de archivos (como imágenes) en el navegador del usuario durante un período de tiempo determinado. Una vez que el visitante regresa al sitio, los archivos se pueden cargar más rápido.

• El almacenamiento en caché del navegador es el almacenamiento de archivos en el navegador del usuario.
• Una vez que el visitante regresa al sitio, los archivos se pueden cargar más rápido.
• Utiliza Lighthouse de Google para ver si las imágenes están almacenadas en caché.
• Aplica el almacenamiento en caché a las imágenes que aparecen en varias páginas.
• Esto incluye imágenes de todo el sitio , como logotipos en el encabezado y pie de página.

12. Mapa del sitio para imágenes

Si bien los motores de búsqueda son excelentes para descubrir páginas e imágenes, puedes guiar este proceso con un mapa del sitio con imágenes. Para la mayoría de los sitios no es necesario, pero si su sitio se centra mucho en imágenes, puede resultar muy útil.

• Crea un mapa del sitio separado o agregue las imágenes al mapa del sitio existente.
• Si tiene miles de imágenes, es mejor crear mapas de sitio separados.
• Con un mapa del sitio independiente tendrá una mejor visión general de las imágenes indexadas.
• Ve el formato recomendado para mapas de sitio de imágenes aquí.
• Utiliza un máximo de 1000 imágenes por mapa del sitio de imágenes.

13. Datos estructurados para imágenes.

Al formatear imágenes con datos estructurados o Schema.org, ayuda a los motores de búsqueda a comprender mejor el contexto de su sitio y aumenta las posibilidades de que su imagen aparezca en los resultados de búsqueda.

• Marca todas las imágenes relevantes con datos estructurados.
• Los datos estructurados ayudan a los motores de búsqueda a comprender mejor el contexto.
• Los datos estructurados ayudan a obtener fragmentos destacados y más clics.
• Verifica la implementación de datos estructurados con una herramienta de prueba de esquemas .
• Controla la implementación a escala con Screaming Frog.

Pequeños cambios con un gran impacto

La importancia de las imágenes se arrincona periódicamente. Por supuesto que tienes mucho más por hacer, pero no subestimes el impacto de las imágenes. Especialmente en las grandes plataformas de contenido, aquí es donde se pueden encontrar muchos frutos al alcance de la mano, lo que resulta en una mejor experiencia del usuario, rendimiento de búsqueda y conversiones.

Sin que nos demos cuenta, las imágenes desempeñan un importante papel de apoyo a la hora de atraer visitantes, de los que se pueden obtener muchos más beneficios.

Bim Soluciones: La mejor Agencia de Marketing Digital en Ecuador para ti

¿Quieres aumentar la sostenibilidad de tu negocio con marketing digital con una página web diseñada a tu medida? BIM Soluciones es la mejor agencia de marketing digital, y te ofrecemos planes a la medida de tus necesidades. Para más información puedes consultar nuestras ofertas.

Si estás interesado en consultoría de SEO y marketing digital en Quito, Ecuador o el resto de Latinoamérica, estamos para ayudarte ¡Contacta ya uno de nuestros asesores!