6 Consejos Clave Según GSC I closermarketing

La última actualización de Google Aumentó aún más la importancia del contenido visual en el ranking de páginas. imágenes optimizadasEspecialmente en comercio electrónico, reduce la velocidad del flete y significativamente el ranking de una web.

Entons, ¿por qué deberías imágenes optimizadas en todos tus sitios en este momento? correctamente.Sigue leyendo para aprender más sobre esto.

6 consecuencias de las imágenes optimizadas en el comercio electrónico

Recientemente, Google Search Central (GSC) publicó y vídeo impenetrable acerca de cómo se debe abordar la optimización de imágenes. It Alan Kent, desarrollador encargado del área de e-commerce de Google, quien realizó una revisión de puntos clave que hay que considerar al realizar este proceso:

1. Eliminar el desplazamiento de diseño acumulado (CLS), clave para optimizar imágenes

O que agrega un elemento al carrito y un repentino pop-up mueve el botón de compra de su lugar. Este tipo de experiencias generan ruido y se mantienen como una frustración entre los usuarios. Por eso es importante que Google defina las tres métricas principales de Web Vitals.

Con respeto, GSC recomienda la utilización de herramientas como Perspectivas de velocidad de página para reducir el CLS; it say, el rango de tiempo que le toma a los elementos de diseño cambiar de posición. Al respecto, Kent resalta su utilidad, ya que presenta datos de laboratorio y de campo en un solo informe. Para reducir el CLS, también se recomienda:

• Cambios de diseño invasivos.
• Imágenes que no tengan ancho y alto explícito.

Resolver problemas de almacenamiento en caché de imagen puede ser muy sencillo.

2. Elegir el ancho y la altura correctos para las imágenes

En este nuevo apartado para imágenes optimizadasGSC resalta también la importancia del uso de PageSpeed. Usando esta herramienta se lograrán detectar anomalías en el tamaño de las imágenes. También, se identifican imágenes en una página que tienen dimensiones más grandes de lo necesario.

Una vez que haya detectado un problema puede, por ejemplo, aplicar comandos de atributo en HTML enumerando las URL de diferentes tamaños y formatos de imágenes.

3. Formatos útiles de imágenes actualizadas

En este apartado se destaca la importancia de una distinción general entre las necesidades de diseño, en comparación con los tipos de formatos a usar. Concretamente, se debe tener cuidado con formatos como JPEG y WEBP, en relación con su peso algoritmos de compresión con pérdida de tamaño.

si requiere imágenes optimizadas with pixels perfectos, as para íconos debuttons, you must use format less eficientes.

4. Codificar las imágenes de manera eficiente

PageSpeed ​​​​​​​​tiene una sección que permite identificar imágenes candidatas para compresión. Para encontrar un factor de calidad con el que está satisfecho, agrega en tu herramienta de imágenes optimizadas Un valor predeterminado para WEBP es 75. Al respecto, Kent señala: «Si bien las imágenes de menor calidad pueden sonar como una mala idea, recuerda que la degradación de la calidad no puede ser percibida por los compradores» .

5. Caché de imágenes usadas en el navegador

Decirle al navegador cuánto tiempo y dónde puedes almacenar imágenes en caché beneficia el tiempo de carga de una web.Usando el informe de análisis podrás detectar oportunidades para imágenes optimizadas.

Otro truco es almacenar imágenes en múltiples ubicaciones alrededor del mundo, más cerca de donde se conectan tus usuarios.

6. Secuenciar el orden en que se descargan los recursos, necesario para optimizar imágenes

Cualquiera que sea el enfoque que utilice para imágenes optimizadasexiste un cuello de botella en el ancho de banda de la red. En general, deseará programar la descarga de imágenes destacadas de gran tamaño en la parte superior de la página.

Una técnica común para mejorar el orden de carga de imágenes es la carga diferida.

Para finalizar, sabemos que las imágenes en realidad produjeron tráfico a tu contenido, lo que tiene el potencial de generar permanencia y aumentar el rango de tu página. Como consecuencia, todos los esfuerzos que apliques siguiendo estos consejos pronto darán frutos.