Che tu sia un blogger o che tu scriva articoli per una rivista o un giornale online, è probabile che ti chiederai se il tuo articolo ha bisogno o meno di un’immagine. La risposta è sempre “Sì“. Le immagini danno vita a un articolo e possono anche contribuire al SEO del vostro sito web. Questo articolo spiega come ottimizzare completamente un’immagine per il SEO e fornisce alcune indicazioni sull’utilizzo delle immagini per la migliore esperienza dell’utente.
Utilizzare sempre le immagini
Le immagini, se usate con cura, aiuteranno i lettori a capire meglio il vostro articolo. Il vecchio detto “Un’immagine vale più di mille parole” probabilmente non si applica a Google, ma è certamente vero quando è necessario rendere più interessanti 1.000 parole noiose, illustrare cosa si intende in un grafico o in un diagramma di flusso di dati, o semplicemente rendere più allettanti i post sui social media.
È una semplice raccomandazione: dovreste aggiungere immagini a ogni articolo che scrivete online per renderli più accattivanti. Inoltre, dato che la ricerca visiva sta diventando sempre più importante, potrebbe portarvi un bel po’ di traffico. Se si dispone di contenuti visivi, potrebbe avere senso fare SEO per le immagini e metterlo nelle lista delle cose da fare un po’ più in alto di dove è attualmente (scommetto in fondo alla lista!).
Google Images è stato recentemente rinnovato con una nuova interfaccia. Troverete anche nuovi filtri, metadati e persino l’attribuzione. I nuovi filtri mostrano che Google sa sempre di più cosa c’è in un’immagine e come quell’immagine si inserisce in un contesto più ampio.
Trovare l’immagine giusta
Premettiamo che è sempre meglio usare immagini originali, quelle che hai scattato tu stesso, piuttosto che foto stock: il tuo articolo ha bisogno di un’immagine rilevante. Se stai scegliendo una foto a caso solo per ottenere qualcosa che spezzi il testo, allora stai sbagliando. L’immagine dovrebbe riflettere l’argomento del post o avere scopi illustrativi all’interno dell’articolo. Provate a posizionare l’immagine vicino al testo pertinente. Se hai un’immagine principale o un’immagine che stai cercando di classificare, cerca di tenerla vicino all’inizio della pagina, se ha senso.
C’è un semplice motivo in ottica SEO per tutto questo: un’immagine con un testo correlato si classifica meglio per la parola chiave per cui è ottimizzata.
Alternative
Se non si dispone di immagini proprie da utilizzare, ci sono altri modi per trovare immagini uniche ed evitare comunque le foto di stock. Flickr.com è una bella fonte di immagini, ad esempio, poiché è possibile utilizzare le immagini rilasciate sotto Creative Commons. Non dimenticare di aggiungere una riga con il nome (ed il link) del fotografo originale. Mi piacciono anche le immagini fornite da siti come Unsplas o Pixabay. Anche noi, su Fotografare in Digitale, ci avvaliamo spesso di questi provider in quanto è pressoché impossibile coprire tutti gli argomenti con foto proprie!
State alla larga dalle foto di stock ovvie, e cercate sempre di scegliere quelle che sembrano più autentiche. Ma qualsiasi cosa usiate, ricordate che tutte le immagini che contengono persone sembrano sempre e solo foto di stock, a meno che non le abbiate scattate voi stessi. Alla fine, questa è sempre l’idea migliore.
Ovviamente le alternative per le foto sono essere le illustrazioni, che è quello che usiamo, o i grafici. Una menzione d’onore dovrebbe andare alle GIF animate, perché sono incredibilmente popolari di questi tempi.
Preparazione delle immagini per l’uso nel vostro articolo
Una volta trovata l’immagine giusta – sia essa un’illustrazione, un grafico o una foto – il passo successivo è quello di ottimizzarla per l’utilizzo sul vostro sito web. Ci sono diverse cose a cui dovete pensare, e le affronteremo qui di seguito.
Scegliere il nome del file giusto
Il SEO per le immagini inizia con il nome del file. Se volete che Google sappia di cosa tratta l’immagine senza nemmeno guardarla, usate la vostra frase chiave nel nome del file dell’immagine. È semplice: se la vostra immagine mostra un’alba a Milano con il Duomo , il nome del file non dovrebbe essere DSC1234.jpg, ma duomo-milano-alba.jpg. La frase principale è nel nostro caso Duomo Milano, in quanto questo è il soggetto principale della foto, motivo per cui si trova all’inizio del nome del file.
Scegliere il formato giusto
Per le immagini, il formato giusto non esiste, dipende dal tipo di immagine e da come si vuole usarla. In breve, vi consigliamo di:
- scegliere JPEG per foto o illustrazioni più grandi: vi darà buoni risultati in termini di colori e chiarezza con un file di dimensioni relativamente piccole
- utilizzare PNG se si vuole preservare la trasparenza dello sfondo
- utilizzare WebP invece di JPEG e PNG. Produrrà risultati di alta qualità con file di dimensioni più piccole. È possibile utilizzare strumenti come Squoosh per convertire la vostra immagine in WebP.
- utilizzare SVG per loghi e icone. Con l’aiuto di CSS o JavaScript è possibile gestire immagini in formato SVG e ridimensionarle senza perdita di qualità.
Quando hai il nome impostato ed il formato giusto selezionato, è il momento di ridimensionare e ottimizzare la tua immagine.
Scala per l’immagine per il SEO
I tempi di caricamento sono importanti per il SEO. Più veloce è il sito, più facile è visitare e indicizzare una pagina. Le immagini possono avere un grande impatto sui tempi di caricamento, soprattutto quando si carica un’immagine enorme e poi la si visualizza davvero piccola (per esempio un’immagine di 2500×1500 pixel visualizzata a 250×150 pixel) in quanto l’intera immagine deve necessariamente essere caricata. Quindi ridimensionate l’immagine come volete che sia visualizzata. WordPress aiuta fornendo automaticamente l’immagine in più dimensioni dopo il caricamento. Purtroppo questo non significa che anche la dimensione del file sia ottimizzata, ma solo la dimensione di visualizzazione dell’immagine.
Utilizzare immagini reattive
Questo è essenziale anche per il SEO. Le immagini dovrebbero avere l’attributo srcset, che permette di servire un’immagine diversa per larghezza di schermo, cosa particolarmente utile per i dispositivi mobili.
Ridurre le dimensioni del file
Il passo successivo nel SEO per le immagini dovrebbe essere quello di assicurarsi che l’immagine ridotta sia compressa al valore più piccolo possibile.
Naturalmente, si potrebbe semplicemente esportare l’immagine e sperimentare con percentuali di qualità, ma io preferisco usare immagini di qualità al 100%, soprattutto data la popolarità degli schermi di ultima generazione degli smartphone.
Esistono tantissimi servizi web che vi permettono di ottenere questo risultato come ad esempio ImageOptim, JPEGmini, jpeg.io o Kraken.io. Senza dimenticare plugin automatici WordPress come Shortpixel o Semrush.
Una volta ottimizzate le immagini, non resta che testare i risultati in termini di velocità del sito o della pagina. A tal fine, ci sono un po’ di siti che vi possono aiutare come Google PageSpeed Insights, Lighthouse, WebPageTest.org o Pingdom.
Aggiungere l’immagine al tuo articolo
Mentre Google sta diventando sempre più bravo a riconoscere ciò che c’è in un’immagine, non dovreste ancora affidarvi alla sua capacità. Tutto dipende dal fatto che tu fornisca il contesto di quell’immagine – quindi scrivi il più possibile.
Ora che la vostra immagine è pronta per l’uso, non limitatevi a inserirla nel vostro articolo. Come detto in precedenza, aggiungerla vicino al contenuto testuale correlato aiuta molto. Fa in modo che il testo sia tanto rilevante per l’immagine quanto l’immagine lo sia per il testo.
Didascalie
La didascalia dell’immagine è il testo che accompagna l’immagine nella pagina. Perché le didascalie sono importanti per il SEO delle immagini? Perché la gente le usa quando scansiona un articolo. Le persone tendono a scansionare intestazioni, immagini e didascalie mentre guardano (guardano, non leggono) una pagina web. :
Volendo riassumere possiamo dire che gli elementi che migliorano la scansione sono le intestazioni, i titoli, il testo in grassetto, il testo evidenziato, gli elenchi puntati, la grafica, le didascalie, le frasi degli argomenti e gli indici. E, andando ancora più nel dettaglio, le didascalie sotto le immagini vengono lette in media il 300% in più del corpo stesso dell’articolo, quindi non usarle, o non usarle correttamente, significa perdere l’opportunità di coinvolgere un numero enorme di potenziali lettori.
È necessario aggiungere didascalie ad ogni immagine? No, perché a volte le immagini servono ad altri scopi. Decidete se volete usare la vostra anche per il SEO o meno. Tenendo presente la necessità di evitare un’eccessiva ottimizzazione, direi che dovreste aggiungere didascalie solo dove avrebbe senso per il visitatore. Pensate prima al visitatore, e non aggiungete una didascalia solo per il SEO dell’immagine.
testo nei tag ALT e TITLE
Il testo nel tag alt viene aggiunto ad un’immagine in modo che, se l’immagine non verrà visualizzata per qualche motivo, quel testo sarà mostrato. Wikipedia scrive: Nelle situazioni in cui l’immagine non è disponibile per il lettore, forse perché ha spento le immagini nel suo browser web o sta usando uno screen reader a causa di una disabilità visiva, il testo alternativo assicura che nessuna informazione o funzionalità vada persa.
Assicuratevi di aggiungere il testo alt ad ogni immagine che usate, e assicuratevi che il testo includa la frase chiave SEO per quella pagina. Soprattutto, descrivete ciò che c’è nell’immagine in modo che sia i motori di ricerca che le persone possano dargli un senso. Più le informazioni che circondano un’immagine sono rilevanti, più i motori di ricerca riterranno importante questa immagine.
Quando si passa sopra un’immagine, alcuni browser mostrano il testo del titolo come “tooltip” (Chrome lo fa, per esempio). Il testo del tag Title è simile e molte persone che usano i titoli si limitano a copiare ciò che è inserito nel tag alt. Effettivamente non c’è una grossa differenza.
Aggiungere i dati strutturati dell’immagine
L’aggiunta di dati strutturati alle vostre pagine può aiutare i motori di ricerca a visualizzare le vostre immagini come risultati importanti. Anche se Google dice che i dati strutturati non aiutano a migliorare il vostro ranking, aiutano a ottenere un risultato (per voi) più dettagliato nella ricerca di immagini. Ma c’è di più: se ad esempio avete delle ricette sul vostro sito e aggiungete dati strutturati alle vostre immagini, Google può anche aggiungere un badge alle vostre immagini che mostra che questa immagine appartiene a una certa ricetta. Google Images supporta dati strutturati per i seguenti tipi:
- Prodotto
- Video
- Ricetta
Google ha una serie di linee guida che dovete seguire se volete che le vostre immagini appaiano nella ricerca di immagini. L’aspetto principale è che l’attributo dell’immagine è obbligatorio e che le vostre immagini devono essere viste dagli spider e indicizzabili. Google ha creato una guida molto dettagliata a tal riguardo: Structured Data General Guidelines.
OpenGraph e Twitter
Prima ho accennato all’uso di immagini per la condivisione sociale. Se aggiungi il seguente tag immagine alla sezione <head> della tua pagina HTML in questo modo
<meta property=”og:image” content=”http://esempio.com/immagine.jpg” />
otterrai il risultato che l’immagine sia inclusa nella tua condivisione su Facebook (e OpenGraph è usato anche per Pinterest, per esempio).
Sitemaps di immagini XML
Se siete uno sviluppatore web, potreste chiedervi delle sitemap di immagini XML. Preferirei descriverle come immagini nelle sitemaps XML. Google è chiaro su questo: inoltre, è possibile utilizzare le estensioni delle immagini di Google per le sitemaps per dare a Google maggiori informazioni sulle immagini disponibili sulle vostre pagine. Le informazioni delle immagini sulle sitemap aiutano Google a scoprire immagini che altrimenti non potremmo trovare (come le immagini che il vostro sito aggiunge con codice JavaScript), e vi permette di indicare le immagini sul vostro sito che volete che Google cerchi e indicizzi.
Aggiungere immagini alle vostre sitemap XML aiuta Google a indicizzare le vostre immagini, quindi assicuratevi di farlo per un migliore SEO delle immagini. Esistono, se avete WordPress, degli ottimi Plugin che fanno questo
Immagini e SEO: riepilogo
Il SEO per le immagini è la somma di una serie di elementi. Con Google che ogni giorno riconosce sempre meglio gli elementi nelle immagini, ha senso fare in modo che l’immagine e tutti i suoi elementi contribuiscano a una buona esperienza utente oltre che al SEO.
Tenete a mente queste cose quando aggiungete un’immagine a un articolo:
- Utilizzare un’immagine pertinente che corrisponda al testo
- Scegliere un buon nome di file per la vostra immagine
- Assicurarsi che le dimensioni dell’immagine corrispondano alle dimensioni dell’immagine visualizzata
- Utilizzare srcset se possibile
- Ridurre le dimensioni del file per un caricamento più rapido
- Aggiungere una didascalia per facilitare la scansione della pagina
- Utilizzare il testo dell’immagine alt.
- Aggiungere dati strutturati alle immagini
- Aggiungere i tag OpenGraph e Twitter Card per l’immagine
- Utilizzate le immagini nelle vostre sitemap XML
Oltre a contribuire al SEO e all’esperienza dell’utente, le immagini possono anche giocare un ruolo importante nella conversione.
Comments 1