Ottimizzazione delle immagini 101 - Ottimizza le immagini dei post sul blog per la SEO

Pubblicato: 2020-11-10

In questo articolo imparerai TUTTO quello che devi sapere sull'ottimizzazione delle immagini per il SEO.

In effetti, utilizzo esattamente la stessa guida per ottimizzare le immagini dei miei post sul blog ...

... per fare un perfetto SEO on-page per i miei post sul blog.
... per classificare le mie immagini nella ricerca di immagini di Google.
... e per indirizzare il traffico utilizzando le mie immagini.

Quindi, se sei disposto a farlo anche per il tuo blog, sei nel posto giusto.

Immergiamoci subito.

La guida definitiva all'ottimizzazione delle immagini per la SEO:

  • Perché hai bisogno di ottimizzare le immagini?
  • Come trovare le immagini giuste per i tuoi articoli?
  • Come ottimizzare le immagini per i motori di ricerca?
  • Punti da ricordare
  • Best practice per un'immagine ottimizzata
  • Plugin di WordPress per una migliore ottimizzazione
  • Immagine SEO e Pinterest

Perché hai bisogno di ottimizzare le immagini?

Ci sono molte ragioni per ottimizzare le immagini. Le immagini che usi nel tuo articolo migliorano il punteggio SEO, rendono il tuo articolo più adatto ai motori di ricerca e svolgono anche un ruolo enorme nella velocità di caricamento della pagina del tuo blog.

Vantaggi dell'ottimizzazione dell'immagine:

  • I siti di condivisione di foto come Pinterest possono generare enormi quantità di traffico.
  • Le foto vengono visualizzate nei motori di ricerca e poiché la concorrenza è molto meno nella sezione delle immagini, puoi facilmente ottenere la tua immagine classificata più in alto con una corretta ottimizzazione.
  • Migliora la frequenza di rimbalzo del tuo blog e aumenta il punteggio SEO del tuo articolo.
  • Se crei immagini personalizzate, puoi anche ottenere backlink quando altri blog utilizzano la tua immagine nei loro articoli e ti danno un link fonte / credito.

Trovare le immagini giuste per il tuo blog

Usiamo tutti le immagini nel nostro articolo e prima di vedere le migliori pratiche per ottimizzare le immagini, volevo condividere con voi alcune risorse da cui è possibile ottenere immagini stock gratuitamente.

Quando si tratta di immagini, è necessario prestare molta attenzione durante la ricerca. Non puoi utilizzare Google Immagini per scegliere un'immagine e aggiungerla al tuo articolo perché quelle immagini potrebbero essere protette da copyright e potresti incorrere in grossi problemi per l'utilizzo di tali immagini.

problema di copyright di ricerca di immagini di Google
  • Salva

Invece, puoi utilizzare i vari siti Web che forniscono immagini stock gratuitamente. Puoi utilizzare tali siti Web per trovare un'immagine che si adatta perfettamente al contenuto del tuo articolo.

Ci sono siti web come FreeDigitalPhotos, MorgueFile, Pixabay, ecc. Che forniscono foto stock gratuitamente e siti come ShutterStock dove puoi ottenere immagini di alta qualità e professionali pagando pochi dollari.

Puoi utilizzare i siti gratuiti o quelli a pagamento per trovare l'immagine giusta per il tuo articolo, ma non usare mai Google Immagini per ottenerli.

Sarebbe ancora meglio se potessi produrre immagini personalizzate per il tuo blog.

In questo modo, nessuno ti disturberà mai e avrai tutti i diritti sulle immagini perché le hai create da solo e mantieni tutti i diritti.


Creare le tue immagini:

La maggior parte delle volte troverai un'ottima immagine dai siti di foto stock, ma quando non riesci a trovare l'immagine perfetta e invece desideri creare immagini personalizzate, puoi utilizzare siti online come Canva.

Strumento di progettazione fotografica di Canva
  • Salva

Canva è la migliore piattaforma, soprattutto per i non designer, per creare immagini personalizzate. Puoi trovare molti modelli predefiniti e fantastici caratteri e con la semplice funzione di trascinamento della selezione, è estremamente facile creare immagini di qualsiasi dimensione e dimensione.

Un altro ottimo strumento per progettare immagini personalizzate è PicMonkey. Ti offre anche design personalizzati che puoi usare nella tua immagine.

strumento di fotoritocco picmonkey
  • Salva


Come ottimizzare le immagini per i motori di ricerca?

1. Scegli il nome file corretto

Prima di caricare una nuova immagine nel tuo articolo, dovrai controllare il nome dell'immagine prima di caricarla. Ho visto molti blogger selezionare nomi di file che non hanno nulla a che fare con il contenuto dell'articolo o nomi che non hanno alcun senso.

Devi rinominare l'immagine con un nome per il quale vuoi classificare l'immagine. Perché scegliendo un nome ricco di parole chiave per l'immagine, sarà facile per i motori di ricerca classificare quell'immagine più in alto nelle SERP.

Ad esempio, se stai scrivendo un articolo su come trovare parole chiave a coda lunga, assegna alla tua immagine il nome "trova-parole chiave a coda lunga.jpg" o qualcosa del genere.

Dovrebbe avere senso sia per i tuoi lettori che per i motori di ricerca.

Tuttavia, assicurati di aggiungere trattini tra due parole e non scrivere tutto senza spazi. Non dovrebbe essere così - "findlongtailkeywords.jpg". Non c'è niente di sbagliato in questo formato, ma è meglio stare al sicuro e scegliere un formato leggibile.

  • Formato errato - "ABC123.jpg"
  • Formato corretto - "findlongtailkeywords.jpg"
  • Formato perfetto - "how-to-find-long-tail-keywords.jpg"

2. Dimensione e compressione dell'immagine

La prossima cosa di cui devi occuparti prima di caricare l'immagine è la dimensione dell'immagine e le dimensioni. Non è necessario caricare immagini di grandi dimensioni nel tuo articolo perché metterà un carico enorme sul tuo server e di conseguenza aumenterà la velocità di caricamento.

Il tempo di caricamento della pagina del tuo sito web è un fattore estremamente importante dal punto di vista SEO e non vuoi aumentare il tempo aggiungendo immagini enormi.

Dimensione dell'immagine:

Secondo me, la dimensione dell'immagine che carichi dovrebbe essere di almeno 200 x 200 px in modo che venga rilevata dai siti di social network come Facebook, Twitter e Google+.

Tuttavia, puoi inserire un'immagine molto più piccola o anche un'immagine grande nel tuo articolo a seconda delle tue esigenze. Le dimensioni di cui sopra sono menzionate solo perché questi sono i requisiti minimi per un'immagine che può essere scelta dai social network.

Quando hai a che fare con immagini di grandi dimensioni, assicurati di prendere in considerazione la larghezza dell'area del contenuto del tuo blog.

Area di larghezza del contenuto
  • Salva

La maggior parte dei temi del blog ha una larghezza dell'area del contenuto di 600-700 px o forse inferiore o superiore a seconda del tema, quindi assicurati di conoscere la larghezza dell'area del contenuto per creare un'immagine perfetta.

La sezione precedente ti dice le dimensioni corrette dell'immagine, ma cosa faresti quando scarichi un'immagine stock di dimensioni troppo grandi?

Se hai scaricato un'immagine stock ed è di dimensioni troppo grandi, è meglio ridimensionarla e poi caricarla. Non caricare l'immagine nella sua dimensione originale e ridimensionarla utilizzando i parametri di altezza e larghezza nel tuo editor di post.

Se carichi l'immagine originale e poi la ridimensioni dal post, non stai andando bene. Quando la pagina viene caricata nel browser, le immagini verranno caricate nelle dimensioni e dimensioni originali e quindi verranno ridimensionate. Ciò aumenterà solo il tempo di caricamento della tua pagina.

Esistono strumenti online come PicResize e PicMonkey che puoi utilizzare per ridimensionare le tue immagini prima di caricarle nel tuo articolo.

Compressione delle immagini

Quando si utilizzano immagini stock di alta qualità, si aggiungerà molta pressione sul server per caricare semplicemente le immagini. Maggiore è la qualità dell'immagine, maggiore sarà la sua dimensione.

Se l'immagine che desideri caricare è in tre cifre in KB o è in MB, è perché la qualità dell'immagine è troppo alta.

È possibile che le dimensioni dell'immagine siano di circa 500 x 500 px e che siano comunque di grandi dimensioni. In tali momenti, non puoi semplicemente ridimensionare l'immagine; è necessario comprimerli per un peso più leggero.

Esistono strumenti come TinyPNG che ti aiutano a comprimere le immagini per ridurne le dimensioni. Anche dopo aver compresso le immagini, non influirà molto sulla qualità dell'immagine. L'immagine avrà comunque un bell'aspetto e non sarà distorta o pixelata.

Strumento di compressione delle immagini TinyPNG
  • Salva

Nota: se scrivi articoli in cui devi condividere immagini di altissima qualità, come la condivisione di raccolte di sfondi, è meglio caricare le immagini di alta qualità su Dropbox o altri siti simili. Quindi puoi ridimensionare quelle immagini, sia nelle dimensioni che nelle dimensioni, caricare le immagini ridimensionate nel tuo articolo e quindi collegarle al servizio cloud in cui sono ospitate le immagini originali. In questo modo fornisci immagini di alta qualità ai tuoi lettori senza compromettere la velocità di caricamento della pagina.

3. Testo ALT

Lo scopo principale del testo ALT è fornire una descrizione al file immagine. Se le immagini non vengono visualizzate per qualsiasi motivo, il testo ALT apparirà al suo posto descrivendo il contenuto dell'immagine.

L'altro uso del testo ALT è quello di dire ai motori di ricerca che un'immagine è presente al suo posto. I motori di ricerca non sono in grado di leggere l'immagine e se non utilizzi il testo ALT sulle immagini del tuo blog, stai perdendo molto traffico.

I motori di ricerca utilizzano il testo ALT per determinare le migliori immagini da restituire per una particolare query di ricerca. La maggior parte delle persone cerca di raggiungere la prima posizione di un motore di ricerca, ma ignora i motori di ricerca di immagini che possono portare anche molto traffico. Quindi, aggiungendo un testo ALT nelle immagini, ti assicuri che il tuo articolo sia perfettamente ottimizzato, il che ti aiuta a ottenere un vantaggio SEO sui tuoi concorrenti.

Come scegliere i testi ALT?

Ora conosci i vantaggi e l'importanza dei testi ALT, ma cosa dovresti inserire come testo ALT nelle immagini?

I testi ALT sono il posto migliore per inserire le tue parole chiave e aumentare le tue possibilità di apparire più in alto nelle ricerche di immagini.

Tuttavia, devi assicurarti che la tua immagine sia adatta al tuo testo ALT. Non dovresti mai aggiungere l'immagine di un gatto nel tuo articolo ed etichettarlo come "i migliori strumenti SEO gratuiti ". Questo semplicemente non ha alcun senso.

Quindi, usa un'immagine adeguata che mostri l'argomento del tuo articolo e aggiungi parole chiave nei testi ALT per renderlo visibile ai motori di ricerca e aumentare le possibilità di essere classificato.

Come aggiungere testi ALT nelle immagini?

Per aggiungere il testo ALT nel codice dell'immagine, aggiungi semplicemente alt = "questo è il tuo testo alternativo" . Ecco un esempio su come farlo.

<img src = "find-long-tail-keywords.jpg" alt = "come trovare parole chiave a coda lunga" />

Un metodo semplice per aggiungere il testo ALT sarebbe quello di utilizzare Media Uploader nell'editor di post di WordPress. Quando carichi l'immagine nel tuo articolo, sarai in grado di aggiungere il testo ALT direttamente alla tua immagine. Controlla l'immagine qui sotto per sapere come farlo.

esempio di testo alternativo dell'immagine
  • Salva

Quindi assicurati di aggiungere un testo ALT che descriva l'immagine e il contenuto dell'articolo. In questo modo i lettori potranno anche distinguere i contenuti dell'immagine ei motori di ricerca potranno classificarla per le relative query.


Alcuni punti da ricordare:

1. Altezza e larghezza delle immagini:

I parametri di altezza e larghezza sono uno dei fattori più trascurati nell'ottimizzazione dell'immagine. Ogni volta che inserisci un'immagine nel tuo articolo, assicurati che il suo codice HTML contenga anche i parametri di altezza e larghezza.

Il motivo per cui dovrebbero essere presenti nel codice è che svolge un ruolo enorme nella velocità di caricamento della pagina. Quando i browser rilevano i tag di altezza e larghezza, continueranno a caricare il testo sulla pagina mantenendo lo spazio definito dai parametri di altezza e larghezza e riempiendolo con l'immagine.

Il testo e l'immagine verranno caricati contemporaneamente, mantenendo così una buona velocità di caricamento della pagina. Se non si menzionano i tag, i browser caricheranno il testo fino all'immagine, quindi l'immagine verrà caricata completamente e quindi verrà caricato il testo rimanente. Ciò metterà a dura prova i server e aumenterà la velocità di caricamento della pagina.

In WordPress, questi parametri vengono aggiunti automaticamente quando inserisci l'immagine ma se aggiungi manualmente i tag HTML o se vuoi semplicemente assicurarti che i tag siano presenti, puoi andare alla sezione Editor di testo , trovare il codice dell'immagine, che avrà un aspetto simile nell'immagine sottostante e specificherà i parametri di altezza e larghezza come mostrato.

menzionare l'altezza e la larghezza dell'immagine
  • Salva

2. Rimuovere il collegamento ipertestuale dall'immagine

Quando carichi le immagini nel tuo articolo, WordPress aggiungerà automaticamente un collegamento nel codice sorgente alla posizione dell'immagine (cioè / wp-content / uploads folder).

collegamento ipertestuale sull'immagine
  • Salva

A meno che tu non voglia condividere il collegamento all'immagine a grandezza naturale, non riesco a pensare a nessun motivo per cui dovresti mantenere i collegamenti ipertestuali sull'immagine.

Non solo il collegamento ipertestuale trasmette il succo del collegamento alla pagina di immagini non importanti, ma distrae anche gli utenti. Quando i visitatori leggono l'articolo e fanno clic accidentalmente sull'immagine, verranno reindirizzati alla posizione dell'immagine e quindi potrebbero perdere l'interesse per l'articolo.

Quindi, è meglio rimuovere semplicemente i collegamenti dal codice sorgente dell'immagine. Ecco come rimuovere il collegamento ipertestuale dall'immagine.

Quando carichi l'immagine, sul lato destro, sotto le "Impostazioni di visualizzazione degli allegati" , vedrai un'opzione che dice Collega a . Fare clic sul menu a discesa e selezionare Nessuno per rimuovere il collegamento ipertestuale.

rimuovere il collegamento ipertestuale dell'immagine
  • Salva


Best practice per un'immagine ottimizzata

1. Formato immagine: JPEG, PNG o GIF?

Sono disponibili diversi tipi di formati di immagine come JPEG (JPG), PNG e GIF. Per lo più, utilizziamo tutti il ​​formato di file JPEG, ma a volte tendiamo a utilizzare anche PNG e GIF.

  • Formato JPEG: il formato JPEG viene utilizzato al meglio per la fotografia digitale ed è il formato più utilizzato.
  • Formato PNG : PNG è un formato senza perdita di dati e offre una compressione straordinaria. Anche se modifichi l'immagine più volte o la ridimensioni e la comprimi, non perderà alcun dato né degraderà in qualità.
  • Formato GIF: il formato GIF è popolare principalmente perché supporta immagini di piccole dimensioni.

Di tutti i formati di immagine, il miglior formato di immagine che puoi utilizzare è JPEG. La ragione di ciò è molto semplice. I formati JPEG sono di dimensioni relativamente più piccole, il che significa che le immagini verranno caricate più velocemente e poiché non è necessario modificare molto le immagini, il formato JPEG è il migliore da utilizzare nei tuoi post.

2. Usa didascalie nell'immagine

Le didascalie sono la descrizione del testo che appare proprio sotto le immagini nel tuo articolo. È possibile utilizzare l'area della didascalia per descrivere l'immagine o fornire collegamenti di credito.

didascalia dell'immagine
  • Salva

Non esiste una relazione diretta tra le didascalie delle immagini e il posizionamento nei motori di ricerca. Ma ci sono ragioni per cui l'aggiunta di didascalie alle immagini è un fattore davvero importante.

Le didascalie sono a tua disposizione in modo che tu possa dire ai tuoi lettori cosa stai cercando di implicare utilizzando l'immagine. A volte, i lettori potrebbero avere un'idea sbagliata e saltare a conclusioni sbagliate e sta a te fornire loro tutte le informazioni e i dettagli prima che saltino a qualsiasi conclusione.

Inserisci la didascalia dell'immagine
  • Salva

Utilizzando didascalie intelligenti e creative con immagini creative, susciterai l'interesse dei lettori e potrebbero finire per passare più tempo sul tuo sito a leggere l'articolo completo. Ciò ridurrà la frequenza di rimbalzo, il che a sua volta migliorerà il tuo punteggio SEO e aumenterà le possibilità che l'immagine ottenga una posizione più alta nei risultati dei motori di ricerca.

3. Utilizza le Sitemap di immagini

Conosciamo tutti l'importanza delle sitemap e la prima cosa che facciamo quando creiamo un nuovo blog è costruire una sitemap e aggiungerla agli strumenti dei webmaster account di vari motori di ricerca.

Quando aggiungi una mappa del sito, dici ai motori di ricerca che ci sono alcune nuove pagine che devono essere scansionate e indicizzate e in questo modo, ti assicuri che gli spider dei motori di ricerca siano in grado di eseguire la scansione di ogni singola pagina del tuo sito e indicizzare nei motori di ricerca.

Crei le Sitemap per i tuoi articoli, quindi perché non puoi creare anche Sitemap di immagini e aumentare le possibilità che le immagini vengano indicizzate?

La creazione di mappe del sito di immagini è estremamente semplice poiché puoi utilizzare il plug-in Udinra All Image Sitemap per crearne una per le immagini sul tuo blog e inviarla al tuo account Strumenti per i webmaster. Dopo aver inviato la mappa del sito, tutte le immagini verranno sottoposte a scansione e indicizzate nei motori di ricerca.


Quando sono importanti le Sitemap di immagini?

Se gestisci un blog su argomenti che non hanno nulla a che fare con le immagini, puoi evitare le mappe dei siti di immagini. Ma se gestisci un blog di fotografia o un blog tecnologico che richiede molte immagini, allora è una buona idea creare una mappa del sito di immagini per assicurarti che le immagini siano indicizzate correttamente nei motori di ricerca.

Plugin WP per una migliore ottimizzazione delle immagini

Ci sono molti plugin SEO nella directory dei plugin di WordPress e la raccolta include alcuni plugin davvero sorprendenti per aiutarti a ottimizzare meglio le immagini sul tuo blog. Vedremo alcuni dei migliori plugin per l'ottimizzazione delle immagini che puoi utilizzare per gestire le immagini e ottimizzarle perfettamente.

1. Immagini SEO Friendly

Plugin WordPress per immagini SEO Friendly
  • Salva

Questo è di gran lunga il miglior plugin per ottimizzare le tue immagini per i motori di ricerca. Se hai molte immagini sul tuo sito e non hai aggiunto il tag del titolo o il testo ALT nelle immagini, questo plugin aggiungerà automaticamente i tag alla tua immagine in base alle impostazioni che scegli.

Devi solo scaricare il plugin SEO Friendly Images e installarlo sul tuo sito. Quindi configuralo scegliendo le opzioni e il plugin aggiungerà il titolo e il testo ALT ovunque siano mancanti.

Quindi, se hai molte immagini non ottimizzate sul tuo blog, è il momento di utilizzare questo plugin per ottimizzarlo.

Nota: ti suggerirei di aggiungere manualmente testi ALT e tag Title alle immagini subito dopo averle caricate. Il motivo è che il plugin SEO Friendly Images potrebbe non aggiungere i testi ALT perfetti alle tue immagini perché funziona con le opzioni selezionate nell'area delle impostazioni.

2. WP Smush.It o EWWW Image Optimizer

Plugin WP Smush WordPress
  • Salva

Non importa quanto provi a ridimensionare le immagini e ottimizzarle prima di caricarle, ci sarà comunque la possibilità di ottimizzarle ulteriormente.

È qui che entrano in gioco plugin come WP Smush ed EWWW Image Optimizer. Entrambi fanno, più o meno, le stesse cose, quindi puoi usarli sul tuo sito.

Questi plugin ottimizzano le immagini riducendone le dimensioni senza compromettere la qualità dell'immagine. Non ci sono impostazioni complicate, basta eseguire l'ottimizzatore e tutte le immagini saranno ottimizzate.

Ecco un articolo pubblicato su WPBeginner che mostra come utilizzare il plugin WP Smush per ottimizzare l'immagine e anche altri plugin alternativi come EWWW Image Optimizer in azione.


Immagine SEO e Pinterest:

Pinterest è il social network più popolare per condividere immagini da tutto il web. Se usi molte immagini, non condividerle su Pinterest è davvero una pessima idea.

Poiché Pinterest è un sito Web autorevole, è più probabile che le immagini condivise sulla rete vengano indicizzate e classificate nei risultati dei motori di ricerca.

Quindi, ogni volta che condividi un'immagine su Pinterest, assicurati di ottimizzarla correttamente aggiungendo una descrizione e dei collegamenti adeguati a ciascuna immagine in modo da poter ottenere tutti i vantaggi SEO e il traffico sul tuo sito.

Quando puoi condividere le immagini su Pinterest?

Pinterest non è una rete per tutti. Se condividi molte immagini sul tuo profilo, non significa che otterrai gli stessi vantaggi di altri utenti.

La maggior parte degli utenti di Pinterest sono donne e le categorie con le migliori prestazioni sono casa, artigianato, stile / moda, cibo, viaggi, ecc. vantaggi significativi dalla rete.

Tuttavia, non c'è niente di sbagliato nel creare una bacheca e condividere tutto ciò che si desidera condividere. Forse, in futuro, il gusto degli utenti di Pinterest cambierà e alcuni altri argomenti diventeranno popolari. Quindi continua a condividere le immagini dei tuoi articoli su Pinterest e aggiungi un link al tuo post nella descrizione.


Avvolgendo:

Trascorri ore a scrivere il post perfetto, quindi non lasciare che tutto questo sforzo vada sprecato non utilizzando le immagini ottimizzate per un migliore posizionamento nei motori di ricerca. Seguendo i passaggi e le migliori pratiche menzionati in questo articolo, sono abbastanza sicuro che presto inizierai a vedere risultati positivi.

Se l'articolo sull'ottimizzazione dell'immagine ti è piaciuto, condividi l'articolo anche con altri. Se hai domande o suggerimenti che vorresti condividere con noi, usa il modulo di commento qui sotto.

Inoltre, vorrei sapere quali plugin usi per ottimizzare le immagini sul tuo blog? E quali sono le strategie che metti in atto per classificare le tue immagini più in alto nei motori di ricerca?

Ottimizzazione delle immagini per seo
  • Salva