Che cos'è l'ottimizzazione delle immagini e perché è importante per la SEO?

Ultimo aggiornamento - 8 luglio 2021

Il contenuto visivo è parte integrante di ogni sito web al giorno d'oggi, con oltre l' 80% dei marketer che utilizza i rich media per le campagne digitali. L'ultimo aggiornamento nell'interfaccia di ricerca di immagini di Google ha aumentato ulteriormente l'importanza del contenuto visivo nel ranking delle pagine. L'ottimizzazione delle immagini riduce la velocità di caricamento della pagina e migliora notevolmente il ranking della pagina. Continua a leggere per saperne di più su cos'è l'ottimizzazione delle immagini e perché è importante per la SEO.

Che cos'è l'ottimizzazione delle immagini?

L'ottimizzazione delle immagini si riferisce al processo di fornitura di immagini di alta qualità mantenendo le dimensioni più piccole possibili.

Esistono tre metodi principali per l'ottimizzazione delle immagini: ridimensionamento, memorizzazione nella cache o compressione. Ridimensionare significa ridurre le dimensioni dell'immagine per ottenere la dimensione più piccola con la massima qualità. Il metodo di memorizzazione nella cache memorizza i file di immagine all'interno della cache del browser, riducendo il tempo di caricamento della pagina.

Perché è importante ottimizzare le immagini?

Ogni giorno, secondo Google, centinaia di milioni di persone utilizzano Google Immagini per cercare visivamente contenuti web. La ricerca di immagini rappresenta il 27% di tutte le query generate nelle prime 10 proprietà di ricerca Web degli Stati Uniti.

L'aggiornamento del pulsante "Visualizza immagine" di Google da Ricerca immagine a "Visita [Pagina]". ha portato le piattaforme di analisi a registrare un aumento delle sessioni generate dalla ricerca di immagini. Ciò ha aumentato la visibilità dei contenuti per le pagine host. Le immagini sono un'importante fonte di traffico e dovremmo trarne vantaggio.

L'ottimizzazione delle immagini riduce i tempi di caricamento della pagina. Pertanto, ci sono più possibilità che i visitatori rimangano sul tuo sito Web, poiché il tempo medio di attesa di un utente per il caricamento di una pagina in 2 secondi. Più velocemente si carica la tua pagina, maggiore è la permanenza dei tuoi visitatori sul sito. Inoltre, perché Google dà la priorità ai siti più veloci e penalizza i siti lenti. In sintesi, l'ottimizzazione delle immagini può aiutarti con due aspetti chiave:

Velocità di caricamento della pagina

Le immagini contengono più della metà del peso delle pagine web. Ecco perché l'ottimizzazione delle dimensioni dell'immagine è il modo più semplice per ridurre al minimo la velocità di caricamento.

Classifica SEO

Raggiungere l'angolo sinistro d'oro è l'obiettivo di ogni marketer e amministratore web. Pertanto, l'ottimizzazione delle immagini per la SEO è un must. Tratteremo alcuni suggerimenti e tecniche nella sezione seguente.

Il caso dell'e-commerce

L'ottimizzazione delle immagini è particolarmente importante nel caso dei negozi eCommerce per fornire un catalogo chiaro e accattivante. Detto questo, hai bisogno di una solida piattaforma di eCommerce con funzionalità SEO integrate per posizionarti più in alto nei risultati dei motori di ricerca.

Le tre principali piattaforme di eCommerce, Shopify, Magento e Woocomerce, sottolineano l'importanza di ottimizzare le immagini per la SEO. Ad esempio, Shopify ha un tutorial online in cui consiglia ai suoi utenti di ottimizzare le proprie immagini per SEO e conversione, preferendo i file JPG rispetto ad altri formati per il rapporto tra qualità e dimensioni.

Pertanto, la scelta della piattaforma che fornisce la migliore funzionalità SEO è la chiave per massimizzare l'impatto delle tue immagini ottimizzate. Esaminiamo rapidamente queste tre principali piattaforme di eCommerce:

WooCommerce

Fornisce l'accesso al codice sorgente del tuo negozio e ha una serie di personalizzazioni disponibili, quindi è considerato SEO-Friendly. Un'estensione del sistema di gestione dei contenuti di WordPress è quindi compatibile con i plugin SEO di WordPress. È una delle piattaforme di eC-commerce più popolari, secondo questa statistica .

Alcuni dei plugin SEO disponibili per WooCommerce sono:

• MonsterInsights
• Tutto in un pacchetto SEO
• Sitemap XML di Google
• Cache totale W3
• Carico pigro BZ
• Immagini ottimizzate per la SEO

Prezzi : è un plug-in di eCommerce gratuito con aggiornamenti gratuiti, che offre estensioni a prezzo per SEO a partire da $ 49

Sicurezza : è necessario installare un certificato SSL venduto dall'host o da un fornitore di terze parti, che richiede password complesse e accessi limitati.

Prestazioni : WooCommerce tende a rallentare durante il caricamento di immagini con un numero elevato di versioni.

Magento

Una piattaforma di eCommerce gestita end-to-end, una delle piattaforme più utilizzate.

SEO : fornisce potenti funzionalità SEO integrate che possono essere estese per negozi online di medie e grandi dimensioni. Alcune delle estensioni SEO disponibili per Magento sono:

• Estensione Magento SEO Suite Pro v9.5.2
• Suite SEO avanzata di Mirasvit
• Estensione SEO Magento gratuita di Creare
• Ultimate SEO Suite di AheadWorks v1.3.8

Prezzi : è open source, con un'edizione community gratuita. Magento Enterprise Edition è la versione a pagamento, con quotazione richiedendo preventivo. Come WooComerce, offre estensioni SEO a pagamento.

Prestazioni : funziona come un sistema di gestione dei contenuti e, essendo supportato da Adobe, li rende agili e facili da usare.

Shopify

Una piattaforma di eCommerce basata su cloud, la funzione di vendita senza limiti la rende molto popolare.

SEO : le app di Shopify sono come plug-in per estendere le sue funzionalità, con il proprio mercato per le app.

Alcune delle migliori app SEO per Shopify includono:

• Ottimizzatore di immagini SEO
• SEO Meta Manager
• Ultra SEO

Prezzi : viene fornito con piani tariffari diversi, a partire da una prova di 14 giorni. Il piano base parte da $ 29 e arriva fino a $ 279.

Prestazioni: una delle migliori caratteristiche di Shopify è l'elevata velocità di caricamento delle pagine. Questo è il risultato dell'elevata priorità che Shopify attribuisce all'ottimizzazione delle immagini.

Come ottimizzare le immagini per il Web e le prestazioni

Ecco alcuni suggerimenti per aiutarti a ottimizzare le tue immagini per ottenere le migliori prestazioni.

# 1. Denominare naturalmente i file di immagine

Il modo più semplice per includere le immagini nel tuo SEO è nominarle. Prova a trovare il nome logico per le immagini, utilizzando le parole chiave per le quali l'immagine potrebbe classificarsi.

Ad esempio, supponiamo che tu abbia un negozio di e-commerce che vende gioielli fatti a mano e stai vendendo gli orecchini nell'immagine qui sotto, che hai chiamato "Coperta d'argento":

Puoi nominare l'immagine "image17797.jpg" o puoi chiamarla "earrings-seed-beads-woven.jpg", più in base alle parole chiave di ricerca che i tuoi potenziali clienti possono utilizzare per cercare i tuoi prodotti.

Allo stesso modo, gli attributi alt e title delle immagini aiutano le immagini a posizionarsi più in alto nelle ricerche, migliorando l'esperienza dell'utente. Questo, a sua volta, costruisce la pertinenza della pagina nel tempo, facendo sì che il motore di ricerca identifichi la pagina come una pagina degna di essere classificata più in alto.

Scrivi quegli attributi in modo conciso e grammaticalmente logica per aiutare i lettori di accessibilità, migliorando così l'esperienza di tutti gli utenti. Lo stesso vale per le didascalie delle immagini sulla pagina e le parole chiave che circondano l'immagine aiutano i motori di ricerca a ottenere più contesto per le immagini.

I tag del titolo HTML della pagina host ora vengono visualizzati nei risultati di ricerca di immagini, quindi anche questi dovrebbero essere pertinenti all'immagine.

#2. Utilizzando la giusta dimensione e formato

Lavorare con diversi tipi di formati può aiutarti a mantenere il peso del tuo sito web in linea. Ad esempio, puoi utilizzare SVG per loghi o icone poiché è leggero e funziona bene con immagini semplici e colori limitati.

PNG è ottimo da usare con immagini con uno sfondo trasparente, sebbene sia il tipo più pesante, quindi usalo con parsimonia. JPG è il tipo di immagine più comunemente usato poiché consente molti dettagli e colori. Tuttavia, dovresti mantenere le immagini JPG più leggere di 100 KB e 1920 px per evitare di aggiungere troppo peso alla pagina.

Se devi salvare un'immagine di grandi dimensioni, puoi impostarla come JPG progressivo, in cui le immagini iniziano a essere visualizzate progressivamente man mano che vengono caricate

Le GIF dovrebbero essere salvate per animazioni semplici con schemi di colori semplici poiché sono limitate a 256 colori.

#3. Prova A/B le tue immagini

Un ottimo esempio di come migliorare le tue immagini è il caso Unilever. Unilever ha rivoluzionato il mercato con le sue immagini eroiche al posto dei tradizionali pack-shot per migliorare l'esperienza dell'utente mobile. Queste immagini dell'eroe trasmettono più informazioni, con un primo piano della confezione e una striscia che mostra gli elementi di maggior interesse per un consumatore.

#4. Hosting e memorizzazione nella cache di immagini

Le immagini possono aumentare il numero di richieste fatte al server prima che il browser possa completare il caricamento della pagina, rallentando la pagina.

Gli sprite di immagini e le immagini ospitate erano utili una volta per velocizzare il recupero e il caricamento delle immagini Oggi, a seconda della configurazione, potrebbe essere più veloce ospitare le immagini sullo stesso host dei file HTML.

L'hosting di immagini sul tuo dominio aiuta a catturare potenziali link equity da qualsiasi incorporamento delle tue immagini nel loro contenuto. Altri vantaggi includono il controllo della cache, il branding e il controllo dei reindirizzamenti.

L'utilizzo di una rete di distribuzione dei contenuti (CDN) può ridurre i tempi di caricamento avendo il server vicino alla posizione dell'utente.

Per quanto riguarda la memorizzazione nella cache. le immagini dovrebbero essere le risorse con i tempi di memorizzazione nella cache più lunghi, impostando le scadenze del server per tutti i tipi di immagine.

Quando si tratta di memorizzare nella cache, assicurati anche che le scadenze del server siano impostate per tutti i tipi di immagine. Le immagini dovrebbero essere alcune delle risorse con i tempi di memorizzazione nella cache più lunghi (di solito molte settimane).

#5. Utilizzando una soluzione di gestione delle risorse digitali

Una soluzione di gestione delle risorse digitali può aiutare non solo a organizzare la tua libreria di immagini, ma anche a ottimizzare le immagini. Una buona soluzione DAM ha il tagging automatico, che ti aiuta a gestire correttamente la denominazione delle tue immagini con la parola chiave giusta e ricercabile.

#6. Usa il caricamento lento

A seconda di come carichi le tue immagini, puoi effettivamente rallentare le tue pagine. L'utilizzo della tecnica di caricamento lento consente alla pagina di terminare il caricamento nonostante il caricamento di immagini fuori schermo quando un visitatore scorre la pagina verso il basso.

Ciò può migliorare la velocità della pagina, ma dovresti fare attenzione a indicizzare correttamente le immagini. Del resto, l'utilizzo delle mappe del sito con immagini aiuta con l'indicizzazione, aumentando così la scoperta e la scansione.

Puoi saperne di più su come ottimizzare le tue immagini per siti di eCommerce come Shopify o WooComerce in questo tutorial di YouTube.

In sintesi: usa le immagini per potenziare la tua SEO

Le immagini non sono solo utili aiuti visivi per i tuoi contenuti. Al giorno d'oggi, le immagini indirizzano effettivamente il traffico verso i tuoi contenuti, avendo il potenziale per creare stabilità e aumentare il tuo page rank. Pertanto, ottimizzare le tue immagini per attirare le ricerche è un must per ogni sito web disposto a migliorare la propria SEO.