Qualche giorno fa facendo il page speed test sul sito in Joomla di un nuovo cliente mi sono accorto di alcuni warning sulle immagini che il sito mi restituiva. Se fai siti per professione alcune cose dovrebbero essere scontate e sono errori che non puoi fare, meno se sei autodidatta e con duro lavoro hai tirato su il tuo sito.
La cosa mi ha incuriosito e ho voluto vedere che informazioni ci sono in giro per il web. Ho trovato le info che google stessa ti restituisce durante il test, alcuni metodi per ottimizzare le immagini, altri per gestire la cache, ho trovato anche un vecchio articolo su joomla.org.
Mi sono detto che c'è un grosso potenziale poco sfruttato nelle immagini del tuo sito, ho raccolto tutto è ho provato a fare una specie di checklist per il posizionamento sui motori di immagini e il miglioramento generale delle performance del sito, logicamente con un occhio particolare a Joomla.
Che il contenuto sia la parte più importante nel posizionamento di un sito web è fuori discussione, ma un sito non è solo contenuto e allora perché non dovresti provare a posizionare anche le tue immagini.
I motori di ricerca mandano i loro crawler alla ricerca di informazioni sul tuo sito, questo robot segue delle regole precise, prima analizza il file htaccess, poi il robotx.txt e sulla base delle informazioni fornite da questi "esplora" il tuo sito.
Per alcuni motori la classificazione delle immagini è molto sofisticata e vengono prese in considerazione molte più informazioni di quanto pensi. Oltre al nome e la posizione vengono prese in considerazione le dimensioni dell'immagine (pixel), e del file (kb) ma non solo, viene effettuato il riconoscimento ottico del testo contenuto nell'immagine e se si tratta di una foto, il riconoscimento facciale.
Non ti dovrebbe stupire quindi se il motore di ricerca è anche in grado di riconoscere, dovendole indicizzare, le immagini copiate spesso anche se tagliate e leggermente modificate al fine di escludere i duplicati.
La mia Checklist per il posizionamento sui motori di ricerca delle immagini del tuo sito:
- Cache
- Robots.txt
- Ottimizzazione
- Attributo alt
- Nome del file
- Anchor Text
- Posizione nella pagina
- Il testo nell'immagine (OCR)
- Backlink le tue foto da siti di condivisione (Flickr, Picasa, Facebook)
Cache
Come saprai utilizzando la cache del browser potrai portare grossi vantaggi al tuo sito, fondamentalmente sarà la velocità a fare la differenza, specifica anche per le immagini una scadenza della cache di almeno una settimana.
Robots.txt
Ho già parlato dell'importanza del file robots nel posizionamento, dove proprio per le immagini puoi rendere un grande servigio al tuo sito in joomla. Devi rimuovere la riga
Disallow: / images /
questa impedisce al motore di ricerca di indicizzare le tue immagini, è una delle prime cose che devi fare.
Ottimizzazione
Le tue immagini devono rimanere sotto i 50kb, è inutile e controproducente salvarle in grandi dimensioni, con il massimo di profondità di colore. Utilizza JPEG e PNG e salvale in formato progressivo, non utilizzare BMP o TIFF, le GIF solo per file di piccole dimensioni. Specifica gli attributi di larghezza e altezza.
Se proprio dovesse servirti un'immagine ad alta risoluzione e quindi di grandi dimensioni, prova ad usare delle miniature con un collegamento all'immagine più grande, ci sono molte estensioni nella JED che ti possono aiutare a creare e visualizzare le miniature delle immagini. Questo ti permetterà anche di aggiungere una didascalia con anchor text.
L'attributo ALT: descrivere la tua immagine
Ci sono molti attributi che è possibile aggiungere al tag HTML img, due sono obbligatori: SRC e ALT.
SRC specifica il percorso dell'immagine ed è necessario affinché l'immagine venga visualizzata nelle pagine chiamate dal browser. L'ALT è un attributo d'importanza cruciale per il SEO, specifica la visualizzazione del testo alternativo. Questo è importante nel rendere le pagine accessibili ai portatori di handicap, inoltre verrà mostrato alle persone che hanno disattivato le immagini nel proprio browser.
Poiché il robot mandato dal motore non ha occhi umani, fornendo una breve descrizione attraverso l'attributo ALT aiuti il motore di ricerca a capire e verificare i contenuti delle immagini e della pagina. L'attributo servirà per decidere quali sono le immagini più rilevanti per la query di ricerca dell'utente.
Che cosa dovrebbe andare nel testo dell'attributo ALT?
Io inserisco una breve frase che descrive bene immagine. Direi che dalle tre alle sette parole dovrebbe essere il giusto evita di metterne di meno o di più. Non c'è bisogno d'inserire per forza la parola chiave, se mai è utile che il testo ALT si riferisca al testo che circonda l'immagine e il titolo dell'articolo.
Il nome della tua immagine
Il nome della tua immagine deve essere descrittivo. Cerca di organizzare anche le cartelle che la contengono in modo che siano descrittive dandogli un nome che corrisponda al soggetto raffigurato, questo può aiutare il motore di ricerca a dare rilevanza alla tua immagine. Non usare spazi ne maiuscole, trattini e trattini bassi sono i più indicati per separare le single parole.
Anchor Text
Fai corrispondere l'attributo Alt con il tuo anchor text.
Quando l'immagine è un collegamento a un'altra risorsa, come una nuova pagina o un'altra immagine, dovresti fare in modo che gli attributi del tag IMG portino la parola chiave, che verrà utilizzata come anchor text del collegamento.
<A HREF="penne-sfera-colore-blue.html"> <IMG SRC="penne/sfera/penna-sfera-blue.jpg" ALT="Le penne a sfera di colore Blue"> Le penne a sfera di colore Blue </ A>
La pagina richiesta nel link, la fonte delle immagini, il testo alternativo ripetere tutte le parole rafforzando al motore di ricerca che l'immagine è una penna a sfera blue.
La posizione nella pagina
Il testo che circonda un'immagine deve dare una descrizione accurata al fine di migliorare la SEO della tua immagine. Questo significa che se potrai inserirai delle didascalie e che nel tuo articolo l'immagine sarà posizionata al posto giusto, dal momento che l'immagine deve corrispondere al contenuto.
Sono importanti per migliorare la perfomance SEO anche le immagini che inserirai nella parte superiore del tuo articolo. Se l'immagine è posizionata troppo in basso nella pagina avrà un impatto minore, esattamente come avviene per un link a piè di pagina.
Il testo nella tua immagine
Probabilmente saprai che cambiare i font di default per le immagini CAPTCHA alza notevolmente il livello di sicurezza e rende più difficile per gli script spammer leggere le lettere della frase di sicurezza.
Allo stesso modo alcuni motori di ricerca utilizzano tecnologie simili, se non migliori, per il riconoscimento ottico di caratteri, per leggere il testo contenuto in un'immagine. Non saprei dirti quanto impatto ha questo sul lato SEO del tuo sito web, ma sicuramente rafforza la SEO dell'immagine.
Back-Linking
Trovare back link e addirittura facile una volta capiti certi meccanismi ma come si possono avere back link ad un'immagine? Si può aumentare la SEO dell'immagine inviando le tue immagini su siti di condivisione foto come Flickr, Picasa o Facebook ecc..
Conclusioni
Il testo dei tuoi articoli non è l'unica porta d'accesso che un motore di ricerca può trovare verso il tuo sito. Le immagini di qualità, uniche, sono contenuti di valore con molte possibilità di posizionarsi sul motore di ricerca. Scegli saggiamente le tue immagini e lavorale con cura per facilitare l'indicizzazione e il posizionamento, quindi l'arrivo di nuovi visitatori.
Come abbiamo visto anche in altre occasioni le strade per realizzare un sito di successo non passano solo da buoni contenuti e link building ma anche da elementi apparentemente secondari, poche modifiche al file robots.txt aprono la strada all'indicizzazione delle tue immagini e queste non mancheranno di portarti nuovi visitatori.
Articolo scritto da ZioPal - Come fare un sito Sito Web
Commenta questo articolo sul forum
