Ottimizzare immagini SEO - Trucchi e consigli

Ottimizzare immagini SEO - Trucchi e consigli

Scritto da:

Aureo Design

L'ottimizzazione delle immagini è un aspetto fondamentale da tenere molto in considerazione se si vuole migliorare la visibilità del proprio sito web sui motori di ricerca. In questa semplice guida esploreremo alcune strategie da me utilizzate e testate per ottimizzare le immagini correttamente sul tuo sito internet, al fine di puntare ad ottenere un posizionamento di alto livello su Google. Entriamo quindi nel dettaglio dei miei suggerimenti.

INDICE

  1. Dimensione immagini
  2. Ridimensionare e Comprimere le foto
  3. Rinominare le immagini e usare alt tag
  4. Immagine Mobile Friendly e responsive
  5. Conclusioni

Formati delle Immagini

Per prima cosa è importante scegliere il giusto formato per le proprie immagini, questa prima scelta diventa quindi una scelta essenziale per un'ottimizzazione efficace del proprio sito. I formati più comunemente utilizzati per le immagini sono: JPEG, PNG e WebP. Ogni formato ha i sui pro e contro, e a seconda delle esigenze si può scegliere quale sia quello da adottare.

JPEG

  • Ideale per immagini complesse con molti colori.
  • Utilizza la compressione "lossy" con perdita per ridurre le dimensioni del file.
  • Mantiene un equilibro tra buona qualità e un peso del file più leggero.

PNG

  • Ottimo per immagini con trasparenze.
  • I file possono essere più grandi rispetto a JPEG.

WebP

  • Un formato moderno, pensato per il web, che offre un buon equilibrio; è creato per avere dimensioni ridotte dei file per caricamenti più rapidi.
  • Supporta la trasparenza (come PNG)
  • È supportato da molti browser.

Dimensione immagini

Ogni qual volta si inserisce una nuova foto su un sito web, è fondamentale specificare sempre gli attributi "Height" e "Width" che rappresentato rispettivamente l'altezza e larghezza dell' immagine. Non specificarli, potrebbe causare danni di Cumulative Layout Shift (CLS), cosa che potrebbe andare ad intaccare le performance e la user experience del tuo sito.

Prima di inserire un' immagine, prova a capire quale sarà il massimo della risoluzione a cui essa verrà visionata sul sito web ultimato, se è un' immagine piccolina, come ad esempio un logo, ti consiglio di utilizzare una risoluzione nettamente inferiore. Se invece è una fotografia, che verrà mostrata a tutto schermo, puoi utilizzare una risoluzione più elevata, ma ti consiglio di stare sotto i famosi 1920 x 1080 pixel; in quanto gran parte degli schermi non supera questi valori e ti ritroveresti ad utilizzare foto con più peso del necessario. Questo per poter risparmiare sulle dimensione della foto e giovarne in ambito di performance del sito (Ricorda che Google tiene molto in considerazione le performance del sito web per il tuo posizionamento, puoi provare un test delle performance del tuo sito, attraverso il servizio di PageSpeed Insight.

Ridimensionare e Comprimere le foto

Per evitare quindi che le immagini utilizzate rallentino di troppo il caricamento del tuo sito, il ridimensionamento e la compressione diventano delle scelte molto intelligenti da attuare. La compressione è una pratica in grado di ridurre il numero di byte del file con la conseguente riduzione del peso del File.

Ci sono vari servizi online che ti permettono gratuitamente di fare questi processi. Quello che ti consiglio personalmente è di Utilizzare strumenti come Photoshop (o una versione gratuita come Photopea) e anche TinyPNG  per ottenere il massimo delle possibilità dalle tue immagini senza doverne per forza sacrificare troppo la qualità, che comunque rimane un elemento importante per una navigazione piacevole online. Con questi tools potrai facilmente caricare il tuo file ed esportarlo ad un peso inferiore.

Un suggerimento che posso offrire è che se le immagini non sono le prime protagoniste della tua pagine, dove una qualità maggiore potrebbe incuriosire di più, è buona norma mantenere mediamente un peso dei file sotto i 200 KB, così da guadagnare molto nel lato velocità dei caricamenti..

Rinominare le immagini

Passiamo ad una fase di ottimizzazione leggermente diversa, quella riguardante il nome della foto. Il mio suggerimento è quello di evitare sempre i nomi automatici che si possono avere in una foto, come "img378634.jpg". Sostituire quindi quella dicitura con una più inerente al contenuto della fotografia o alla pagina dove l'immagine si collocherà, descrivendo in breve il succo della foto.

Il nome del file, se composto da più parole, quest'ultime dovranno essere separate da un trattino (esempio: gelato-alla-fragola.png)

Utilizzare gli Attributi Alt

Gli attributi "alt" delle immagini sono importanti poiché sono nati per garantire l'accessibilità dei contenuti multimediali anche alle persone con disabilità, con queste diciture infatti potrai comunicare loro il contenuto delle tue immagini; inoltre il testo alternativo da informazione sulla foto nel caso in cui il caricamento del file non fosse andato a buon fine. Per quanto riguarda il lato SEO e l'indicizzazione da parte dei motori di ricerca suggerisco di trovare una quadra per una descrizione che sia adatta al contenuto, non forzando l' inserimento di parole chiave a tutti i costi, ma allo stesso tempo includendole in modo non eccessivo e forzato; assicurati di utilizzare descrizioni concise ma descrittive.

Immagine Mobile Friendly e responsive

L'ottimizzazione delle immagini per dispositivi mobili, come i nostri cellulari, è essenziale. Tieni sempre a mente che la maggioranza delle visite sul web vengono effettuate proprio da i telefoni, ottimizza sempre i tuoi contenuti per far sì che possano essere visionati senza errori o imperfezioni su tutti i dispositivi.

Conclusioni

In conclusione, l'ottimizzazione delle immagini sul tuo sito internet è un elemento chiave per il successo del tuo sito web sui motori di ricerca. Seguendo questi consigli potrai migliorare notevolmente la qualità del tuo sito e aumentarne quindi la visibilità. Troppo spesso si commette l' errore di sottovalutare l' importanza di questi passaggi ma, ora che ne sei a conoscenza, non commettere questo tipo di errori poiché possono fare davvero la differenza nel posizionamento sui motori di ricerca e sull'esperienza dell'utente.