Errori SEO nelle immagini WordPress e come risolverli

<span>1. La guida definitiva alla gestione delle immagini WordPress
<span>2. 3 suggerimenti meno conosciuti per la gestione delle immagini in WordPress
3. Attualmente leggo:Errori SEO delle immagini WordPress e come risolverli

Tutto ciò che abbiamo imparato negli ultimi due articoli finirebbe nel nulla se non implementiamo una corretta strategia SEO per le immagini. La SEO delle immagini gioca un ruolo importante nella tua strategia SEO complessiva ed è fondamentale per i siti che condividono tutorial. Pensa a tutto il traffico che perderesti se le tue immagini non avessero un nome improprio, non avessero tag “alt” o peggio, fossero ospitate su server diversi.

Errori SEO per le immagini WordPress

Esamineremo gli errori principali in termini di SEO delle immagini e consiglieremo le contromisure appropriate.

Non stai utilizzando immagini pertinenti

Incontra Ronald e compagnia

Immagina che tu e i tuoi amici stiate discutendo seriamente su quale modalità di trasporto prendere per il vostro prossimo viaggio. Sia l’autobus interstatale che il volo sembrano buone opzioni, ma sei bloccato nel dibattito sul budget rispetto al tempo. Ci sono due squadre, guidate da Ronald e Jeremy. Ronald vuole prendere un volo per non dover riprogrammare le riunioni del venerdì. Jeremy d'altro canto, essendo un ammiratore della Madre Terra, non si preoccupa di scambiare il suo programma di riunioni per godersi la bellezza paesaggistica che lo attende durante il viaggio in autobus da uno stato all'altro. Naturalmente, ogni membro del gruppo di viaggio sceglie da che parte stare: quelli che non vogliono un viaggio in autobus di dieci ore sono con Ronald nella lotta. L’altra squadra che vuole ammirare la bellezza di Madre Natura ritiene assolutamente necessario prendere l’autobus.

Entrambe le parti stanno facendo del loro meglio per convincere l’altro a schierarsi dalla loro parte. Nel mezzo di quella che sembrava essere una delle discussioni più critiche della loro vita, Ron commise l’errore di pronunciare le seguenti parole:

RON: Ehi ragazzi, sto bene con entrambi i mezzi di trasporto. Chi dovrebbe fare da babysitter al mio gatto durante il fine settimana?
JEREMY: Cosa? Potresti lasciarlo a casa di Emily! Aspetta, perché ne stiamo discutendo?
RAGAZZO DEL TEAM DI JEREMY: Sì, non vedi che siamo nel bel mezzo di una conversazione importante?
RAGAZZO DELLA SQUADRA DI ROLAND: Dai, amico!
ROLAND:Che diavolo Ron! Non vedi che qui siamo nel mezzo di una crisi?
RON (un po' spaventato): Okay, okay, lascerò Sarah con Emily. Cavolo.
COLLETTIVIAMENTE: Dannazione, Ron! Lo fai sempre...

E il dibattito riprende.

Non vuoi essere Ron adesso, vero? Lo stesso vale per la pertinenza. Le immagini valgono più di mille parole. Ma se non stai attento, potresti perdere l’attenzione della persona con una diversa linea di pensiero.

Probabilmente stai pensando a New York in questo momento

Una delle prime regole per aggiungere un'immagine al tuo post è migliorare il modo in cui comunichi la tua idea. Le immagini sono progettate per fornire valore.

Ecco perché i tutorial di WPExplorer sono pieni di screenshot e gli elenchi di temi si concentrano sulla visualizzazione delle parti/demo migliori di ciascun tema.

Questo valore potrebbe essere (a) di natura informativa, (b) avere un impatto visivo o emotivo o (c) una combinazione di entrambi. Le immagini migliori sono spesso una combinazione delle tre.

Esempio della pagina di destinazione di Github: un'illustrazione di uno sviluppatore alla sua scrivania

Detto questo, non ha senso utilizzare un'immagine solo per aggiungerne una. Tali azioni sono spesso controproducenti. D'altra parte, l'immagine giusta potrebbe offrire molteplici vantaggi alle tue conversioni.

Lo screenshot sopra è una delle tante pagine di destinazione di Github. Esaminiamo l'immagine. Prima di tutto, noterai che questa immagine è in realtà un'illustrazione vettoriale. L'illustrazione supera tutte le barriere razziali/etniche. Inoltre, il colore blu, che è in sintonia con lo schema cromatico generale della pagina, annulla qualsiasi profilazione subconscia. Un eccellente esempio dell'uso corretto di un'immagine, abbinato a un testo e un CTA straordinari, per creare un'ottima landing page.

Non ti stai concentrando sul nome del file immagine

Capisco: creare tutorial di qualità è un duro lavoro. Ogni passaggio deve essere documentato in modo articolato e tuttavia non così descrittivo che i tuoi lettori lo considerino un insulto alla loro intelligenza.

Dopo aver lavorato su un tutorial di 1800 parole e coperto più di una dozzina di screenshot, è molto facile lasciarsi convincere e utilizzare nomi come screenshot-1, screenshot-17, ecc.

Ma in realtà, ciò danneggia assolutamente il tuo SEO.

Impostazioni dei permalink di WordPress

Pensaci: se qualcuno cercasse qualcosa anche lontanamente correlato all'immagine mostrata sopra, utilizzerebbe "screenshot-1" o "immagine-1" o è più propenso a cercare "come disattivare i permalink in WordPress”

In una nota correlata, se vuoi dare il 100% al SEO delle immagini, aggiungi anche un attributo TITLE alle immagini. Il valore di questo tag TITLE potrebbe essere il nome file della tua immagine.

Non stai definendo i tag ALT

I tag ALT rappresentano il testo alternativo di un'immagine. Dovrebbe essere utilizzato in ogni immagine indipendentemente dalla dimensione, dalla priorità o da qualcosa di simile. In parole povere, i tag ALT sono una descrizione della tua immagine. Cosa rappresenta la tua immagine in senso letterale?

I tag ALT vengono utilizzati dai motori di ricerca per eseguire la scansione della tua immagine. Se non è possibile eseguire il rendering dell'immagine, al suo posto viene utilizzato il tag ALT dell'immagine. I tag ALT vengono utilizzati anche dagli screen reader per le persone che hanno perso la vista.

Ad esempio, il tag ALT o il testo descrittivo del nostro screenshot precedente potrebbe essere:

Screenshot of the WordPress dashboard showing the permalinks settings, with the default option checked.

Scrivere tag ALT dettagliati può essere una vera seccatura, ma gli sforzi vengono ripagati. Sfortunatamente, non sono riuscito a trovare uno studio recente che mostri una crescita del traffico organico dovuta all’ottimizzazione del tag ALT. La maggior parte di essi sono commenti nei forum. Se ti capita di imbatterti in questi studi, condividili con noi!

Stai riempiendo di parole chiave i tag TITLE e ALT

Il keyword stuffing è fondamentalmente come aggiungere tutte le tue parole chiave più popolari solo per ottenere un po’ di succo SEO dell’ultimo miglio. Tuttavia, in realtà, è come utilizzare olio di scarsa qualità nella tua auto ben oliata in fase di creazione. Google diventa ogni giorno più intelligente, il che significa che sa quando stai cercando di rovinarlo. Risultato? Il tuo SEO ottiene un punteggio penalizzato.

Un tipico esempio di tag ALT riempito con parole chiave sarebbe:

Screenshot of the WordPress dashboard showing the permalinks settings, with the default option checked BEST FREE AND PREMIUM WORDPRESS THEMES WPEXPLORER

Il mio consiglio? Non prendere la scorciatoia. Hai lavorato duramente per definire i tuoi tag ALT: i frutti del tuo lavoro arriveranno.

Non stai utilizzando le didascalie delle immagini

Il problema dei tag ALT e TITLE è che non sono realmente visibili al lettore/visitatore. I motori di ricerca lo adorano, ma come persona che legge il tuo articolo, in realtà non passo il mouse sopra l'immagine per vedere il testo alternativo, tanto meno apro l'immagine in una nuova scheda solo per poter vedere il nome del file. (Ovviamente, se stessi salvando un'immagine, un nome file carino e descrittivo mi rallegrerebbe sicuramente la giornata!)

Abbiamo stabilito che i tag ALT e TITILE, non importa quanto cruciali per il SEO, non svolgono realmente un ruolo importante nell’esperienza di lettura del visitatore.

È qui che entrano in gioco le didascalie. Secondo uno studio di Kissmetrics, è stato riscontrato che le didascalie delle immagini vengono lette il 300% in più rispetto al corpo reale. Sono molti più bulbi oculari del previsto.

Progettazione reattiva. Questo è un esempio di didascalia di un'immagine!

Se le didascalie sono accattivanti, ci sono buone probabilità che il lettore rimanga e legga ciò che hai da dire. Pensaci in questo modo:

Il tag TITLE è un nome file conciso per il file immagine
Il tag ALT è una descrizione descrittiva del contenuto dell'immagine
La didascalia è per il lettore. È un mix dei tag TITLE e ALT progettati per migliorare l'esperienza di lettura del visitatore.

Non hai inviato una Sitemap immagine

Un sito web è essenzialmente una raccolta di un gruppo di pagine HTML interconnesse. Una mappa del sito è un documento contenente informazioni su come sono strutturate tutte le pagine del tuo sito web. Questi in genere non contengono informazioni sulle immagini del tuo sito web.

È qui che entrano in gioco le Sitemap delle immagini. Udinra All Image Sitemap è il plug-in perfetto per questo lavoro. Il plug-in supporta plug-in per dispositivi di scorrimento delle immagini come NextGen Gallery e Envira Gallery; Plug-in e-commerce come WooCommerce, Easy Digital Downloads e plug-in per la creazione di pagine come Visual Composer, Site Origin, ecc.

Ottimizzazione delle prestazioni delle immagini

Le prestazioni complessive di un sito sono un fattore cruciale nel SEO. Quando si tratta di ottimizzazione delle prestazioni, nulla è perfetto: c’è sempre spazio per miglioramenti. Prendiamo un esempio recente in cui Google ha ridotto il proprio logo da 14.000 byte a 305 byte e continua ancora ad evolversi.

Di seguito sono riportati un paio di suggerimenti per l'ottimizzazione delle immagini che abbiamo condiviso nei nostri post precedenti.

Non stai ottimizzando le tue immagini

Uno dei modi migliori per ottimizzare le tue immagini è utilizzare strumenti come TinyPNG per ridurre e ottimizzare le dimensioni del file.
Devi anche definire una dimensione massima per tutte le tue immagini e ridimensionare tutte le immagini che sono più grandi della dimensione massima.
Ma prima di iniziare con quanto sopra, dovrai imparare il formato corretto per salvare un'immagine.

Presumo che tu lo abbia già in atto. In caso contrario, leggi il nostro primo post: parliamo solo di questo!

Non stai utilizzando immagini reattive

Utilizziamo tutti siti Web reattivi. Al giorno d'oggi è assolutamente fondamentale avere un sito web ottimizzato per i dispositivi mobili. Se non lo fai, potresti perdere clienti e per non parlare del punteggio SEO. (Sì, Google ti penalizzerà se il tuo sito web non è ottimizzato per i dispositivi mobili.)

Ora parliamo di immagini reattive. Con WordPress 4.4, la proprietà delle immagini reattive è abilitata per impostazione predefinita. Quando carichi un'immagine, WordPress ne crea più versioni, per diverse dimensioni dello schermo.

Con il nuovo supporto per le immagini reattive, WordPress include tutte le dimensioni disponibili di un'immagine in un attributo srcset. Ciò consente al browser web di scegliere tra le opzioni e scaricare la dimensione dell'immagine più appropriata, in base alle dimensioni dello schermo del dispositivo. Il browser ignora gli altri, risparmiando potenzialmente larghezza di banda e accelerando i tempi di caricamento della pagina nel processo.

Se per qualche motivo non hai aggiornato WordPress 4.4, utilizzi il plug-in RICG Responsive Images per ottenere lo stesso set di funzionalità. Se utilizzi l'ultima versione di WordPress, in realtà non hai bisogno di questo plugin.

Non stai utilizzando una CDN gratuita

Il secondo modo per migliorare le prestazioni è utilizzare un CDN gratuito come Photon del popolarissimo modulo Jetpack. Amiamo Jetpack per molte ragioni e Photon è solo una di queste. Se ti stavi chiedendo cos'è Photon, è un servizio CDN di immagini gratuito di WordPress. Il modulo Photon di Jetpack prende tutte le immagini dal tuo sito e le archivia nella rete globale di distribuzione dei contenuti di WordPress.com. Le immagini vengono scaricate dal tuo server, caricate più velocemente e risparmi sui costi della larghezza di banda. Cos'altro potresti volere?

Non sei pigro nel caricare le immagini

Gatto puzzolente, gatto pigro, cosa ti danno da mangiare?

Con il caricamento lento abilitato, le immagini vengono caricate quando appaiono nel tuo viewport. Ad esempio, supponiamo che tu stia leggendo un articolo di 2000 parole sulle migliori soluzioni di podcasting per WordPress. Non è necessario guardare tutte le immagini finché non raggiungi la fine dell'articolo. L'abilitazione del caricamento lento riduce drasticamente i tempi di caricamento e consente di risparmiare sia la larghezza di banda tua che quella del visitatore.

Il plugin BJ Lazy Load è la tua risposta. Con oltre 50.000 installazioni attive, non puoi sbagliare. Scarica e attiva il plugin e lascia che la magia abbia inizio con un clic.

Tuttavia, il rovescio della medaglia, ci sono alcune potenziali insidie quando si tratta di caricamento lento delle immagini. Se non stai attento, potresti correre il rischio di danneggiare i tuoi punteggi SEO. Stai tranquillo, se usi i plugin consigliati sarai a posto. Inoltre, se utilizzi altri plug-in di accesso lento, prova Visualizza come Google per i siti Web per assicurarti che tutti i tuoi contenuti possano essere sottoposti a scansione correttamente dai motori di ricerca.

Alcuni suggerimenti sull'utilizzo delle immagini

I seguenti suggerimenti non devono essere considerati errori, ma piuttosto linee guida generali che possono migliorare la qualità dei tuoi contenuti.

Evita le foto d'archivio generiche

Qual è la prima cosa che ti viene in mente quando vedi questa immagine?

Non c'è niente di più sgradevole della stessa immagine di un dirigente dell'assistenza clienti che ti sorride nella pagina Contattaci. Oppure un'evidente foto d'archivio di modelli in una pagina Chi siamo o, peggio, Unisciti a noi. Tutti sono così abituati a loro che possiamo riconoscerli quasi istantaneamente. Se desideri che un potenziale cliente o un cliente ti contatti, con una bella foto del team di supporto o con semplicità, crea un modulo di contatto utile. Ma non utilizzare (per l'amor di Dio) un'immagine stock nelle pagine Chi siamo, Unisciti a noi o Contattaci. Oggi causeranno sicuramente più danni che benefici.

Usa le GIF quando possibile

Con la crescente popolarità delle GIF che vanno da 4chan a 9GAG su tutti i principali social network (sì, sto guardando proprio Facebook e Twitter) e le tastiere che lo supportano; non si può negare il fatto che le GIF sono qui per restare. Se pensi di utilizzare le GIF nei tuoi post (e hai fatto pace con il fatto), GIPHY è un ottimo posto per trovare buone immagini GIF!

Utilizzare le licenze con attenzione – #CC0

Dicono che la attenzione non è mai troppa. No, non ti sto chiedendo di iniziare a costruire il tuo bunker post-apocalittico. Ma quando si tratta di concedere in licenza le immagini, è meglio scegliere quelle CC0 che possono essere scaricate e utilizzate gratuitamente. Se disponi di un buon budget di marketing, acquista un abbonamento a Shutterstock e scarica alcune splendide fotografie royalty-free per il tuo blog e le tue newsletter.

Conclusione

Concludendo questa serie di post, rivediamo ciò che abbiamo imparato finora:

Utilizza il formato immagine corretto
Suggerimenti su come caricare foto stock nei post del blog
Ottimizzazione delle immagini: dimensioni, dimensioni, qualità e salvataggio per il web
Gestione delle immagini quando cambia l'URL del sito WordPress
Importazione di immagini esterne in WordPress
Prevenire l'hotlinking delle immagini in WordPress
Errori comuni nella SEO delle immagini WordPress
Caricamento lento delle immagini
Mappe dei siti di immagini in WordPress
Immagini reattive in WordPress

Quali sono i tuoi pensieri su questa serie di post? Mancano un suggerimento vitale? Fatecelo sapere nei commenti qui sotto.