Guía completa de optimización de imágenes de comercio electrónico 2023

Introducción

El marketing se trata de encontrar un problema en el mercado y luego vender la solución a los clientes. En otras palabras, se trata de crear y difundir la conciencia sobre un problema. Mientras crea conciencia, es fundamental considerar que se está comunicando con los consumidores correctos como comercializador.

La optimización de motores de búsqueda es crucial para aumentar el tráfico a su sitio web al encontrar la audiencia adecuada. El SEO ayuda a clasificar el contenido en los resultados de búsqueda impulsados ​​por la consulta de búsqueda. Consta de tres componentes.

1. SEO en la página
2. SEO fuera de la página
3. Técnico

El SEO en la página cubre el contenido presente en la página. Las imágenes son una parte esencial del SEO en la página y un excelente medio para el tráfico a las páginas web y aumentar sus calificaciones.

¿Propósito y para quién es esta guía?

Si administra contenido en línea con Google, esta guía es para usted. Los resultados de aprendizaje de esta guía son los siguientes:

• Aprenda los conceptos básicos de la optimización de motores de búsqueda
• Aprende la importancia de Optimizar imágenes en Google
• Aprenda y comprenda los requisitos técnicos para optimizar páginas e imágenes en Google
• Aprenda y comprenda las mejores prácticas para optimizar imágenes

Si posee, administra, monetiza o promociona contenido en línea a través de la Búsqueda de Google, esta guía es para usted. Podría ser el propietario de un negocio próspero, el propietario de una docena de sitios web, un especialista en SEO en una agencia web o un experto en SEO DIY apasionado por la mecánica de búsqueda: esta guía es para usted.

Si está buscando una descripción general completa de las técnicas para optimizar mejor las imágenes de acuerdo con las mejores prácticas de Google, ha venido al lugar correcto. Un punto importante a tener en cuenta es que esta guía revelará secretos que clasificarán automáticamente su sitio en primer lugar en Google.

Sin embargo, seguir las mejores prácticas debería facilitar que los motores de búsqueda rastreen, indexen y comprendan su contenido.

Optimización de Imágenes

Optimizar las imágenes en Google lo ayudará a aumentar su tasa de conversión y aumentar las ventas hasta en un 9%. También ayudará a mejorar la experiencia del usuario. Alrededor del 10,1% de las búsquedas de Google son imágenes.

Las imágenes también son una forma de descubrir contenido. Mientras buscan imágenes, a los usuarios también les puede gustar leer sobre el contenido que proporciona la imagen, y así es como atraerá más tráfico a su página web.

Los motores de búsqueda tienen una limitación: no pueden leer las imágenes. En cambio, se enfocan en el contenido que tiene una imagen. Debido a esto, las técnicas de optimización de imágenes son esenciales para que el usuario pueda atraer más visitantes a través de la búsqueda de imágenes.

Las imágenes de Google pueden ser importantes para el descubrimiento de contenido. Los datos muestran que, en general, el 20% de las búsquedas de Google se realizan a través de búsquedas de imágenes . Además, clasificar las imágenes en Google lleva menos tiempo que clasificar el contenido.

Las visitas a las imágenes pueden desempeñar un papel importante para atraer tráfico a su sitio web porque facilitará el descubrimiento de contenido relevante y esencial. Las imágenes despiertan interés en la mente del usuario con respecto a la descripción o la historia detrás de ella.

Además, la optimización de imágenes también es crucial para mejorar su experiencia de usuario. La velocidad de carga se ve directamente afectada por la calidad y el tamaño de una imagen. Si una página tarda más en cargarse, existe la posibilidad de que los visitantes reboten desde esta página, lo que aumenta la tasa de rebote.

Google también ha comenzado a utilizar la velocidad del sitio web como factor de clasificación. El rendimiento de su sitio web afecta la cantidad de visitantes.

Los informes sugieren que las imágenes no optimizadas ocupan hasta un 75% del peso, lo que resulta en una experiencia de usuario horrible.

Suponga que está tratando de encontrar una respuesta o un contenido relacionado con su problema. Pero si el sitio web al que llegó tarda mucho en cargarse, existe la posibilidad de que rebote al otro sitio web.

Por otro lado, los visitantes también abandonarán su sitio web si no ven ninguna imagen en su contenido, haciéndolo horrible y difícil de entender.

Optimizar y agregar imágenes con respecto a los productos también aumentará su tasa de conversión porque los clientes entenderán cómo se ven los productos.

6 consejos fundamentales para la optimización de imágenes

Como propietario de un sitio web, debe optimizar sus páginas web para obtener un mejor rendimiento, como se describió anteriormente. Para mejorar el rendimiento de su sitio web, debe trabajar en áreas como la experiencia del usuario, el SEO técnico y la legibilidad del contenido.

Experiencia de usuario

Crear una mejor experiencia de usuario también aumenta el rendimiento y la clasificación del sitio web. Si la tasa de rebote de su sitio web es más alta, puede ser un factor negativo en la clasificación de su sitio web.

De acuerdo con las políticas de Google, el rendimiento de un sitio web ha sido un factor de clasificación desde 2010. Una mejor experiencia de usuario indica que los usuarios encuentran el contenido y el sitio web de acuerdo con sus necesidades e intención de búsqueda.

Los siguientes KPI pueden medir la experiencia del usuario:

• Tasa de sesión
• Porcentaje de rebote
• Páginas/Por sesión.

Google Analytics lo ayudará a comprender el rendimiento de su sitio web para que pueda analizar qué está fallando en su sitio web.

Para mejorar la experiencia del usuario, lo primero que debe hacer es escribir para las personas. Las nuevas actualizaciones de Google requieren que escribas el contenido que la gente necesita. Hay tres áreas en las que se lleva a cabo la optimización On-page, Off-page y Technical.

Una vez que proporcione a los usuarios el contenido requerido, el análisis del sitio web mejorará. Puede realizar un seguimiento del rendimiento de sus sitios web utilizando los KPI mencionados anteriormente por Google Console o Google Analytics.

Enriquece tu contenido agregando figuras, gráficos e imágenes. Para un sitio web de comercio electrónico, las imágenes son tan importantes como el sitio web. En el caso de un sitio web de comercio electrónico, si una imagen no respalda su producto, entonces no es necesario tener un sitio web.

El propósito principal del sitio web es proporcionar una descripción visual del producto y explicar una historia al usuario. Además, a la mayoría de los usuarios les resulta fácil entender y recordar el contenido cuando se explica con la ayuda de imágenes.

Google recomienda que los creadores de contenido creen contenido para los usuarios, no para los motores de búsqueda. La visibilidad de la imagen se puede aumentar siguiendo algunas de las mejores prácticas.

La calidad del contenido de una página web juega un papel vital en la clasificación de las imágenes en Google Images. Las imágenes en Google brindan más contexto y hacen que los resultados sean más procesables. El contenido de la página genera fragmentos de texto para las imágenes que pueden servir como factor de clasificación para las imágenes.

La experiencia del usuario mejora al hacer que las interfaces y los sitios sean fáciles de usar para todos los dispositivos. Los informes sugieren que muchas imágenes de Google se buscan a través de dispositivos móviles en lugar de computadoras de escritorio.

Existe una alta probabilidad de que la tasa de rebote aumente si un usuario tiene dificultades para acceder al contenido o las imágenes. Existe una relación directa entre el rendimiento de una página web y su ranking. El rendimiento supremo mejorará la clasificación de las imágenes en la página web.

Una estructura de URL fácil de usar mejora el rendimiento del sitio web porque Google usa la ruta URL de las imágenes como nombres de archivo para comprender las imágenes.

Mejorar para la velocidad

Aplicar correctamente técnicas de optimización de imágenes para mejorar la velocidad del sitio web. Según la situación y el uso, debe seleccionar los formatos de imagen en consecuencia. Hay dos tipos de formatos de imagen, vector y raster.

Los vectores son adecuados para imágenes que consisten en formas geométricas simples, como logotipos, textos o íconos. Las imágenes vectoriales ofrecen los mejores resultados en cada resolución, lo que las convierte en el formato ideal para obtener mejores resultados.

Pero cuando se trata de describir una imagen, los gráficos vectoriales se quedan cortos. Para imágenes, formatos como JPEG, JPG o WebP para guardar los archivos. Ambos formatos tienen ventajas y desventajas, ya que las imágenes ráster no son adecuadas para los requisitos de alta resolución. La siguiente imagen describe un resultado entre imagen Raster y Vector

La optimización de imágenes no tiene un parámetro definido; en cambio, es un conjunto de diferentes técnicas para mostrar mejores resultados. Otro factor esencial es encontrar la configuración óptima para obtener mejores dimensiones de píxeles y datos codificados.

No hay una respuesta correcta o incorrecta al establecer la dimensión de la imagen. Es por eso que se requiere un análisis cuidadoso para encontrar la configuración óptima de las dimensiones.

Sin embargo, sitios de comercio electrónico específicos han ideado reglas según el sitio en el que colocan su imagen. Según el espacio disponible para las imágenes, estos sitios solicitan a los usuarios que carguen imágenes de dimensiones específicas.

La optimización de imágenes exitosa para un rendimiento web ideal depende del uso del tamaño de archivo más pequeño y las imágenes de la más alta calidad. Esta combinación contribuye a la optimización de la imagen y, por lo tanto, ofrece el mejor rendimiento web.

Atributo de texto alternativo

La estructura de una etiqueta de imagen se muestra a continuación:

<img src=”img_girl.jpg” alt=”Chica con chaqueta” width=”500″ height=”600″>

Los datos muestran que alrededor del 90 por ciento de los expertos en SEO no utilizan un aspecto esencial de la optimización de imágenes, y ese es el uso de texto "alt" en el atributo de etiqueta de imagen. Agregar palabras clave que describan su imagen ayudará a los motores de búsqueda a identificar la intención para la cual se utiliza la imagen.

Las personas que usan lectores de pantalla o que tienen conexiones de ancho de banda bajo pueden acceder a las imágenes usando el atributo de texto "alt". Hemos creado una base para los motores de búsqueda y, como comentamos anteriormente, los motores de búsqueda no pueden leer imágenes. Dependen del texto alternativo para comprender mejor la descripción de las imágenes.

El enfoque debe estar en agregar palabras clave útiles y valiosas que describan mejor la imagen. El atributo "alt" es esencial para los resultados de la consulta de búsqueda. Es por eso que evitar el relleno de palabras clave puede terminar en una mala experiencia de usuario. Es vital ajustar el texto alternativo de acuerdo con las pautas de W3. Los siguientes son ejemplos de etiquetas de imagen buenas y malas y atributos de texto "alt"

• Malo : <img src=”tshirt.jpg”/> (Falta el texto alternativo)
• Malo : <img src=”cachorro.jpg” alt=”Camisa negra Camisa genial Camisa para niños
• Diseños de chicos Camiseta de chico Camisetas negras impresionantes Camisetas sin mangas Camisetas Cool Dude”/> ( relleno de palabras clave)
• Mejor : <img src= “BMW-i8-Blanco.jpg” alt= “BMW i8 Negro” />
• Mejor : <img src=”Tesla-model-s-red.jpg” alt=”Model s Tesla Red Color”/>

Google aconseja a su usuario que pruebe el contenido usando una conexión de red lenta y auditando la accesibilidad.

Como Google ha facilitado a sus consumidores muchos atributos y pautas, existen otros requisitos técnicos para una mejor indexación de imágenes.

Usar etiqueta de imagen <img>

Google analiza el HTML de su página para indexar imágenes, pero no puede indexar el CSS. Agregar imágenes en su CSS para mostrarlas es inútil porque Google no puede indexarlas. Por eso Google aconseja el uso del marcado semántico para una mejor indexación.

• Incorrecto: <div style=”background-image: URL(crikcet_bat.jpg)”>Grey Nikols Balister</div>
• Bueno: <img src=”crikcet_bat.jpg” alt=”Grey Nikols Balister” />

Formatos de imagen admitidos por Google

Las imágenes de Google solo admiten los siguientes formatos de imágenes para la indexación

• BMP
• GIF
• jpeg
• PNG
• WebP
• SVG.

Imágenes receptivas

Agregar imágenes receptivas mejorará la experiencia del usuario en su página web. Los usuarios pueden usar imágenes receptivas en diferentes dispositivos, creando la mejor experiencia de usuario.

Dado que existe un vínculo directo entre la experiencia de usuario mejorada y la clasificación, las imágenes receptivas ahora son un factor para la optimización de imágenes.

La principal prioridad de un administrador de comercio electrónico es brindar la mejor experiencia de usuario a sus clientes. La experiencia del usuario comprende diseños receptivos, velocidad de carga e imágenes optimizadas.

Consejos adicionales para la optimización:

Las mencionadas anteriormente son técnicas fundamentales de optimización de imágenes que es importante incorporar. Las siguientes técnicas pueden mejorar la optimización de su imagen en una nueva medida:

Texto generado automáticamente

Las imágenes de Google generan automáticamente un enlace de título y un fragmento de texto para explicar los resultados de búsqueda de la consulta del usuario. Estos resultados de texto ayudarán a los usuarios a comprender si las imágenes se ajustan o no a su intención.

Google utiliza varias fuentes para generar estos enlaces y fragmentos, como metadatos, descripciones de títulos y metaetiquetas. Las siguientes son las mejores prácticas de Google para generar enlaces de título y fragmentos de texto para brindar mejores resultados a los usuarios:

• Debe haber un título específico en cada etiqueta de título <título> de una página web
• Debe haber texto descriptivo y conciso en el <título>
• No debe haber ningún título en la etiqueta del título, como "Inicio" o "Perfil".
• Debe haber palabras clave distintas en la etiqueta del título de la página web. El texto del título distintivo ayudará al usuario a comprender y diferenciar entre las páginas web para el comercio electrónico.
• El título de su página web también puede ser un lugar para la marca de su sitio web. Puede agregar un eslogan para su negocio para proporcionar más información.

<title>Facebook: lugar para conectar a su gente</title>

• El texto del título de su página web debe ser claro porque Google utilizará las siguientes fuentes para generar los enlaces o fragmentos del título, como
  • Contenido en la etiqueta del título
  • El título visual se muestra en la página web.
  • elementos de encabezado
  • Texto de anclaje
  • El texto dentro de los enlaces redirige a otras páginas.
• El mismo script debe usarse como script principal en su página web. Los bots de Google vinculan el título de la página con la página principal. Si Google determina que el título de la página no coincide con el script principal, generará un nuevo archivo de texto.
• Además de todo esto, comprobar que has permitido el rastreo de todos los motores de búsqueda es fundamental. Si Google no accede a su página, utilizará atributos fuera de la página para generar archivos de texto.

Adición de distintivos destacados

Agregar datos de estructura mostrará sus imágenes como resultados enriquecidos. Estos resultados enriquecidos se mostrarán junto con una insignia destacada que proporcionará a sus usuarios información relevante.

Como en la imagen de arriba, puede entender que la imagen del bate de cricket se tomó de un sitio web que vende este bate. Si los usuarios quieren comprar un bate, pueden hacer clic en la imagen, redirigiéndolos al sitio de la transacción.

Google proporciona pautas para mostrar datos estructurales:

• Las páginas web deben estar marcadas por uno de los tres formatos de imagen admitidos:
  • JSON-LD
  • Microdatos
  • RDFa
• Sería mejor si no hubieras bloqueado el bot de Google para estructurar páginas de datos usando cualquier medio de control.
• Proporcione información actualizada porque los resultados enriquecidos no mostrarán información antigua
• No uses datos estructurados para información engañosa
• Los datos de estructura deben proporcionar información precisa o relevante sobre el contenido de la página.
• Debe asegurarse de proporcionar información relevante que Google clasifica en las siguientes insignias:

• Artículo
• Libro
• Migaja de pan
• Carrusel
• Curso
• conjunto de datos
• Preguntas y respuestas sobre educación
• Calificación agregada del empleador
• Salario Estimado
• Evento
• Revisión de hechos
• Preguntas más frecuentes
• Actividades en el hogar
• Cómo
• Metadatos de imagen
• Oferta de trabajo
• Vídeo de aprendizaje
• Negocio local
• Logo
• Solucionadores de Matemáticas
• Película
• Pódcast
• Problemas de práctica
• Producto
• Preguntas y respuestas
• Receta
• Fragmento de reseña
• Cuadro de búsqueda de enlaces de sitio
• aplicación de software
• Hablable
• Suscripción y contenido de pago
• Video

• Sería mejor si intentara usar las categorías más específicas para las insignias.

Google asigna insignias destacadas si los usuarios pueden seguir las pautas.

Sitemaps de imagen

La URL de las imágenes también se puede proporcionar en la página web, y para eso, también debe incluir mapas de sitio en la imagen, de lo contrario, Google no entenderá ni ubicará su archivo.

Los sitemaps de imágenes contienen imágenes de otros dominios y aplican restricciones entre dominios. La restricción entre dominios le permitirá utilizar el Sistema de entrega de contenido (CDS) que lo ayudará a disminuir la carga del servidor, mejorar el rendimiento del sitio y permitir la segmentación de audiencia basada en análisis.

<?versión xml=”1.0″ codificación=”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://ejemplo.com/ejemplo1.html</loc>

<imagen:imagen>

<image:loc>http://ejemplo.com/image.jpg</image:loc>

</imagen:imagen>

<imagen:imagen>

<image:loc>http://ejemplo.com/foto.jpg</image:loc>

</imagen:imagen>

</url>

<url>

<loc>http://ejemplo.com/ejemplo2.html</loc>

<imagen:imagen>

<image:loc>http://ejemplo.com/imagen.jpg</image:loc>

</imagen:imagen>

</url>

</conjunto de URL>

Optimización de Apimio

Existe un software de gestión de información de productos llamado Apimio que puede ayudarlo a analizar y comprender si una imagen está optimizada o no. Nuestro PIM realiza las siguientes tareas para mejorar la experiencia de los usuarios de Shopify.

Apimio hace que cada parte del viaje de su producto sea más eficiente. Comenzar con datos de productos optimizados en sus tiendas en línea nunca ha sido más rápido y fácil. Permite a los usuarios de Shopify importar datos de productos a granel y mejorar la optimización.

Nuestro PIM analiza imágenes y devuelve el puntaje de optimización basado en parámetros. Los siguientes atributos de Apimio PIM analizan

1. Dimensiones de la imagen
2. Formato
3. El tamaño

De estas imágenes se puntúa en función de sus características. Si cualquiera de las dos características mencionadas no se completan, será una imagen 100% no optimizada y viceversa.

La imagen de arriba es un ejemplo de la pantalla que muestra que los atributos como el formato de archivo, el tamaño y las dimensiones no están de acuerdo con los estándares de optimización.

Además, Shopify también facilita a los usuarios al proporcionar un complemento que cuesta alrededor de $ 2. Permite a su usuario cambiar el tamaño y comprimir imágenes automáticamente, ahorrando tiempo para comprimir y cambiar el tamaño de miles de imágenes.