\t\t\tAncora troppo spesso non si pensa a quanto sia importante ottimizzare le immagini del sito web per ottenere obiettivi strategici, primo tra tutti l\u2019aumento del traffico organico.<\/p>\n
L\u2019acronimo SEOSearch Engine Optimization (ottimizzazione per i motori di ricerca): l’insieme di strategie e pratiche per posizionare siti o pagine web nei risultati organici dei motori… ormai \u00e8 noto, ma molti pensano che questa attivit\u00e0 basilare del digital marketingIl Digital Marketing \u00e8 la componente del marketing che utilizza internet e le tecnologie digitali online per analizzare il mercato, elaborare strategie e porle in… sia incentrata unicamente sul linguaggio di programmazione e su metodologie riguardanti la scrittura dei testi pubblicati nelle pagine web.<\/p>\n
Invece l\u2019ottimizzazione per il motore di ricerca riguarda ogni tipo contenuto che viene messo online.<\/p>\n
Vediamo perch\u00e9 \u00e8 importante la SEO delle immagini e quali sono i passaggi fondamentali da seguire per ottimizzarle correttamente.<\/p>\n
La SEO delle immagini \u00e8 davvero importante?<\/p>\n
Ovviamente la risposta \u00e8 s\u00ec, ma \u00e8 necessario argomentare quella che altrimenti potrebbe sembrare solo una sensazione.<\/p>\n
Prendiamo in considerazione Google, il leader dei motori di ricerca, e il numero di volte che esso risponde a una queryQuery si usa di solito per indicare una richiesta che un utente effettua utilizzando un motore di ricerca. Ogni volta che cerchiamo\u00a0qualcosa su un motore… con una serie di foto.<\/p>\n
Secondo Moz le immagini appaiono nella SERPSERP: acronimo di Search Engine Results Pages, letteralmente “pagina dei risultati di un motore di ricerca”. Le SERP sono pagine web servite agli utenti quando… di Google per soddisfare pi\u00f9 di un quarto delle richieste fatte dagli utenti, pi\u00f9 precisamente questo accade per il 27,3% delle ricerche.<\/p>\n
Il dato fa ben capire quante potenzialit\u00e0 hanno le immagini ottimizzate inserite oculatamente su siti aziendali, blogUn blog (abbreviazione di “weblog”) \u00e8 un “giornale online”, o un sito web informativo, che mostra le informazioni in ordine cronologico inverso, con gli ultimi…, e-commerce, web magazine, quotidiani online, social network.<\/p>\n
Questo tipo di contenuto \u00e8 cos\u00ec importante da aver determinato un\u2019evoluzione del colosso di Mountain View, il quale nel corso del tempo ha dato sempre pi\u00f9 peso alle ricerche di immagini, sviluppando addirittura una funzione dedicata, Google Image.<\/p>\n
Se all\u2019interno del motore di ricerca pi\u00f9 usato al mondo \u00e8 presente un motore di ricerca dedicato alle immagini, allora viene da s\u00e9 che la SEO debba riguardare anche le foto e le grafiche.<\/p>\n
Quali sono gli elementi da ottimizzare nelle immagini<\/p>\n
Per usare uno slogan si potrebbe dire: \u201cdietro all\u2019immagine c\u2019\u00e8 di pi\u00f9\u201d.<\/p>\n
Questa sintetica frase pu\u00f2 essere utile a chi sta progettando un sito e comincia a pensare ai contenuti visivi e anche a coloro che vogliono ottimizzare pagine web per posizionarle nella prima pagina di Google.<\/p>\n
Dopo questo preambolo necessario (a mio avviso) bisogna dire cosa \u00e8 quel \u201cdi pi\u00f9\u201d che sta dietro a una foto che appare in SERP.<\/p>\n
La SEO delle immagini prevede interventi su:<\/p>\n
Nome FileTag AltTag TitleDimensioniOra andiamo ad analizzare ognuno dei punti dell\u2019elenco.<\/p>\n
Nome File: con quali parole salvi l\u2019immagine sul pc?<\/p>\n
Potrebbe sembrare superfluo rinominare tutti i file delle immagini che si vogliono caricare sul sito e invece questa azione \u00e8 il primo passo per una corretta ottimizzazione.<\/p>\n
Quando si trasferiscono le fotografie da una fotocamera digitale al computer i file sono identificati da una sequenza di lettere e numeri che di certo non possono spiegare cosa essi contengano.<\/p>\n
Un nome tipo \u201cIMG_120393a.jpg\u201d non dice se quella \u00e8 un\u2019immagine di un cane o di un piatto di spaghetti. Nominare quel file come \u201cpiatto-spaghetti-pomodoro.jpg\u201d \u00e8 utile per il suo riconoscimento da parte dell\u2019umano e, soprattutto, da parte del robotIn informatica, un robot (o semplicemente “bot”) \u00e8 un insieme di comandi o istruzioni codificate che indicano ad un dispositivo meccanico e ad un sistema… di Google.<\/p>\n
Le cose da non fare quando si rinomina un\u2019immagine in ottica SEO sono:<\/p>\n
Scrivere un nome che non descrive il soggetto ritrattoInserire forzatamente una serie di keywordNel primo caso si tenterebbe di imbrogliare il motore di ricerca dicendo che l\u2019immagine \u00e8 di un cane quando invece ritrae un piatto di spaghetti al pomodoro, per riprendere l\u2019esempio fatto in precedenza, e questo non \u00e8 di certo vantaggioso.<\/p>\n
Nel secondo caso si finirebbe per sovraottimizzare e anche questo potrebbe non piacere all\u2019algoritmo.<\/p>\n
Tag Alt: il testo alternativo dell\u2019immagine<\/p>\n
Il Tag Alt ha diversi sinonimi nel linguaggio tecnico: Alt Tag, Attributo Alt, Alt Text, Testo Alt, Testo Alternativo.<\/p>\n
In sostanza esso \u00e8 il testo che viene mostrato quando per qualche motivo il browserUn browser \u00e8 un programma applicativo che fornisce un modo per guardare e interagire con tutte le informazioni del World Wide Web come pagine web,… non pu\u00f2 far visualizzare all\u2019utente la fotografia o la grafica ed \u00e8 costituito da una serie di parole inserite nel codice HTML della pagina web.<\/p>\n
Questo attributo \u00e8 fondamentale per Google, perch\u00e9 da esso capisce quali sono le keyword che caratterizzano l\u2019immagine e, di conseguenza, pu\u00f2 posizionare il contenuto in SERP per rispondere alle domande fatte dagli utenti.<\/p>\n
Il rapporto stretto con il Nome File \u00e8 chiaro, ma non bisogna fare copia\/incolla per ottimizzare il Tag Alt. Le parole che si usano in questa porzione di testo posta nel codice HTML devono descrivere ancora meglio del Nome File il contenuto visuale.<\/p>\n
Facendo riferimento al solito esempio, la differenza tra Nome File e Testo Alternativo \u00e8 la seguente:<\/p>\n
Nome File –> piatto-spaghetti-pomodoro.jpgTesto Alternativo –> Un piatto di spaghetti al pomodoroIl Tag Alt deve descrivere perfettamente il contenuto, infatti il testo deve essere composto anche da articoli e preposizioni.<\/p>\n
Bisogna immaginare che il robot di Google sia cieco e che per fargli capire cosa \u00e8 raffigurato in un\u2019immagine chieda a qualcuno di leggere il Testo Alternativo.<\/p>\n
Tag Title: aumenta il significato dell\u2019immagine<\/p>\n
L\u2019attributo Title o Image Title, anche se potrebbe far pensare al titolo che si attribuisce alla fotografia, \u00e8 un breve testo che aumenta il significato del contenuto visivo.<\/p>\n
\u00c8 quella frase che appare quando con il mouse portiamo la freccetta sull\u2019immagine. Quelle poche parole sono usate dai SEO specialist pi\u00f9 attenti per dare indicazioni all\u2019utente.<\/p>\n
Questo tag dell\u2019immagine non \u00e8 un fattore diretto di rankingIn ambito SEO, Ranking si riferisce alla posizione nella classifica dei motori di ricerca come Google. Ottenere un buon ranking per parole chiave rilevanti per… (nota: alcuni esperti pensano che aiuti a posizionarsi), ma \u00e8 comunque importante ottimizzarlo per aggiungere informazioni che vanno oltre il Tag Alt.<\/p>\n
L\u2019Image Title per il nostro esempio potrebbe essere: \u201cil miglior piatto di spaghetti al pomodoro di Napoli\u201d oppure “un sugo delizioso per gli spaghetti”.<\/p>\n
Dimensioni delle immagini: sono due i fattori da considerare<\/p>\n
Quando si parla di dimensione di un\u2019immagine si pu\u00f2 far riferimento alla sua grandezza in pixel o al suo \u201cpeso\u201d in byte.<\/p>\n
Questi due fattori sono diversi, \u00e8 evidente, ma entrambi importanti quando si deve ottimizzare una fotografia o una grafica da collocare su una piattaforma web.<\/p>\n
Caricare un\u2019immagine troppo grande in termini di pixel non porta (di solito) a una cattiva visualizzazione dallo schermo del computer o dello smartphone, perch\u00e9 oggi i browser e i CMSUn Content Management System, spesso abbreviato in CMS, \u00e8 un software che aiuta gli utenti a creare, gestire e modificare i contenuti di un sito… riadattano automaticamente le dimensioni, ma causa uno spreco di banda.<\/p>\n
\u00c8 comunque buona norma ridimensionare l\u2019immagine per renderla adatta allo spazio presente sulla pagina web.<\/p>\n
Inoltre, bisogna considerare che caricare foto che occupano molto spazio sul server si traduce in lunghi tempi di caricamento del sito e, nell’era del mobile first, questa \u00e8 una caratteristica decisamente negativa per Google.<\/p>\n
Per velocizzare il caricamento delle pagine web \u00e8 fondamentale anche comprimere le immagini, ma senza penalizzare eccessivamente la qualit\u00e0. In questo caso \u00e8 determinante il rapporto tra formato del file e tipo di compressione. <\/p>\n
Quando si devono ottimizzare le immagini di un e-commerce le operazioni sono ancora pi\u00f9 delicate, sia per via della grande quantit\u00e0 di foto che devono essere caricate sia per il potere persuasivo che esse hanno nei confronti degli utenti\/acquirenti.<\/p>\n