Guida completa all'ottimizzazione delle immagini eCommerce 2023

introduzione

Il marketing consiste nel trovare un problema nel mercato e poi vendere la soluzione ai clienti. In altre parole, si tratta di creare e diffondere consapevolezza su un problema. Mentre crei consapevolezza, è fondamentale considerare che stai comunicando ai consumatori giusti come marketer.

L'ottimizzazione per i motori di ricerca è fondamentale per aumentare il traffico verso il tuo sito web trovando il pubblico giusto. SEO aiuta a classificare il contenuto nei risultati di ricerca guidati dalla query di ricerca. Consiste di tre componenti.

1. SEO in pagina
2. SEO fuori pagina
3. Tecnico

La SEO on-page copre i contenuti presenti nella pagina. Le immagini sono una parte essenziale della SEO ON-Page e un mezzo eccellente per il traffico verso le pagine web e per aumentare le tue valutazioni.

Scopo e per chi è questa guida?

Se gestisci contenuti online utilizzando google, questa guida fa per te. I risultati di apprendimento di questa guida sono i seguenti:

• Impara le basi dell'ottimizzazione per i motori di ricerca
• Scopri l'importanza dell'ottimizzazione delle immagini su Google
• Impara e comprendi i requisiti tecnici per l'ottimizzazione di pagine e immagini su Google
• Impara e comprendi le migliori pratiche per l'ottimizzazione delle immagini

Se possiedi, gestisci, monetizzi o promuovi contenuti online tramite Ricerca Google, questa guida è per te. Potresti essere il proprietario di un'attività fiorente, il proprietario di una dozzina di siti web, uno specialista SEO in una web agency o un esperto SEO fai-da-te appassionato di meccanica di ricerca: questa guida fa per te.

Se stai cercando una panoramica completa delle tecniche per ottimizzare al meglio le immagini secondo le migliori pratiche di Google, sei nel posto giusto. Un punto importante da notare è che questa guida rivelerà i segreti che classificano automaticamente il tuo sito al primo posto in Google.

Tuttavia, seguire le migliori pratiche dovrebbe rendere più facile per i motori di ricerca la scansione, l'indicizzazione e la comprensione dei tuoi contenuti.

Ottimizzazione delle immagini

L'ottimizzazione delle immagini su Google ti aiuterà ad aumentare il tuo tasso di conversione e ad aumentare le vendite fino al 9%. Aiuterà anche a migliorare l'esperienza dell'utente. Circa il 10,1% delle ricerche su Google sono immagini.

Le immagini sono anche un modo per scoprire i contenuti. Durante la ricerca di immagini, agli utenti potrebbe piacere anche leggere il contenuto fornito dall'immagine, ed è così che attirerai più traffico sulla tua pagina web.

I motori di ricerca hanno un limite: non possono leggere le immagini. Invece, si concentrano sul contenuto di un'immagine. Per questo motivo, le tecniche di ottimizzazione delle immagini sono essenziali affinché l'utente possa attirare più visitatori tramite la ricerca di immagini.

Le immagini di Google possono essere significative per la scoperta di contenuti. I dati mostrano che nel complesso, il 20% delle ricerche di Google avviene tramite ricerche di immagini . Inoltre, il posizionamento delle immagini su Google richiede meno tempo rispetto al posizionamento dei contenuti.

Le visite alle immagini possono svolgere un ruolo significativo nel portare traffico al tuo sito Web perché renderanno più facile la scoperta di contenuti pertinenti ed essenziali. Le immagini accendono l'interesse nella mente dell'utente per quanto riguarda la descrizione o la storia dietro di essa.

Inoltre, l'ottimizzazione delle immagini è fondamentale anche per migliorare la tua esperienza utente. La velocità di caricamento è direttamente influenzata dalla qualità e dalle dimensioni di un'immagine. Se una pagina impiega più tempo per essere caricata, c'è la possibilità che i visitatori rimbalzino da questa pagina, aumentando così la frequenza di rimbalzo.

Google ha anche iniziato a utilizzare la velocità del sito Web come fattore di ranking. Le prestazioni del tuo sito web influiscono sul numero di visitatori.

I rapporti suggeriscono che le immagini non ottimizzate occupano fino al 75% del peso percentuale, con conseguente esperienza utente orribile.

Supponiamo che tu stia cercando una risposta o un contenuto correlato al tuo problema. Ma se il caricamento del sito Web che hai raggiunto richiede molto tempo, è possibile che rimbalzi all'altro sito Web.

D'altra parte, i visitatori abbandoneranno anche il tuo sito web se non vedono alcuna immagine sul tuo contenuto, rendendolo orribile e difficile da capire.

L'ottimizzazione e l'aggiunta di immagini relative ai prodotti aumenterà anche il tasso di conversione perché i clienti capiranno che aspetto hanno i prodotti.

6 Suggerimenti fondamentali per l'ottimizzazione dell'immagine

Come proprietario di un sito web, devi ottimizzare le tue pagine web per prestazioni migliori, come descritto in precedenza. Per migliorare le prestazioni del tuo sito web, devi lavorare su aree come l'esperienza utente, la SEO tecnica e la leggibilità dei contenuti.

L'esperienza utente

La creazione di una migliore esperienza utente aumenta anche le prestazioni e il posizionamento del sito web. Se la frequenza di rimbalzo del tuo sito web è più alta, può essere un fattore negativo nel posizionamento del tuo sito web.

Secondo le politiche di Google, le prestazioni di un sito Web sono un fattore di ranking dal 2010. Una migliore esperienza utente indica che gli utenti trovano il contenuto e il sito Web in base alle proprie esigenze e all'intento di ricerca.

I seguenti KPI possono misurare l'esperienza dell'utente:

• Tasso di sessione
• Frequenza di rimbalzo
• Pagine/Per sessione.

Google Analytics ti aiuterà a capire le prestazioni del tuo sito web in modo da poter analizzare cosa non va nel tuo sito web.

Per migliorare l'esperienza dell'utente, la prima cosa da fare è scrivere per le persone. I nuovi aggiornamenti di Google richiedono di scrivere il contenuto di cui le persone hanno bisogno. Esistono tre aree in cui viene eseguita l'ottimizzazione On-page, Off-page e Technical.

Una volta fornito agli utenti il ​​contenuto richiesto, l'analisi del sito Web migliorerà. Puoi monitorare le prestazioni dei tuoi siti Web utilizzando i KPI sopra menzionati da Google Console o Google Analytics.

Arricchisci i tuoi contenuti aggiungendo figure, grafici e immagini. Per un sito di e-commerce, le immagini sono importanti quanto il sito web. Nel caso di un sito eCommerce, se un'immagine non supporta il tuo prodotto, non è necessario avere un sito web.

Lo scopo principale del sito Web è fornire una descrizione visiva del prodotto e spiegare all'utente una storia. Inoltre, la maggior parte degli utenti trova facile capire e ricordare il contenuto quando viene spiegato con l'aiuto di immagini.

Google consiglia ai creatori di contenuti di creare contenuti per gli utenti, non per i motori di ricerca. La visibilità dell'immagine può essere aumentata seguendo alcune best practice.

La qualità dei contenuti di una pagina web gioca un ruolo fondamentale nel posizionamento delle immagini su Google Immagini. Immagini su Google fornisce più contesto e rende i risultati più fruibili. Il contenuto della pagina genera frammenti di testo per le immagini che possono fungere da fattore di ranking per le immagini.

L'esperienza utente migliora rendendo le interfacce e i siti user-friendly per ogni dispositivo. I rapporti suggeriscono che molte immagini di Google vengono cercate tramite dispositivi mobili anziché desktop.

C'è un'alta probabilità che la frequenza di rimbalzo aumenti se un utente ha difficoltà ad accedere al contenuto o alle immagini. Esiste una relazione diretta tra le prestazioni di una pagina web e il suo posizionamento. La performance suprema migliorerà il posizionamento delle immagini sulla pagina web.

Una struttura URL di facile utilizzo migliora le prestazioni del sito Web perché Google utilizza il percorso URL delle immagini come nomi di file per comprendere le immagini.

Migliora per la velocità

Applicare correttamente le tecniche di ottimizzazione delle immagini per migliorare la velocità del sito web. A seconda della situazione e dell'utilizzo, è necessario selezionare i formati immagine di conseguenza. Esistono due tipi di formati immagine vettoriali e raster.

I vettori sono adatti per immagini costituite da semplici forme geometriche come loghi, testi o icone. Le immagini vettoriali offrono i migliori risultati a ogni risoluzione, rendendole il formato ideale per risultati migliori.

Ma quando si tratta di descrivere un'immagine, la grafica vettoriale non è all'altezza. Per immagini, formati come JPEG, JPG o WebP per il salvataggio dei file. Entrambi i formati hanno pro e contro, poiché le immagini raster non sono adatte ai requisiti di alta risoluzione. L'immagine seguente descrive un risultato tra immagine raster e vettoriale

L'ottimizzazione delle immagini non ha parametri definiti; invece, è un insieme di diverse tecniche per visualizzare risultati migliori. Un altro fattore essenziale è trovare l'impostazione ottimale per dimensioni pixel migliori e dati codificati.

Non esiste una risposta giusta o sbagliata quando si imposta la dimensione dell'immagine. Ecco perché è necessaria un'analisi attenta per trovare le impostazioni delle dimensioni ottimali.

Tuttavia, specifici siti di eCommerce hanno escogitato regole in base al sito su cui collocano la loro immagine. In base allo spazio disponibile per le immagini, questi siti chiedono agli utenti di caricare immagini di dimensioni specifiche.

Il successo dell'ottimizzazione delle immagini per prestazioni Web ideali dipende dall'utilizzo della dimensione del file più piccola e della massima qualità delle immagini. Questa combinazione contribuisce all'ottimizzazione dell'immagine, offrendo così le migliori prestazioni web.

Attributo di testo alternativo

La struttura di un tag immagine è riportata di seguito:

<img src=”img_girl.jpg” alt=”Ragazza in giacca” width=”500″ height=”600″>

I dati mostrano che circa il 90 percento degli esperti SEO non utilizza un aspetto essenziale dell'ottimizzazione delle immagini, ovvero l'uso del testo "alt" nell'attributo del tag immagine. L'aggiunta di parole chiave che descrivono la tua immagine aiuterà i motori di ricerca a identificare l'intento per cui l'immagine viene utilizzata.

Le persone che utilizzano lettori di schermo o hanno connessioni a larghezza di banda ridotta possono accedere alle immagini utilizzando l'attributo di testo "alt". Abbiamo costruito una base per i motori di ricerca e, come discusso in precedenza, i motori di ricerca non possono leggere le immagini. Dipendono dal testo alternativo per comprendere meglio la descrizione delle immagini.

L'obiettivo dovrebbe essere l'aggiunta di parole chiave utili e preziose che descrivono al meglio l'immagine. L'attributo "alt" è essenziale per i risultati della query di ricerca. Ecco perché evitare il keyword stuffing può portare a una brutta esperienza per l'utente. È fondamentale modificare il testo alternativo secondo le linee guida del W3. Di seguito sono riportati gli esempi di tag immagine cattivi e buoni e attributi di testo "alt".

• Male : <img src=”tshirt.jpg”/> (testo alternativo mancante)
• Male : <img src=”puppy.jpg” alt=”Maglietta nera Maglietta cool per ragazzi
• Boy designs Boy Tshirt Black Awesome shirts Camicie senza maniche Cool Dude Shirts”/> ( keyword stuffing)
• Migliore : <img src= “BMW-i8-White.jpg” alt= “BMW i8 Black” />
• Migliore : <img src=”Tesla-model-s-red.jpg” alt=”Model s Tesla Red Color”/>

Google consiglia all'utente di testare il contenuto utilizzando una connessione di rete lenta e verificando l'accessibilità.

Poiché Google ha facilitato i suoi consumatori con molti attributi e linee guida, esistono altri requisiti tecnici per una migliore indicizzazione delle immagini.

Usa tag immagine <img>

Google analizza l'HTML della tua pagina per indicizzare le immagini, ma non può indicizzare il CSS. L'aggiunta di immagini nel tuo CSS per la visualizzazione è inutile perché Google non può indicizzarle. Ecco perché Google consiglia l'uso del markup semantico per una migliore indicizzazione.

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

Formati immagine supportati da Google

Le immagini di Google supportano solo i seguenti formati di immagini per l'indicizzazione

• BMP
• GIF
• JPEG
• PNG
• Web P
• SVG.

Immagini reattive

L'aggiunta di immagini reattive migliorerà l'esperienza utente per la tua pagina web. Gli utenti possono utilizzare immagini reattive su diversi dispositivi, creando la migliore esperienza utente.

Poiché esiste un collegamento diretto tra l'esperienza utente migliorata e il ranking, le immagini reattive sono ora un fattore per l'ottimizzazione delle immagini.

La massima priorità di un gestore di eCommerce è fornire la migliore esperienza utente ai propri clienti. L'esperienza utente comprende design reattivi, velocità di caricamento e immagini ottimizzate.

Suggerimenti aggiuntivi per l'ottimizzazione:

Quanto sopra menzionato sono tecniche fondamentali di ottimizzazione dell'immagine che è importante incorporare. Le seguenti tecniche possono migliorare l'ottimizzazione dell'immagine in una nuova misura:

Testo generato automaticamente

Le immagini di Google generano automaticamente un link del titolo e uno snippet di testo per spiegare i risultati della ricerca della query dell'utente. Questi risultati testuali aiuteranno gli utenti a capire se le immagini corrispondono o meno alle loro intenzioni.

Google utilizza diverse fonti per generare questi collegamenti e snippet, come metadati, descrizioni dei titoli e metatag. Di seguito sono riportate le best practice di Google per generare link al titolo e frammenti di testo per fornire risultati migliori agli utenti:

• Dovrebbe esserci un titolo specifico in ogni tag title <title> di una pagina web
• Ci dovrebbe essere un testo descrittivo e conciso nel <titolo>
• Non dovrebbero esserci titoli nel tag del titolo, come "Home" o "Profilo".
• Ci dovrebbero essere parole chiave distinte nel tag del titolo della pagina web. Il testo distintivo del titolo aiuterà l'utente a comprendere e distinguere tra le pagine web per l'e-commerce.
• Il titolo della tua pagina web può anche essere un luogo per il branding del tuo sito web. Puoi aggiungere uno slogan per la tua attività per fornire ulteriori informazioni.

<title>Facebook: luogo in cui connettere le persone</title>

• Il testo del titolo della tua pagina web dovrebbe essere chiaro perché Google utilizzerà le seguenti fonti per generare i link del titolo o snippet come
  • Contenuto nel tag del titolo
  • Il titolo visivo è mostrato sulla pagina web
  • Elementi di intestazione
  • Testo di ancoraggio
  • Il testo all'interno dei collegamenti reindirizza ad altre pagine.
• Lo stesso script dovrebbe essere utilizzato come script principale sulla tua pagina web. I bot di Google collegano il titolo della pagina alla pagina principale. Se Google determina che il titolo della pagina non corrisponde allo script principale, genererà un nuovo file di testo.
• Oltre a tutto ciò, è essenziale verificare di aver consentito a tutti i motori di ricerca di eseguire la scansione. Se Google non accede alla tua pagina, utilizzerà attributi fuori pagina per generare file di testo.

Aggiunta di distintivi di rilievo

L'aggiunta di dati sulla struttura visualizzerà le tue immagini come risultati multimediali. Questi risultati multimediali verranno visualizzati insieme a un badge in evidenza che fornirà agli utenti informazioni pertinenti.

Come nell'immagine sopra, puoi capire che l'immagine della mazza da cricket è presa da un sito Web che vende questa mazza. Se gli utenti desiderano acquistare una mazza, possono fare clic sull'immagine, reindirizzandoli al sito della transazione.

Google fornisce linee guida per mostrare i dati strutturali:

• Le pagine web devono essere contrassegnate da uno dei tre formati di immagine supportati:
  • JSON-LD
  • Microdati
  • RDFa
• Sarebbe meglio se non avessi bloccato il bot di Google per la strutturazione delle pagine di dati utilizzando qualsiasi mezzo di controllo
• Fornisci informazioni aggiornate perché i risultati multimediali non mostreranno le vecchie informazioni
• Non utilizzare dati strutturati per informazioni fuorvianti
• I dati della struttura devono fornire informazioni accurate o pertinenti sul contenuto della pagina
• Assicurati di fornire le informazioni pertinenti che Google classifica nei seguenti badge:

• Articolo
• Prenotare
• Percorso di navigazione
• Giostra
• Corso
• Set di dati
• Domande e risposte sull'istruzione
• Valutazione aggregata del datore di lavoro
• Stipendio stimato
• Evento
• Verifica dei fatti
• FAQ
• Attività domestiche
• Come
• Metadati dell'immagine
• Inserimento di lavoro
• Video di apprendimento
• Business locale
• Logo
• Risolutori di matematica
• Film
• Podcast
• Problemi pratici
• Prodotto
• Domande e risposte
• Ricetta
• Frammento di recensione
• Casella di ricerca dei sitelink
• Applicazione software
• parlabile
• Abbonamento e contenuti con paywall
• video

• Sarebbe meglio se provassi a utilizzare le categorie più specifiche per i badge.

Google assegna badge in evidenza se gli utenti possono seguire le linee guida.

Sitemap di immagini

L'URL delle immagini può anche essere fornito sulla pagina web e, per questo, dovresti anche includere le mappe dei siti nell'immagine, altrimenti Google non capirà o non individuerà il tuo file.

Le Sitemap di immagini contengono immagini di altri domini e applicano restrizioni tra domini. La restrizione tra domini ti consentirà di utilizzare Content Delivery System (CDS) che ti aiuterà a ridurre il carico del server, migliorare le prestazioni del sito e consentire la segmentazione del pubblico in base all'analisi.

<?versione XML=”1.0″ codifica=” 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://example.com/sample1.html</loc>

<immagine:immagine>

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

</image:image>

<immagine:immagine>

<image:loc>http://example.com/photo.jpg</image:loc>

</image:image>

</url>

<URL>

<loc>http://example.com/sample2.html</loc>

<immagine:immagine>

<image:loc>http://example.com/picture.jpg</image:loc>

</image:image>

</url>

</urlset>

Ottimizzazione Apimio

Esiste un software di gestione delle informazioni sul prodotto chiamato Apimio che può aiutarti ad analizzare e capire se un'immagine è ottimizzata o meno. Il nostro PIM svolge le seguenti attività per migliorare l'esperienza degli utenti Shopify.

Apimio rende più efficiente ogni parte del percorso del tuo prodotto. Iniziare con dati di prodotto ottimizzati sui tuoi negozi online non è mai stato così facile e veloce. Consente agli utenti di Shopify di importare dati di prodotti in blocco e migliorare l'ottimizzazione.

Il nostro PIM analizza le immagini e restituisce il punteggio di ottimizzazione in base ai parametri. Analizzano i seguenti attributi Apimio PIM

1. Dimensioni dell'immagine
2. Formato
3. La dimensione

Di queste immagini viene assegnato un punteggio in base alle loro caratteristiche. Se le due funzionalità menzionate non vengono completate, sarà un'immagine non ottimizzata al 100% e viceversa.

L'immagine sopra è un esempio della schermata che mostra che attributi come il formato del file, la dimensione e le dimensioni non sono conformi agli standard di ottimizzazione.

Inoltre, Shopify facilita anche gli utenti fornendo un plug-in che costa circa $ 2. Consente all'utente di ridimensionare e comprimere automaticamente le immagini, risparmiando tempo per comprimere e ridimensionare migliaia di immagini.