¿Qué es la optimización de imágenes y por qué es importante para el SEO?

Última actualización - 8 de julio de 2021

El contenido visual es parte integral de cada sitio web hoy en día, con más del 80% de los especialistas en marketing que utilizan medios enriquecidos para campañas digitales. La última actualización en la interfaz de búsqueda de imágenes de Google ha aumentado aún más la importancia del contenido visual en el ranking de páginas. La optimización de las imágenes reduce la velocidad de carga de la página y mejora significativamente el ranking de la página. Siga leyendo para obtener más información sobre qué es la optimización de imágenes y por qué es importante para el SEO.

¿Qué es la optimización de imágenes?

La optimización de imágenes se refiere al proceso de entregar imágenes de alta calidad manteniendo el tamaño más pequeño posible.

Hay tres métodos principales para la optimización de imágenes: cambio de tamaño, almacenamiento en caché o compresión. Cambiar el tamaño significa reducir el tamaño de la imagen para lograr el tamaño más pequeño con la mayor calidad. El método de almacenamiento en caché almacena archivos de imagen dentro del caché del navegador, lo que reduce el tiempo de carga de la página.

¿Por qué es importante optimizar las imágenes?

Todos los días, según Google, cientos de millones de personas utilizan Google Imágenes para buscar contenido web de forma visual. La búsqueda de imágenes representa el 27% de todas las consultas generadas en las 10 principales propiedades de búsqueda web de EE. UU.

La actualización del botón "Ver imagen" de Google de Búsqueda de imágenes a "Visita [página]". dio como resultado que las plataformas de análisis registraran un aumento en las sesiones generadas a partir de la búsqueda de imágenes. Esto aumentó la visibilidad del contenido de las páginas de alojamiento. Las imágenes son una importante fuente de tráfico y debemos aprovecharla.

La optimización de sus imágenes reduce los tiempos de carga de la página. Por lo tanto, hay más posibilidades de que los visitantes permanezcan en su sitio web, ya que el tiempo promedio que un usuario espera para que se cargue una página es de 2 segundos. Cuanto más rápido cargue su página, mayor será la permanencia de sus visitantes en el sitio. Además, porque Google está priorizando los sitios más rápidos y penalizando los sitios lentos. En resumen, optimizar tus imágenes puede ayudarte en dos aspectos clave:

Velocidad de carga de la página

Las imágenes contienen más de la mitad del peso de las páginas web. Es por eso que optimizar el tamaño de las imágenes es la forma más sencilla de minimizar la velocidad de carga.

Clasificación SEO

Lograr la esquina dorada izquierda es el objetivo de todo vendedor y administrador web. Por lo tanto, optimizar las imágenes para SEO es imprescindible. Cubriremos algunos consejos y técnicas en la siguiente sección.

El caso del comercio electrónico

La optimización de imágenes es especialmente importante en el caso de las tiendas de comercio electrónico para proporcionar un catálogo claro y atractivo. Dicho esto, necesita una plataforma de comercio electrónico sólida que tenga funciones de SEO integradas para obtener una clasificación más alta en los resultados de los motores de búsqueda.

Las tres principales plataformas de comercio electrónico, Shopify, Magento y Woocomerce, enfatizan la importancia de optimizar las imágenes para SEO. Por ejemplo, Shopify tiene un tutorial en línea donde recomienda a sus usuarios optimizar sus imágenes para SEO y conversión, prefiriendo archivos JPG sobre otros formatos debido a la relación de calidad y tamaño.

Por lo tanto, elegir la plataforma que proporcione la mejor funcionalidad de SEO es clave para maximizar el impacto de sus imágenes optimizadas. Repasemos rápidamente esas tres principales plataformas de comercio electrónico:

WooCommerce

Brinda acceso al código fuente de su tienda y tiene una variedad de personalizaciones disponibles, por lo que se considera SEO-Friendly. Por lo tanto, una extensión del sistema de administración de contenido de WordPress es compatible con los complementos SEO de WordPress. Es una de las plataformas de comercio electrónico más populares, según esta estadística .

Algunos de los complementos de SEO disponibles para WooCommerce son:

• MonsterInsights
• Todo en un paquete de SEO
• Mapas de sitio XML de Google
• Caché total W3
• Carga perezosa BZ
• Imágenes optimizadas para SEO

Precios : es un complemento de comercio electrónico gratuito con actualizaciones gratuitas, que ofrece extensiones con precios para SEO a partir de $ 49

Seguridad : debe instalar un certificado SSL vendido por el host o un proveedor externo, que requiere contraseñas seguras e inicios de sesión limitados.

Rendimiento : WooCommerce tiende a ser más lento al cargar imágenes con una gran cantidad de versiones.

Magento

Una plataforma de comercio electrónico administrada de extremo a extremo, una de las plataformas más utilizadas.

SEO : proporciona sólidas funciones integradas de SEO que se pueden ampliar para tiendas en línea medianas y grandes. Algunas de las extensiones SEO disponibles para Magento son:

• Magento SEO Suite Pro extensión v9.5.2
• Paquete SEO avanzado de Mirasvit
• Extensión gratuita Magento SEO de Creare
• Ultimate SEO Suite de AheadWorks v1.3.8

Precios : es de código abierto, con una edición comunitaria gratuita. Magento Enterprise Edition es la versión de pago, con cotización solicitando cotización. Al igual que WooComerce, ofrece extensiones de SEO pagas.

Rendimiento : funciona como un Sistema de Gestión de Contenidos y, al estar respaldado por Adobe, los hace ágiles y fáciles de usar.

Shopify

Una plataforma de comercio electrónico basada en la nube, la función de venta sin límite la hace muy popular.

SEO : las aplicaciones de Shopify son como complementos para ampliar sus funcionalidades, con su propio mercado para aplicaciones.

Algunas de las mejores aplicaciones de SEO para Shopify incluyen:

• Optimizador de imágenes SEO
• Administrador de metadatos SEO
• Ultra SEO

Precios : viene con diferentes planes de precios, comenzando con una prueba de 14 días. El plan básico comienza desde $29 y sube a $279.

Rendimiento: una de las mejores características de Shopify es la alta velocidad de carga de las páginas. Este es el resultado de la alta prioridad que Shopify le da a la optimización de imágenes.

Cómo optimizar imágenes para web y rendimiento

Estos son algunos consejos que le ayudarán a optimizar sus imágenes para obtener el mejor rendimiento.

#1. Nombrar archivos de imagen de forma natural

La forma más sencilla de incluir imágenes en tu SEO es nombrarlas. Intente encontrar el nombre lógico para las imágenes, utilizando las palabras clave para las que la imagen podría posicionarse.

Por ejemplo, supongamos que tiene una tienda de comercio electrónico que vende joyas hechas a mano y está vendiendo los aretes en la imagen a continuación, a los que nombró "Manta plateada":

Puede nombrar la imagen "image17797.jpg" o "aretes-seed-beads-woven.jpg", más de acuerdo con las palabras clave de búsqueda que sus clientes potenciales pueden usar para buscar sus productos.

Del mismo modo, los atributos de título y alt de las imágenes ayudan a que las imágenes se clasifiquen más alto en las búsquedas, lo que mejora la experiencia del usuario. Esto, a su vez, aumenta la relevancia de la página con el tiempo, lo que hace que el motor de búsqueda identifique la página como una página que merece una clasificación más alta.

Escriba esos atributos de manera concisa y gramaticalmente lógica para ayudar a los lectores de accesibilidad, mejorando así la experiencia de todos los usuarios. Lo mismo se aplica a las leyendas de imágenes en la página y las palabras clave que rodean la imagen ayudan a los motores de búsqueda a obtener más contexto para las imágenes.

Las etiquetas de título HTML de la página host ahora se muestran en los resultados de búsqueda de imágenes, por lo que también deberían ser relevantes para la imagen.

#2. Usar el tamaño y el formato adecuados

Trabajar con diferentes tipos de formatos puede ayudarlo a mantener el peso de su sitio web por buen camino. Por ejemplo, puede usar SVG para logotipos o íconos, ya que es liviano y funciona bien con imágenes simples y colores limitados.

PNG es excelente para usar con imágenes con un fondo transparente, aunque es el tipo más pesado, así que utilícelo con moderación. JPG es el tipo de imagen más utilizado, ya que permite una gran cantidad de detalles y colores. Sin embargo, debe mantener las imágenes JPG de menos de 100 KB y 1920 px para evitar agregar demasiado peso a la página.

Si necesita guardar una imagen grande, puede configurarla como JPG progresivo, donde las imágenes comienzan a mostrarse progresivamente a medida que se cargan.

Los GIF deben guardarse para animaciones simples con esquemas de color simples, ya que están limitados a 256 colores.

#3. Prueba A/B de tus imágenes

Un gran ejemplo de cómo mejorar tus imágenes es el caso de Unilever. Unilever revolucionó el mercado con sus imágenes de héroes en lugar de los paquetes tradicionales para mejorar la experiencia del usuario móvil. Las imágenes de este héroe transmiten más información, con un primer plano del paquete y una tira que muestra los elementos de mayor interés para un consumidor.

#4. Alojamiento y almacenamiento en caché de imágenes

Las imágenes pueden aumentar la cantidad de solicitudes realizadas al servidor antes de que el navegador termine de cargar la página, lo que ralentiza la página.

Los sprites de imagen y las imágenes alojadas alguna vez fueron útiles para acelerar la recuperación y carga de imágenes. Hoy, dependiendo de su configuración, puede ser más rápido alojar imágenes en el mismo host que sus archivos HTML.

El alojamiento de imágenes en su dominio ayuda a capturar la equidad de enlace potencial de cualquier incrustación de sus imágenes en su contenido. Otros beneficios incluyen el control del caché, la marca y el control de las redirecciones.

El uso de una red de entrega de contenido (CDN) puede acortar los tiempos de carga al tener el servidor cerca de la ubicación del usuario.

Con respecto al almacenamiento en caché. las imágenes deben ser los activos con los tiempos de almacenamiento en caché más largos, configurando los vencimientos del servidor para todos los tipos de imágenes.

Cuando se trata de almacenamiento en caché, también asegúrese de que los vencimientos del servidor estén configurados para todos los tipos de imágenes. Las imágenes deben ser algunos de los recursos con los tiempos de almacenamiento en caché más largos (generalmente muchas semanas).

#5. Uso de una solución de gestión de activos digitales

Una solución de gestión de activos digitales puede ayudar no solo a organizar su biblioteca de imágenes, sino también a la optimización de imágenes. Una buena solución DAM tiene etiquetado automático, lo que lo ayuda a administrar correctamente el nombre de sus imágenes con la palabra clave correcta que se puede buscar.

#6. Usar carga diferida

De acuerdo con la forma en que carga sus imágenes, en realidad puede ralentizar sus páginas. El uso de la técnica de carga diferida permite que la página termine de cargarse a pesar de que se cargan imágenes fuera de la pantalla cuando un visitante se desplaza hacia abajo en la página.

Esto puede mejorar la velocidad de la página, pero debe tener cuidado de indexar las imágenes correctamente. De hecho, el uso de mapas de sitios de imágenes ayuda con la indexación, lo que aumenta el descubrimiento y el rastreo.

Puede obtener más información sobre cómo optimizar sus imágenes para sitios de comercio electrónico como Shopify o WooComerce en este tutorial de YouTube.

En resumen: use imágenes para impulsar su SEO

Las imágenes no son solo buenas ayudas visuales para su contenido. Hoy en día, las imágenes en realidad generan tráfico a su contenido, lo que tiene el potencial de generar permanencia y aumentar el rango de su página. Por lo tanto, optimizar sus imágenes para atraer búsquedas es imprescindible para todos los sitios web que deseen mejorar su SEO.