Ottimizzazione SEO delle immagini con WordPress

10 Min.
WordPress  ottimizzazione SEO delle immagini

Al più tardi da quando il Google Core Web Vitals e il fattore di ranking velocità di caricamento, si dovrebbe prendere il tema del SEO immagine seriamente. Ci sono vari modi per ottimizzare le immagini in WordPress . Ecco la nostra panoramica dei consigli e degli strumenti più importanti.

Immagini, foto, infografiche e altre illustrazioni sono diventate parte integrante della scrittura di articoli di alta qualità. Tuttavia, non solo allentano il testo o chiariscono alcuni processi meglio di quanto potrebbero fare le parole. Piuttosto, con il giusto approccio, puoi rendere il tuo sito web ancora più veloce, ma anche più scopribile nei motori di ricerca.

WordPress Testi SEO

Come preparare i post del tuo blog e le landing page per i motori di ricerca in generale, te lo mostro nel mio tutorial Ottimizzare i testi per i motori di ricerca. Insieme a questo post, avete i consigli più importanti per il vostro WordPress SEO.

Inoltre: Google stesso e i concorrenti dei servizi di ricerca più piccoli offrono una ricerca di immagini. I ricercatori possono arrivare al tuo sito web attraverso di esso. Quindi, perché lasciare la grande opportunità del SEO di immagini con WordPress ?

Come influisce il SEO delle immagini sulla tua visibilità?

Guardiamo il SEO per le immagini indipendentemente da WordPress . Se si includono immagini di alta qualità in un post, allora si può attirare l'attenzione di molti visitatori. Tuttavia, non solo i motori di ricerca giocano un ruolo qui. Se preparate le vostre immagini di conseguenza, può influenzare vari aspetti.

Per prima cosa, aumentate la vostra visibilità in modo significativo perché le vostre immagini stesse possono essere trovate naturalmente nei motori di ricerca - non solo il vostro testo. Qualcuno potrebbe trovare la strada per il tuo sito web. Vuoi vedere un piccolo esempio?

La ricerca di immagini su Google

Uso la ricerca su Google e inserisco il termine "ricetta pasta". Ma siccome non voglio solo una ricetta in forma di testo, passo alla ricerca per immagini. Ecco che mi vengono mostrati dei bei piatti di pasta:

Cerca immagini su Google
Trova una ricetta con Google Image Search

Mi piace molto la terza foto da sinistra. I noodles sembrano davvero deliziosi. Per questo motivo, clicco sull'immagine e poi atterro sulla pagina corrispondente, che ha fatto uno sforzo con il SEO delle immagini.

Quindi, se si utilizza correttamente l'ottimizzazione dei motori di ricerca per le immagini, è possibile rivolgersi a molte altre persone. Ma questo è solo un esempio dei tanti.

I social media

Perché le immagini non solo influenzano i motori di ricerca, ma anche le persone. E dove sono le persone attive ogni giorno? Nelle reti sociali come Facebook, Twitter, Instagram, Pinterest, LinkedIn & Co.

Facciamo un ulteriore passo avanti nell'esempio di cui sopra. Diciamo che gestisci un blog di cibo. Quanto sarebbe bello se i visitatori che hanno trovato la tua ricetta condividessero il post corrispondente sui social media? Quindi cliccano sul pulsante di condivisione di Facebook, per esempio. E se non c'è un'immagine post decente disponibile o integrata correttamente, allora vedono un'immagine molto triste, cioè nessuna.

In questa forma, un post non invita a fare clic o a condividere. Al contrario, il post si perderà nella vastità della rete sociale - e non sarà considerato. Solo se un'immagine adatta viene visualizzata accanto al testo, allora questo aumenta significativamente l'attrattiva:

Condividi su Facebook Immagine
Esempio di immagini incorporate per la condivisione su Facebook

Per un blog di cibo, per esempio, non si dovrebbero usare immagini che consistono principalmente di contenuto testuale. Lì si aspetta la ricetta finita. Tuttavia, scelgo ancora immagini di testo di tanto in tanto. Spiegherò il perché nella prossima sezione.

Dove trovare immagini di alta qualità?

Con le immagini di alta qualità c'è spesso un piccolo problema. Un problema di natura giuridica. Saprete certamente che non è più permesso usare semplicemente Google Image Search per copiare immagini. Questo perché sono protetti dal diritto d'autore. Quindi ora avete le seguenti opzioni:

  • Utilizzare piattaforme a pagamento
  • Utilizzare immagini royalty free
  • Creare o fotografare immagini da soli

Non tutti i siti web hanno un budget per acquistare immagini stock costose. Per esempio, da Fotolia o Shutterstock. Con le immagini royalty-free (come su Unsplash o Pexels) si annida il pericolo che non sempre sono state caricate dalla Urheber:innen. Ci sono anche rapporti di truffe sofisticate che possono finire per essere costose.

Piattaforme come Pixabay indicano i possibili usi. Ma ci sono già state controversie legali che sono finite a svantaggio dei proprietari dei siti web. Quindi, il mio consiglio: fate uno screenshot delle informazioni sulla licenza quando scaricate. Per le ragioni menzionate sopra, ho deciso di usare immagini auto-create, dove lavoro molto con contenuti testuali. Posso pubblicarli con la coscienza pulita senza conseguenze legali. Se hai un sito web che si basa molto di più sulle immagini, potresti voler prendere una strada diversa.

Usare le immagini in modo efficiente per il SEO

Come si possono ottimizzare le immagini per il SEO? Prima di tutto, vorrei darvi alcune procedure comuni affinché le vostre immagini o il vostro sito web possano ottenere più visibilità. Nella prossima sezione, vi mostrerò come questi processi possono essere implementati per la vostra immagine SEO con WordPress . Perché l'installazione di WordPress Plugins non è sempre la soluzione al problema.

Immagini non ottimizzate peggiorano il tuo ranking

La maggior parte delle persone che hanno un sito web pensano che ottimizzare le immagini per i motori di ricerca significhi ottenere risultati migliori nella ricerca o nelle anteprime dei social network. Ma questo non è il caso. Anche le immagini devono essere migliorate in termini di Google Core Web Vitals menzionato all'inizio. Questo riguarda l'usabilità del tuo sito web, vedi questo post sul nuovo fattore di ranking. Inoltre, il tuo gruppo target naviga sempre più spesso su internet con il suo smartphone.

Così, quando i siti web hanno immagini grandi e non ottimizzate, il sito web si carica lentamente e l'utente deve essere paziente. Ma chi vuole aspettare immagini non ottimizzate? Il risultato sarà un posizionamento peggiore su Google da maggio 2021.

La dimensione dell'immagine

Ecco perché si dovrebbe cercare di mantenere le dimensioni dell'immagine il più piccolo possibile senza perdere la qualità dell'immagine. Se crei le immagini da solo, puoi controllare questo tramite il programma di editing delle immagini. Anche i formati adattati per il sito web (cioè larghezza e altezza in pixel, per le immagini degli articoli a seconda di WordPress Theme ) si sono dimostrati molto efficienti. Poi WordPress non deve scalare le immagini inutilmente.

Se hai scattato una foto con una macchina fotografica professionale, potrebbe avere migliaia di pixel. La maggior parte dei contenuti di un sito web sono limitati in larghezza. Avrebbe quindi senso caricare l'immagine solo in questa larghezza. Soprattutto perché è poi rapidamente fino a diversi MB di dimensione, che non è più necessario nel web design moderno - e uccide i vostri tempi di caricamento.

Formato e compressione

Il formato delle vostre immagini è spesso legato alla compressione e ad altri fattori. Per esempio, mentre le immagini con elementi trasparenti è più probabile che vengano salvate come PNG, il formato JPG è più adatto alla grafica colorata.

Dove JPG permette una maggiore compressione e può quindi ridurre significativamente la dimensione del file. In cambio, la qualità dell'immagine soffre un po'. Nel frattempo, AVIF e WebP per WordPress sono altri formati destinati al futuro. Forniscono risultati ancora migliori.

Compilare correttamente i metadati

La maggior parte dei motori di ricerca si basa ancora sui cosiddetti meta dati. Si tratta fondamentalmente di informazioni che il sito web memorizza nel codice sorgente, in modo che i motori di ricerca possano assegnare i dati.

Google come il più grande fornitore è tecnicamente molto avanzato e non richiede i meta dati così dettagliati come i piccoli motori di ricerca. Ciononostante, li depositerei sempre. Non danneggia il tuo sito web e porta attraverso ulteriori frasi e parole depositate la possibilità di essere trovato con queste.

A proposito, i meta dati non hanno nulla a che fare con il nome dei file di immagine. Dovresti nominarli già prima del caricamento - con una descrizione del contenuto. Torniamo all'esempio del food blog. Un piatto di pasta con sugo di carne macinata dovrebbe essere chiamato qualcosa come "pasta-plate-with-minced-meat-sauce-to-cook.jpg". I meta dati per le immagini sono semplicemente inseriti nel codice sorgente come HTML - questo è ciò che WordPress fa per te se aggiungi le informazioni appropriate alle immagini quando le carichi, più avanti su questo.

Per esempio, il codice sorgente per un'immagine correttamente popolata potrebbe essere come questo:

<img src=“domain.de/Nudel-Teller-mit-Hackfleischsauce-zum-Kochen.jpg“ alt=“Nudel Teller mit Hackfleischsauce“ title=“Nudel Teller mit Hackfleischsauce“ />

Il tag alt rappresenta un'etichetta alternativa (di testo) che può essere visualizzata se l'immagine non viene visualizzata. Per esempio a causa di un browser obsoleto o di un link rotto ecc. Ma è anche importante per le persone che usano uno screen reader. Questo è un altro motivo per cui si dovrebbe prestare attenzione a parlare di contenuti qui (siti web accessibili). Il tag title dell'immagine (da non confondere con il tag title del sito web!) è utilizzato per visualizzare ulteriori informazioni sull'immagine al passaggio del mouse.

Ottimizzazione delle immagini al di fuori di WordPress

Se crei o modifichi le tue immagini da solo con un programma di editing delle immagini come Gimp o Photoshop, allora dovresti evitare una soluzione in WordPress . È più facile e più efficiente in termini di risorse fare l'ottimizzazione direttamente nel programma. Ecco un esempio da Photoshop:

Compressione delle immagini in Photoshop
Compressione delle immagini in Photoshop

Dal file originale dell'immagine di contributo a questo testo è diventato un file JPEG con 340 KB, nella dimensione dell'immagine 2560×1440. E questo con restrizioni appena visibili. Con PNG è - a seconda dell'immagine - parzialmente simile.

Se ora riduci la risoluzione delle immagini, cioè le regoli a WordPress Theme , puoi creare delle dimensioni di file ancora più piccole. Nel mio blog, per esempio, le immagini dei titoli hanno una dimensione di 720×360 pixel. Questo dipende da Theme e può sembrare diverso per te.

WordPress Plugins per la compressione delle immagini

Vuoi comprimere le tue immagini direttamente in WordPress , invece della variante esterna o in aggiunta ad essa? Poi leggete il nostro confronto di 5 popolari Plugins per la compressione delle immagini. Vi mostra anche il giusto flusso di lavoro per questo importante lavoro.

Trova la dimensione dell'immagine in WordPress

Una piccola nota sulle dimensioni delle immagini in WordPress . Puoi scoprirli facilmente, ma non hanno niente a che fare con le specifiche dei media nelle impostazioni generali di WordPress :

Impostazioni dei media in WordPress
Gli atteggiamenti verso i media in WordPress dashboard

Qui potete impostare le dimensioni standard usate da WordPress . Quando si carica un'immagine, WordPress genererà immagini aggiuntive in queste dimensioni. Tuttavia, questo non cambia le dimensioni come sono visualizzate nel vostro WordPress Theme .

Alcuni Themes vi danno l'opzione di farlo nelle impostazioni, altri no. Poi puoi semplicemente andare sul tuo sito web nel browser e dare un'occhiata più da vicino a un'immagine - come l'immagine del post - facendo clic destro su di essa. Poi troverete la sotto-voce "Mostra informazioni grafiche".

Se c'è scritto nelle "Dimensioni" che l'immagine è stata scalata a una dimensione diversa, dovresti effettivamente regolare di nuovo le immagini corrispondenti. Perché nel WordPress Theme si dà una dimensione diversa al posto, come li avete tagliati.

Definire le meta informazioni in WordPress

Le immagini giocano un ruolo importante nell'ottimizzazione dei motori di ricerca, non solo perché valorizzano i testi. Piuttosto, perché ti rendono visibile. E perché puoi mostrare a Google & Co. cosa scrivi sul tuo sito web.

Pertanto, pensate alle immagini come un'aggiunta necessaria al contenuto. Affinché i suddetti motori di ricerca riconoscano il potenziale, avete bisogno delle suddette meta informazioni. Come già descritto, dovreste già fornire alle immagini un nome di file ottimizzato per la SEO prima di caricarle. Nominate le immagini in modo molto preciso. Il titolo dovrebbe riflettere ciò che si può vedere nell'immagine.

WordPress offre la possibilità di inserire i meta dati delle immagini direttamente durante il caricamento. Tuttavia, vi consiglio di non aggiungere le immagini direttamente quando scrivete, ma di passare attraverso la galleria dei media. Clicca nel backend di WordPress sul lato sinistro su Media -> Add File. Lì puoi selezionare un'immagine dal tuo PC e caricarla tramite il pulsante con lo stesso nome.

Dopo aver caricato con successo, appare un pulsante "Edit", che si clicca. Questo apre WordPress il file multimediale e mostra le sue informazioni più importanti. Qui potete ora riempire i posti segnati in rosso nell'immagine:

Metadati per immagini in WordPress
Inserire metadati per le immagini in WordPress

Se aggiungi l'immagine più tardi nell'editor di Gutenberg , riceverà automaticamente le meta informazioni appropriate. Tuttavia, si prega di evitare di usare le immagini più di una volta. Invece, caricateli di nuovo con un nuovo nome di file e nuovi meta dati. Perché questi dettagli sono di solito ottimizzati per un post specifico.

Caricamento pigro per le immagini in WordPress

Al fine di ottenere un sito web che sia il più veloce possibile e che possa resistere al nuovo Core Web Vitals di Google, solo il contenuto che è attualmente necessario dovrebbe essere caricato. Le immagini che sono visualizzate nella parte inferiore di un lungo articolo non hanno bisogno di essere visualizzate o caricate all'inizio.

È qui che entra in gioco il caricamento pigro. Questo significa il caricamento ritardato delle immagini che non si trovano nell'area "above-the-fold" - l'area che il lettore vede direttamente. Mentre prima questa funzione era possibile solo con alcuni WordPress Plugins , per esempio con Autoptimize o WP Optimize (solo da Premium), coloro che hanno installato almeno WordPress 5.5. possono gioire.

Perché lì il caricamento pigro è già considerato nel nucleo del codice. Da WordPress 5.7 anche Lazy Load per iFrames. Se avete una versione più vecchia installata, dovreste sicuramente aggiornare.

Caricamento pigro degli iframes in WordPress
La spiegazione del caricamento pigro per iFrames su WordPress .org

Caching con WordPress

È possibile ottenere un aumento significativo delle prestazioni in WordPress utilizzando una cache. Si può fare una distinzione tra il caching del browser, che memorizza solo alcuni file sul dispositivo finale, e il caching lato server. In quest'ultimo caso, il contenuto generato dinamicamente di WordPress è anche reso disponibile in file statici sul server.

Questo significa che il sito web non deve accedere ai database ogni volta che viene richiamato. Perché tali accessi aumentano da un lato la velocità di caricamento e dall'altro anche il carico che il vostro server deve sopportare. Soprattutto per i grandi siti web con molti visitatori, questo può essere un modo efficace per risparmiare risorse.

Lo svantaggio: non è possibile creare dinamicamente certi contenuti di pagina. Per esempio, se avete diversi banner pubblicitari in uso, dovreste escluderli dalla cache. O accettare che non cambiano in un post. Anche per i negozi online con WooCommerce è necessario considerare alcune eccezioni in modo che il processo di ordinazione funzioni correttamente.

Oltre a Plugins molto esteso come WP Rocket, che è a pagamento e offre molte impostazioni, è anche possibile implementare il caching con Plugins gratuito come WP Optimize o W3 Total Cache. RAIDBOXES offre il proprio caching lato server per questo. La cache di NGINX diventa attiva prima che WordPress prenda il sopravvento. In questo modo le pagine web possono essere consegnate senza rallentare WordPress . Un altro vantaggio: non hai più bisogno di WordPress Caching Plugin e non devi preoccuparti di impostazioni complesse.

WordPress Ottimizzare le prestazioni

Vuoi sapere quali sono i parametri più importanti della tua performance WordPress ? Allora leggi la nostra guida su questo. Anche il nostro e-book sulle prestazioni sul tema della misurazione corretta della velocità Webpage .

Conclusione sull'immagine SEO con WordPress

OttimizzareWordPress in termini di immagini può davvero pagare. Non solo aumenterete le vostre classifiche, ma potrete anche attirare ulteriore traffico. D'altra parte, ci vuole un po' di lavoro. Soprattutto all'inizio, quando l'argomento è ancora nuovo per voi. Con il tempo, però, va più veloce dalla mano e si ottengono risultati forti.

Soprattutto perché Google presta sempre più attenzione ai tempi di caricamento, ha senso prestare attenzione non solo alle meta informazioni. Fornite le immagini nel formato di file corretto, compresse e con dimensioni esatte. I vostri visitatori vi ringrazieranno, perché la pagina fornisce rapidamente le informazioni desiderate. Se il contenuto è giusto, nulla si oppone al tuo successo.

Altri articoli sul SEO su wp unboxed, che vi aiuterà con Google & Co:

Le tue domande sul SEO delle immagini con WordPress

Quali domande hai sull'argomento? E quale suggerimento può consigliare? Sentitevi liberi di usare la funzione di commento. Vuoi più articoli su WordPress e SEO? Allora seguiteci su Twitter, Facebook, LinkedIn o tramite la nostra newsletter.

Ronny Schneider è un professionista del SEO & WordPress . Sul suo blog scrive regolarmente su come i blog e le riviste online possono avere successo. Inoltre, offre aiuto nella creazione di blog con WordPress e nel lavoro di ottimizzazione.

Articoli correlati

Commenti su questo articolo

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati con *.