SEO per immagini: come ottimizzare le immagini per la ricerca

Pubblicato: 2021-09-15

C'è molto di più da cercare di 10 link blu. MozCast mostra che oltre il 36% delle ricerche include immagini.

Per non parlare di tutte le ricerche effettuate utilizzando Google Image Search. Questa è un'enorme quantità di potenziale coinvolgimento del sito Web per i marchi. Tuttavia, molti creatori di siti Web non dedicano tempo all'ottimizzazione delle immagini che utilizzano per il loro sito: ritengono che una semplice riga di testo alternativo sia sufficiente per soddisfare il complesso algoritmo SEO delle immagini di Google.

Ma l'algoritmo di Google diventa ogni giorno più intelligente.

Fortunatamente, l'ottimizzazione delle immagini del tuo sito Web per la ricerca non richiede innumerevoli ore di implementazione di complesse strategie e formule SEO. L'ottimizzazione delle immagini per la SEO richiede pochi semplici passaggi. Concentrandoti su fattori come la dimensione dell'immagine, la velocità, la descrizione e il contenuto, puoi fornire una migliore esperienza utente e aiutare Google a definire e organizzare le tue immagini.

Ottimizzazione dell'immagine per l'esperienza utente

Mentre tutti gli strateghi SEO vogliono che i loro contenuti si posizionino in alto su Google, è importante creare contenuti che forniscano un'esperienza utente (esperienza utente) eccezionale. Migliore UX fornisci, maggiore è la probabilità di coinvolgimento e conversioni. Ecco perché la migliore ottimizzazione delle immagini include contesto, pertinenza e qualità del sito.

Ecco come puoi ottimizzare le immagini per l'esperienza utente.

Considera il posizionamento dell'immagine

La scelta della posizione in cui posizionare un'immagine su una pagina Web influenza maggiormente il contesto e la pertinenza. Molti creatori di siti inseriscono un'immagine o due in sezioni casuali della loro pagina Web come modo per suddividere il testo. Ma farlo può finire per confondere e distrarre il tuo pubblico. Le immagini dovrebbero essere posizionate vicino al testo più pertinente per fornire un contesto ai visitatori. Nota come l'immagine nella prossima sezione si riferisce al testo. Questo aiuta anche Google a fornire immagini appropriate alle query di ricerca correlate.

Usa immagini uniche e di alta qualità

Le foto d'archivio sono i punti di riferimento di molti proprietari di siti Web. Dopotutto, sono spesso gratuiti, facili da usare e ce ne saranno sicuramente uno o due rilevanti per il tuo sito. Il problema è che probabilmente ogni altro creatore di siti Web sta facendo la stessa cosa, il che significa che le immagini stock che usi si trovano probabilmente su altri dieci siti come il tuo.

Tweet di John Mueller.

Come spiega John Mueller di Google, "se stai cercando di classificarti in Google Immagini, utilizzare la stessa immagine di molti altri siti non ti farà molto bene".

Come parte del tuo flusso di lavoro di ottimizzazione, prendi in considerazione la creazione di immagini uniche che vengono utilizzate esclusivamente per il tuo sito. Investire in foto di alta qualità può portare a un tasso di coinvolgimento molto più elevato, soprattutto se disponi di un negozio di e-commerce in cui le foto dei prodotti allettanti sono una necessità.

Garantire la compatibilità mobile

L'uso dei dispositivi mobili rappresenta oltre il 50% di tutto il traffico web , quindi è fondamentale rendere le tue immagini ottimizzate per i dispositivi mobili. Google offre un semplice test ottimizzato per dispositivi mobili che scansiona la tua pagina web e la testa per l'utilizzo mobile, offrendoti consigli su come ottimizzare al meglio qualsiasi immagine. Per le pagine che non superano questo test, prendi in considerazione l'utilizzo di immagini reattive che si adattano alle dimensioni in base al dispositivo con cui un utente vi accede.

In genere, una combinazione di HTML, CSS e Javascript viene utilizzata per fornire la dimensione corretta dell'immagine in base al dispositivo. La maggior parte dei siti è già ottimizzata per i dispositivi mobili. Se stai lavorando su un sito molto vecchio o non sei sicuro, regola la larghezza del tuo browser web. Dovresti vedere le immagini in scala quando le dimensioni della finestra del browser cambiano. Puoi leggere ulteriori informazioni sulla creazione di immagini reattive in questa guida .

Non dimenticare la qualità del sito

L'ottimizzazione delle immagini è solo una parte per garantire un'esperienza utente eccezionale. Avere altri contenuti di alta qualità sulla tua pagina web ne aumenta ulteriormente la pertinenza e l'utilità. Google prende in considerazione molti fattori diversi quando considera la qualità del sito , tra cui sicurezza, esperienza, valore, affidabilità e organizzazione. Più è sviluppata la tua pagina web nel suo insieme, maggiore è il vantaggio per le persone e più è probabile che Google si interessi.

Come ottimizzare le immagini per la velocità

Secondo un rapporto di Google , la probabilità che i visitatori escano da una pagina Web aumenta del 32% poiché "il tempo di caricamento della pagina va da 1 secondo a 3 secondi". Questa statistica elevata mostra che la velocità di caricamento è un fattore influente nel successo della pagina web. E niente rallenta una pagina più di un'immagine che impiega troppo tempo per essere caricata.

Fortunatamente, ci sono diversi modi in cui puoi ottimizzare la tua immagine per una migliore velocità di caricamento della pagina.

Scegli il formato immagine corretto

La scelta del formato immagine corretto è il primo passo per garantire che l'immagine venga caricata in modo rapido e corretto. Ma come si determina quale formato immagine è il migliore per l'ottimizzazione della velocità? Il primo passaggio consiste nell'esaminare quali opzioni sono disponibili come formati immagine supportati da Google.

  1. PNG : i formati PNG vengono in genere utilizzati per grafica, schermate o immagini che richiedono la conservazione della trasparenza dello sfondo.
  2. JPEG : il più noto dei formati di immagine, i JPEG sono adatti per foto o illustrazioni di grandi dimensioni.
  3. SVG : Ideale per qualsiasi logo o icona personalizzata che può essere visualizzata in diverse dimensioni.
  4. WebP : l'opzione migliore per risultati di alta qualità per immagini di dimensioni inferiori.
  5. BMP : considerata più un'opzione obsoleta, BMP viene utilizzato per le immagini bitmap.
  6. GIF : per la grafica o l'animazione in movimento.

C'è un grande dibattito con l'ottimizzazione delle immagini sul fatto che GIF o video siano migliori dal punto di vista dell'ottimizzazione. Entrambi i formati hanno i loro vantaggi e svantaggi. I video tendono a ricevere il coinvolgimento più elevato: quasi il 70% dei consumatori ha maggiori probabilità di acquistare un prodotto dopo aver visto un video su di esso. Allo stesso tempo, i video tendono a richiedere più tempo per essere caricati rispetto alle gif, il che può rallentare la velocità della pagina. Quale scegliere dipenderà dagli altri elementi che si trovano sulla tua pagina web. Se è ricco di testo, prendi in considerazione l'utilizzo di GIF. Se hai meno contenuti sulla tua pagina, puoi usare i video senza sacrificare la velocità di caricamento.

Ricorda il tasso di compressione dell'immagine

Una volta scelto il formato giusto, devi anche considerare il tasso di compressione dell'immagine. Un'eccessiva compressione dell'immagine può portare a una scarsa qualità dell'immagine, mentre una compressione insufficiente comporterà un'enorme dimensione del file. Molti siti e app di fotoritocco ti consentono di sperimentare le dimensioni di compressione. Google ha fornito una guida sui metodi di compressione che puoi applicare alle tue immagini, coprendo termini come la compressione con perdita.

Tieni presente che non esiste una "risposta giusta" per come dovrebbe apparire la dimensione del tuo file di immagine di compressione, ma l'ottanta percento è un buon punto di partenza. È molto improbabile che si noti un degrado della qualità dell'immagine, tranne nei casi più critici.

Primo piano delle mani che tengono una fotocamera rivolta verso il basso.
Fonte

Prendi in considerazione l'utilizzo di un plug-in WordPress per l'ottimizzazione delle immagini. Per il blog MarketMuse utilizziamo Kraken . Una volta impostato, comprime automaticamente le immagini mentre vengono caricate sul CMS. Questo è perfetto per creare un flusso di lavoro efficiente.

Scegli le giuste dimensioni dell'immagine

La pubblicazione di immagini con le giuste dimensioni è l'ultimo passaggio per garantire che le immagini non influiscano negativamente sulla velocità di caricamento della pagina e sulla facilità d'uso. Servire immagini di grandi dimensioni è uno spreco di larghezza di banda e aggiunge un sovraccarico inutile. La maggior parte dei sistemi di gestione dei contenuti si occuperà di questo per te, ma per cominciare devi comunque avere un'immagine originale di dimensioni adeguate.

Lo strumento di ispezione del browser Chrome può aiutarti a determinare rapidamente la dimensione appropriata. La dimensione di rendering è la dimensione a cui viene visualizzata l'immagine. Sul blog MarketMuse, la larghezza della colonna è 760 pixel, che è effettivamente la larghezza massima alla quale verrà visualizzata un'immagine. La dimensione intrinseca è la dimensione dell'immagine che è stata caricata su WordPress (il nostro CMS). Di solito, la larghezza intrinseca non dovrebbe essere maggiore di quella renderizzata.

Codice sorgente della pagina web.
Ispezione delle dimensioni dell'immagine utilizzando il browser Chrome.

L'eccezione alla regola sono gli screenshot in cui si desidera che i visitatori vedano tutti i dettagli che perderanno in un'immagine di dimensioni inferiori. Ad esempio, sul blog MarketMuse mostriamo spesso screenshot della nostra piattaforma. Ma spesso è difficile distinguere con precisione caratteristiche particolari a causa della limitazione della larghezza della colonna di 760 pixel.

Quindi, l'immagine originale (in questo caso 1644 pixel di larghezza) viene caricata su WordPress e pubblicata con una larghezza di 760 pixel più piccola. Quando i lettori fanno clic sull'immagine, si apre alla dimensione intera dove i dettagli possono essere visti in tutto il loro splendore.

Inventario della pagina MarketMuse.
Clicca per vedere l'immagine intera.

Nota rapida : quando la compressione dell'immagine non è sufficiente, prendi in considerazione l'utilizzo di una CDN (rete di distribuzione dei contenuti). Una CDN è un gruppo geograficamente distribuito di server che lavorano insieme per fornire una consegna rapida di contenuti Internet. Quella differenza di velocità può essere abbastanza sostanziale e il costo è minimo e in alcuni casi gratuito. Leggi questa guida di Cloudflare per saperne di più.

Mappa che mostra l'America e l'Europa.
Con una CDN, gli utenti più lontani possono scaricare il contenuto statico del tuo sito più velocemente da un nodo server più vicino. (Fonte)

SEO per immagini per Discovery

Le immagini non possono essere classificate su Google se non vengono scoperte. Due elementi possono aiutare in questo senso; una mappa del sito di immagini e markup semantici.

Utilizza mappe del sito con immagini

Che cos'è una mappa del sito di immagini e in che modo aiuta Google a scoprire le tue immagini? Una mappa del sito di immagini è una mappa del sito XML dedicata all'elenco di tutti gli URL di immagini su un sito. Una mappa del sito è essenzialmente un progetto che aiuta Google a trovare, comprendere e scansionare gli URL pertinenti sul tuo sito.

Tecnicamente, non hai bisogno di una mappa del sito. Puoi semplicemente inviare URL tramite Google Search Console. Ma è molto più efficiente averne uno, specialmente quando viene aggiornato automaticamente quando i nuovi contenuti vengono pubblicati.

Impostazioni della mappa del sito di Rankmath.

Per il blog MarketMuse utilizziamo RankMath , un plugin per WordPress che gestisce le mappe dei siti tra una miriade di altre attività SEO. È praticamente impostato e dimentica. Questa guida di Google sulla creazione di una mappa del sito può essere utile se devi crearne una manualmente.

Considera il markup semantico

Inizialmente, la frase "markup semantico" può sembrare inizialmente complicata. Per fortuna, non è un software eccessivamente complesso di cui devi preoccuparti. Il markup semantico si riferisce al markup del contenuto, o HTML, di una pagina specifica. Aiuta gli esseri umani e i motori di ricerca a comprendere meglio il contenuto di una pagina. Questo lo rende ideale per l'ottimizzazione delle immagini.

Tutto l'HTML dovrebbe trasmettere informazioni che descrivono il tuo sito sia per i computer che per gli esseri umani. Leggi la versione di Google sui markup semantici per HTML per i migliori suggerimenti e trucchi sull'argomento.

Ottimizzazione SEO dell'immagine per l'indicizzazione

Ci sono alcune cose che puoi fare per assicurarti che Google indicizzi accuratamente le tue immagini.

Diventa descrittivo

L'inclusione di titoli descrittivi, descrizioni e nomi di file come parte del tuo sito aiuta Google e gli esseri umani a comprendere meglio il tuo sito. Il modo migliore per garantire che tutti i tuoi elementi di testo siano descrittivi è posizionare strategicamente le tue parole chiave nel testo che sarà in primo piano nel motore di ricerca . Inoltre, mantieni le descrizioni del testo brevi ma efficaci, evitando di utilizzare simboli come i trattini bassi, poiché gli algoritmi di Google non li riconoscono. Ogni singola parola che usi dovrebbe servire a uno scopo per un risultato di ricerca.

Incorpora dati strutturati

Per aiutarti a ottenere risultati ricchi su Google, includi dati strutturati nelle tue immagini, ove possibile. Con i risultati multimediali, Google può fornire badge che forniscono agli utenti ulteriori informazioni pertinenti sulla tua pagina mentre eseguono una ricerca di immagini. Google supporta i dati strutturati per prodotti, video e ricette.

cupcakes
Fonte

Inoltre, Google ha linee guida dettagliate sui dati strutturati che delineano l'intero processo di incorporazione dei dati strutturati nella SEO dell'immagine, di cui puoi leggere di più qui . I suggerimenti più importanti sono mantenere le informazioni e i dati aggiornati e non creare dati irrilevanti che potrebbero essere fuorvianti per gli utenti.

Usa tag alt

Se un'immagine non viene caricata sulla tua pagina, apparirà invece un testo alternativo che aiuta a descrivere la tua immagine. Inoltre, per le persone ipovedenti che accedono al tuo sito, questo tag alternativo può anche aiutarli a capire cosa c'è nell'immagine di Google. Infine, l'utilizzo dell'alt text corretto fornisce alcune informazioni aggiuntive per aiutare Google a comprendere meglio l'immagine e la pagina su cui risiede.

Quando le immagini non vengono caricate (sorgente).

Ci sono alcuni suggerimenti chiave per scrivere un buon testo alternativo che ottimizzi la tua immagine.

  • Usa le tue parole chiave target : l'aggiunta delle tue parole chiave target nel testo alternativo è il modo principale per aiutare ad associare il tuo sito ad argomenti rilevanti e aumentare la tua visibilità su un motore di ricerca.
  • Sii breve : da 80 a 125 caratteri (circa 16 parole) per la massima accessibilità . Fino a 50 parole per il posizionamento in Google Image Search.
  • Sbarazzati delle frasi non necessarie : non iniziare mai un tag alt con frasi come "Questa è un'immagine di ____" o "Questa è un'immagine di ____". Questo è ridondante e occupa uno spazio fondamentale. Vai direttamente alla fonte dell'immagine per brevità e chiarezza.

Nota rapida : una domanda comune quando si tratta di indicizzazione è se Google indicizza le immagini CSS. La risposta è no. John Mueller di Google ha dichiarato che è meglio utilizzare normali tag immagine e con l'attributo alt che punta all'immagine.

L'asporto

L'ottimizzazione delle immagini per la ricerca di immagini è un'altra strategia SEO da implementare mentre lavori alla creazione di pagine Web utili e pertinenti. Come puoi vedere, la SEO delle immagini copre molte sfaccettature. Per classificare bene su Google Ricerca immagini, devi considerare la dimensione dell'immagine, la velocità, il contenuto, il formato e i dati correlati. Inoltre, assicurarti di creare testo alternativo descrittivo, titoli e testo sulla pagina aiuta a creare una pagina web migliore in generale. Se eseguita correttamente, l'ottimizzazione delle immagini può portare a un migliore posizionamento nella ricerca e a un sito Web su cui gli utenti torneranno più e più volte.

Cosa dovresti fare ora

Quando sei pronto... ecco 3 modi in cui possiamo aiutarti a pubblicare contenuti migliori, più velocemente:

  1. Prenota tempo con MarketMuse Pianifica una demo dal vivo con uno dei nostri strateghi per vedere come MarketMuse può aiutare il tuo team a raggiungere i propri obiettivi di contenuto.
  2. Se desideri imparare a creare contenuti migliori più velocemente, visita il nostro blog. È pieno di risorse per aiutare a ridimensionare i contenuti.
  3. Se conosci un altro marketer a cui piacerebbe leggere questa pagina, condividila con loro via e-mail, LinkedIn, Twitter o Facebook.