Home » WordPress » Modificazioni foto online: fare SEO con le immagini

Modificazioni foto online: fare SEO con le immagini

In questo momento storico, le immagini sembrano essere al centro dell’universo.

Modificare foto è una delle attività che viene svolta maggiormente dagli utenti iOS, Android, Windows e qualsiasi altro sistema operativo.

Non parlo di modificazioni foto professionali eseguite da esperti del settore. Mi riferisco ai fotomontaggi postati sui social ogni giorno, alla creazione di meme, alla rimozione delle imperfezioni dei selfie e chi più ne ha, più ne metta.

Oggi tutto esiste per finire in una fotografia.

Susan Sontag
modificare foto lightroom

Modificazioni foto in WordPress

Anche quando si parla di velocità e di SEO, un elemento è troppe volte trascurato: le immagini.

Le modificazioni foto, infatti, sono fondamentali anche per scalare la SERP di Google immagini.

Per quanto mi riguarda, sono contrario all’utilizzo di plugin. Sempre.

Quando si tratta di modificazioni foto, il mio pensiero non cambia.

Personalmente modifico foto online senza usare plugin e il mio consiglio è: fai come me, non appesantire inutilmente il tuo server.

Non bisogna essere dei nerd per fare quello che faccio io e, soprattutto, è completamente gratis.

Starai pensando “si, ok ma… perché non devo utilizzare plugin?”.

Prima di spiegarti come modificare foto, quindi, ti dirò perché non devi continuare a fare ciò che hai fatto fino ad oggi.

Modificazioni foto e plugin

Il motivo è presto spiegato: se utilizzi un template WordPress simile a questo, quando inserisci una foto in Imposta immagine in evidenza, tanto per fare un esempio, questa viene duplicata 7 volte.

Modificare foto senza plugin

Hai letto bene, SETTE VOLTE. Formato originale, miniatura che finisce in home page, immagine che appare su desktop, formato per la versione mobile, immagine utilizzata per gli articoli correlati più altre 2 dimensioni generate per essere inserite nella categoria.

Se utilizzi plugin per modificare foto, il numero aumenta ulteriormente.

Oltre a duplicare le immagini, devi ricordare che i plugin rallentano il caricamento delle pagine, compromettendo l’ottimizzazione SEO.

Quando modifico foto online, evito che tutto ciò accada.

Vuoi sapere come? Eccoti accontentato.

Indice dell’articolo

Come posso modificare foto?

Modificazioni foto con Lightroom

Secondo uno studio realizzato da HTTP Archive nel Novembre del 2018, le immagini costituiscono circa il 21% del peso complessivo di una pagina.

Parliamo di 1/5 del “peso” totale del tuo sito.

Insomma, incidono più di JavaScript, CSS e Font.

A differenza di questi ultimi, però, anche l’ignorante informatico più ottuso del Mondo può ottimizzarle con un semplice clic.

Prima di addentrarci nell’alleggerimento e nel caricamento differito dei media, essenziali dal punto di vista della velocità e del posizionamento sui motori di ricerca, devo raccontarti una cosa che mi è successa di recente e che mi ha cambiato la vita.

App per modificare le foto

L’ultimo blocco di 30 giorni rimediato su Facebook, mi ha spinto su un social a me sconosciuto: Instagram.

Ho iniziato a vedere un bel po’ di tutorial su YouTube realizzati dai vari social influencer e mi sono reso conto di una cosa: utilizzano tutti la stessa app per modificare le foto.

Parlano tutti di Adobe Lightroom.

Così ho iniziato anche io ad utilizzare questa app per modificare le foto e ne sono diventato dipendente.

Esiste una versione premium a pagamento ma, credimi, la versione gratuita è già uno spettacolo.

Instagram follower gratis - Come diventare un influencer

Una volta trovata l’immagine da caricare sui tuoi canali social o nell’articolo che stai scrivendo, con Lightroom ne migliori le potenzialità in maniera impressionante.

Perché devo modificare le foto?

Se ti stai chiedendo che senso abbia modificare le foto, sappi che Curalate, azienda tecnologica leader nei social e nell’eCommerce, ha condotto uno studio da cui è emerso che:

  • Le immagini luminose generano il 24% dei like in più rispetto a quelle scure
  • Le immagini che hanno il blu come colore dominante ottengono il 24% di like in più rispetto a quelle in cui è il rosso a predominare
  • Le immagini con una bassa saturazione generano il 18% di like in più rispetto a quelle con colori più accessi
  • Le immagini che hanno un singolo colore dominante ottengono il 17% di like in più rispetto a quelle con diversi colori dominanti

Modificare foto, quindi, fa tutta la differenza del Mondo.

E, se puoi farlo gratuitamente, non apportare modifiche è da folli.

Modificare foto online con Compressor.io

Modificare foto con compressor

Una volta realizzata l’immagine perfetta, devi passare al livello successivo.

Come saprai, Internet è piena di interessantissimi tool gratuiti di compressione foto.

Una volta realizzate ed individuate le immagini da utilizzare nell’articolo, modifica foto online con compressor.io.

Dopo aver salvato su Desktop la foto che intendi modificare, accedi al sito e clicca su Select files.

Seleziona la foto da comprimere e clicca su Apri.

A questo punto, il programma ti da la possibilità di vedere le differenze tra Before e After, indicando i KB di differenza.

Cliccando su Download, scarichi la foto appena compressa nell’omonima cartella.

Per effettuare la compressione foto su altre immagini, ovviamente, devi cliccare su Select files.

A questo punto, nella cartella Download del tuo Pc, avrai una serie di immagini con lo stesso nome di quelle salvate su Desktop ma molto più leggere.

Il passo successivo da compiere per comprimere foto è ridurre i DPI.

Modifica foto online 72 DPI

Un’immagine, di norma, ha 300 DPI.

Questo tipo di risoluzione, però, si può apprezzare solamente se si stampa la foto. Se la visualizzi su un monitor o su un display, la risoluzione a 300 DPI è totalmente inutile.

Anzi, altamente dannosa perché, oltre a non essere apprezzata dall’occhio umano, appesantisce il sito, rallentandone il caricamento ed influendo negativamente sulla SEO.

Se vuoi ottenere il massimo da un’immagine in termini di qualità e leggerezza, il mio consiglio personale è comprimere foto a 72 DPI.

Anche in questo caso puoi modificare foto online gratuitamente utilizzando DPI Converter Online.

Modificare foto convert town

Nella schermata principale, ti basterà indicare 72 come valore di Change the DPI of My Image, cliccare su Choose Image…, selezionare la foto appena compressa e cliccare su Apri.

L’immagine viene scaricata in automatico nella cartella Download del tuo Pc nella versione a 72 DPI.

Ora vai nella cartella Download, recupera la foto appena scaricata e rinominarla togliendo il 72.

A questo punto, non ti rimane da fare altro che andare nella colonna sinistra del pannello di amministrazione WordPress.

Dopo aver passato il cursore del mouse su Media, clicca su Aggiungi nuovo e carica le immagini modificate.

L’ottimizzazione SEO nella ricerca per immagini

Prima di caricare all’interno del sito le immagini, cerca sempre di dare loro un nome attinente all’articolo che stai scrivendo.

Se utilizzi più parole, non dividerle mai con spazi vuoti o con il “trattino basso” (underscore) _.

Ricordati di usare sempre il “trattino centrale” (lineetta) .

Considerando che 960 pixel è la larghezza media del content dei temi premium di WordPress, cerca di non utilizzare mai immagini che superino gli 800 pixel di larghezza.

Un’immagine più larga del content, necessita di ridimensionamento per apparire, e tale operazione richiede una perdita di risorse, a discapito della velocità.

Per un’ottimizzazione SEO soddisfacente, il mio consiglio è di indicare sempre larghezza e altezza all’interno del codice dell’immagine.

Nella Libreria media, seleziona l’immagine che hai deciso di utilizzare nell’articolo, prendi i valori indicati in Dimensioni ed inseriscili nel codice attraverso i tag width ed height.

Modificazioni foto nella ricerca per immagini – Alla radice della SEO

Ricerca per immagini

Il plugin WordPress Yoast SEO consiglia di inserire la frase chiave come attributo alt dell’immagine.

Riassumendo, il codice perfetto per inserire un’immagine in un articolo è il seguente:

<img src="immagine" alt="parola chiave" width="larghezza della foto in pixel" height="altezza della foto in pixel"/>

Uno studio realizzato da Amazon, ha stimato che il 55.2% del traffico su Google è attribuibile a Google Search. Il 24.7% proviene da Gmail e il 10.1% dalla ricerca per immagini di Google.

In pratica, un utente su 10 raggiunge il tuo sito grazie alla ricerca per immagini.
Veramente tanta roba.

Per questo motivo, ricordati sempre di inserire Titolo, Didascalia, Testo alternativo e Descrizione ad ogni immagine caricata nella Libreria media.

Compilare ogni singolo attributo di una foto può contribuire alla sua ottimizzazione SEO e far si che appaia nei primi posti della ricerca per immagini di Google.

Modificazioni foto e GTmetrix

Personalmente, utilizzo GTmetrix come ultimo passo nella compressione delle foto.

Modificazioni foto gtmetrix

Quando verifichi le performance del tuo articolo in GTmetrix, controlla la voce Optimize images. Nel caso in cui il tool non ti dia 100 su 100 in questo campo, in automatico, ti genera una versione ancora più leggera dell’immagine.

Clicca su Optimize images e poi su See optimized version.
Salva l’immagine compressa su desktop, rinominandola nello stesso identico modo di quella che devi sostituire.

A questo punto, non ti rimane da fare altro che andare nella colonna sinistra del pannello di amministrazione WordPress, passare il cursore del mouse su Media, poi su Libreria, selezionare la foto da sostituire e cliccare su Elimina definitivamente.

Ora, sempre su Media, clicca su Aggiungi nuovo e carica la nuova foto. Senza bisogno di effettuare altre modifiche, se hai salvato la foto generata da GTmetrix con lo stesso identico nome di quella utilizzata nell’articolo, il cambio avverrà in automatico.

Ovviamente devi reinserire Titolo, Didascalia, Testo alternativo e Descrizione ad ogni immagine ricaricata nella Libreria media.

Comprimere foto con Shortpixel CDN

Un CDN (Content Delivery Network) serve per trasferire parte del traffico dal server su cui è ospitato il tuo sito ad un network di data center sparsi per il pianeta.

shortpixel cdn

Quando un utente visualizza un tuo articolo, se utilizzi una CDN, nella realtà non si sta collegando al tuo Web server ma a quello a lui geograficamente più vicino. Ovviamente senza che se ne accorga.

Tutto ciò porta a una diminuzione del carico di lavoro sul tuo server e a un crollo nei tempi di caricamento. In altri termini: aumento della velocità e user experience decisamente superiore.

Shortpixel sgrava l’hosting servendo le immagini del tuo sito ai visitatori di tutto il Mondo. Grazie a questo CDN, avrai anche la possibilità di alleggerire il database attraverso la compressione foto con perdita di dati “lossy”.

Plugin WordPress a3 Lazy Load

Effettuare modificazioni foto per rendere le immagini più leggere è un elemento essenziale ma non l’unico. Un aspetto altrettanto importante è rappresentato dal modo in cui i media sono caricati.

In questo blog utilizzo un tema che, di default, carica le immagini in maniera differita.

Il caricamento differito dei media, però, non è presente in tutti i template e, in alcuni casi, bisogna ricorrere ai tanto odiati (da me) plugin.

caricamento differito lazy loading

a3 Lazy Load fa si che il caricamento dei media presenti all’interno dell’articolo avvenga in maniera differita.

Se un utente non scrolla la pagina, i media che si trovano sotto l’above the fold non sono caricati, con un incredibile risparmio di risorse.

Nel menù Plugin Framework Global Settings, setta la voce Clean up on Deletion su ON, per non far rimanere traccia del plugin qualora decidessi di disattivarlo.

Porta il Lazy Load Activation su ON e fai la stessa cosa per Lazy Load Images e Lazy Load Videos and iframes.

Assicurati che Script Load Optimization sia impostato su FOOTER e salva il tutto.

Conclusione

In questo articolo abbiamo visto come modificare foto senza utilizzare plugin. Abbiamo anche approfondito l’utilizzo degli attributi ed il caricamento differito per un’ottimizzazione SEO on-site volta a migliorare il posizionamento sui motori di ricerca delle immagini del tuo sito.