Immagini per siti web che lasciano il segno

Quando scrivo un post, la cosa che mi fa più piacere è scegliere l’immagine. Mi diverte. Non scelgo sempre l’immagine dopo aver scritto l’articolo. A volte è l’immagine stessa a ispirarmi. Cerchi immagini per siti web che lascino il segno? In questo post ti racconto il mio metodo.

Buon Natale e felice anno nuovo da MarkCom

Fonte: Flickr

Ho già scritto un post su come cercare immagini con Google. Unsplash è una raccolta di foto emozionanti. È quello che preferisco, anche se non copre molti argomenti. Per questo utilizzo Foter. Raccoglie più siti e trovo sempre corrispondenze interessanti.

Come cercare immagini per siti web

Il primo passo è la ricerca della parola chiave. O meglio, cerco immagini che rappresentino il concetto che voglio trasmettere. Se la parola è semplice, e conosco la traduzione in inglese, nessun problema. Se il termine o il concetto è più difficile, mi faccio aiutare da Google Translate.

Come cercare immagini per siti web con google translator

Traduco la parola che esprime il concetto chiave dell’articolo. Google mi restituisce dei suggerimenti. Memorizzo i risultati più pertinenti (sono evidenziati da una barra laterale più lunga a seconda della rilevanza). I termini di ricerca li digito nel portale delle immagini.

Per l’immagine di questo post ho utilizzato Foter. La parola chiave che ho usato è “Christmas“. A questo punto mi lascio guidare dall’impatto visivo dei risultati di ricerca. Mi lascio coinvolgere da quelle mi colpiscono di più.

Come cercare immagini per siti web che attirino attenzione

Quando frequentavo il master in marketing e comunicazione allo IED, il docente di design ci spiegava le tecniche che usava per allenare la sua vena artistica. Una di queste mi è rimasta impressa: sceglieva un colore al giorno e si lasciava attirare solo dalle cose che avessero quel colore.

Questo è un ottimo metodo per scegliere i colori giusti da abbinare a concetti, stimolando la creatività. Da allora faccio spesso questo esercizio. E lo applico anche nella scelta delle immagini. I colori sono importanti perché vengono recepiti dalla mente umana e influenzano l’atteggiamento psicologico.

L’immagine e i suoi colori attirano l’attenzione del lettore. È come la copertina di un libro. In questo caso il libro è il tuo post di cui ti devi prendere cura. Per questo evito le immagini in bianco e nero. Non attraggono. E non devono essere neanche troppo scure.

Immagini gratis per siti web

Su Internet ci sono tante fonti per trovare immagini gratis. Ci sono quelle a pagamento come Dreamstime o Fotolia. Li uso entrambi anche se le fonti che mi danno più soddisfazioni sono tre, tutte gratuite: Google, Unsplash e Foter.

Ti segnalo un post completo su questo argomento di Riccardo EspositoImmagini gratis per il tuo blog è una raccolta aggiornata di tutte le fonti che forniscono foto gratuite per i blogger. Trovi anche consigli e trucchi del mestiere. Un ottimo sito da mettere nella tua lista dei preferiti.

I criteri della scelta

Oltre ai colori, tengo presente un altro fattore quando scelgo una foto. Considero che quell’immagine sarà condivisa sui social network. Voglio evitare di crearne una specifica per ogni piattaforma. Come fare? Bisogna sapere come funzionano gli strumenti grafici di condivisione.

Infatti, sia che usi le Twitter Cards o  Facebook Open Graph, il post verrà condiviso utilizzando l’immagine tagliata rispetto all’originale. È premiato il contenuto posto al centro, tagliando la parte alta e la parte bassa. Ne tengo conto quando scelgo la foto per evitare che il soggetto risulti tagliato.

Open graph e il ridimensionamento delle immagini per siti web

L’immagine originale, quando è condivisa tramite le Twitter Cards, viene tagliata in mezzo.

Design Tip. Crea un’immagine modello, con segnate le zone da utilizzare per inserire i testi. Ogni volta che scegli un’immagine fai la verifica se rientra negli spazi, così sarai sicuro del risultato finale. Altrimenti, scarica il modello d’immagine tarato per un Facebook Post.

Questo criterio di scelta mi porta via un po’ di tempo in più, ma mi aiuta a scegliere una sola immagine. In alternativa, dovrei creare un’immagine per ogni social network. In realtà basta un po’ di attenzione in più e quando ci ho preso la mano, lo faccio in automatico.

Intanto ho trovato l’immagine che mi serve per questo post. Seguo il link alla pagina dell’autore. Mi serve per prendere i riferimenti da inserire come fonte. Scarico l’immagine con la dimensione giusta per poterla modificare. In questo caso eseguo il download della dimensione originale (2135 x 1844).

La citazione delle fonti delle immagini per siti web

Aggiunta dei testi con Canva

Adesso che ho scaricato l’immagine, gli aggiungo un testo. In questo caso voglio farti tanti auguri di Buon Natale. Per aggiungere i testi utilizzo un’applicazione web gratuita, Canva. In pochi passaggi, mi consente di aggiungere testi originali e accattivanti.

Modificare immagini per siti web utilizzando Canva

Scelgo il formato giusto dell’immagine

Posso scegliere tra tanti formati. Ognuno abbinato a varie categorie: social media, presentazioni, poster, cover per Facebook e molti altri. Una caratteristica comune: hanno già le dimensioni giuste. Sono ottimizzati per le diverse piattaforme:

  • Twitter Post (Dimensioni: 1024 x 512 pixel)
  • Social Media (Dimensioni: 800 x 800 pixel)
  • Pinterest Graphic (Dimensioni: 735 x 1102 pixel)
  • Facebook Post (Dimensioni: 940 x 788 pixel)
  • Facebook App (Dimensioni: 810 x 450 pixel)
  • Tumblr Graphic (Dimensioni: 540 x 810 pixel)
  • Intagram Post (Dimensioni: 1080 x 1080 pixel)

Modificare immagini per siti web utilizzando Canva

Io utilizzo quasi sempre il formato Facebook Post. Lo scelgo perché ritengo che le dimensioni di 940 pixel di larghezza per 788 pixel di altezza siano ideali anche per i miei post. Non mi resta che prestare attenzione, come ti ho spiegato prima, all’altezza per le Twitter Card.

Carico l’immagine da modificare

Sul menu di sinistra clicco su “Uploads“. Il pulsante verde “Uploads your own images” (Carica le tue immagini) mi consente di scegliere dal mio computer l’immagine a cui voglio aggiungere il testo. Non cambio ora il nome del file. Lo farò dopo, al termine delle modifiche.

Caricare immagini per siti web utilizzando Canva

L’immagine viene caricata sotto il pulsante. A questo punto posso trascinarla nell’area di lavoro. La ridimensiono per adattarla al modello. Questa fase è importante: devo tenere a mente il taglio per le condivisioni social.

Modificare immagini per siti web utilizzando Canva

Aggiungo i testi all’immagine

Posizionata l’immagine, adesso aggiungo il testo. Scelgo “Text” dal menu di sinistra. Canva mi presenta decine di soluzioni grafiche. Sono originali e accattivanti, pensate per essere leggibili ed efficaci. Scelgo il formato che mi ispira di più e lo trascino nell’area di lavoro. Le scritte le posso cambiare e ridimensionare.

Modificare immagini per siti web utilizzando Canva

Faccio attenzione che i testi siano leggibili. È importante. Mi assicuro che ci sia il sufficiente contrasto con lo sfondo. La scritta non deve rovinare la foto, ma completarla, aumentando la percezione del concetto che desidero trasmettere. Ti segnalo un articolo della Nielsen Norman Group dove trovi soluzioni grafiche e errori da evitare.

Inserisco la firma

Di solito, aggiungo una firma all’immagine. È il nome del mio sito. La firma è importante perché promuove la mia attività. L’immagine sarà condivisa sui social e il nome della mia azienda sarà visibile e abbinato a contenuti utili. Cosa voglio di più?

Modificare immagini per siti web utilizzando Canva

Scarico l’immagine

Termino tutte le verifiche. L’immagine mi soddisfa. Posso scaricarla. In alto a destra clicco sul pulsante “Download” e scelgo il formato che mi serve. Esistono quattro soluzioni: JPG (ideale per l’utilizzo sul web), PNG (alta qualità, molto pesante), PDF standard e PDF ottimizzato per la stampa. Io scelgo il formato JPG.

Modificare immagini per siti web utilizzando Canva

Scaricata l’immagine. Cambio le dimensioni per adattarla a quelle che sono previste dal tema del mio blog. Per modificarla puoi usare il tuo programma di foto ritocco preferito. Io uso Adobe Fireworks, nella versione Creative Cloud. Esistono strumenti gratuiti molto validi come Paint.Net o Gimp.

Modificare immagini per siti web utilizzando Canva

Creare immagini con Canva è molto divertente. Certo, richiede tempo. Soprattutto all’inizio sarai un po’ impacciato. Ma quando riesci a creare la tua prima immagine e ne sarai soddisfatto, ogni sforzo sarà ripagato. Quando ci prendi la mano, non smetti più. Inoltre puoi salvare i tuoi modelli pre-formattati in modo da semplificarti il lavoro.

Aggiungo l’immagine nel post

La mia immagine è pronta per essere caricata nel post. Utilizzo WordPress per il mio blog. Quando inserisco la foto, il CMS mi consente di compilare alcuni parametri (meta tag). Quelli più importanti sono il meta Alternative, il tag Title e la Description.

Come ottimizzare alt title per immagini per siti web

Google utilizza anche questi meta per classificare le immagini. Io inserisco la parola chiave, in questo esempio “immagini per siti web“, in tutti e due i tag. Anche il nome del file dell’immagine è importante. Tutti questi elementi dovrebbero essere “parlanti“, in modo che descrivano il concetto rappresentato. Ti propongo la spiegazione, in inglese, di Matt Cutts sull’argomento.

SEO Tips. Due consigli: 1) non lasciare spazi sui nomi dei file. Sul web, lo spazio viene sostituito dalla stringa “%20“. Questo rende l’URL meno chiaro. Dopotutto, il percorso di un file viene scritto nel codice, per cui viene indicizzato da Google. In questi due meta inserisco la parola chiave per cui sto ottimizzando il post. 2) Carica immagini già ridimensionate e ottimizzate per il web: sono più leggere.

Auguri di Buon Natale!

Ora non mi rimane che farti tanti Auguri di Buon Natale e felice Anno Nuovo. Il blog si prende una pausa per le feste natalizie. Ricarichiamo le pile! Il prossimo post uscirà a gennaio. Ti lascio con la canzone dei Tiro Mancino che ha ispirato il titolo di questo post. Auguri!

Immagini per siti web che lasciano il segno: la tua esperienza

Le immagini emozionano e coinvolgono. Scegliere quella giusta per i miei post è uno degli aspetti più divertenti ma anche delicati dell’attività di blogging. In questo post ti ho raccontato come cerco, scelgo e preparo l’immagine per un mio articolo.

Ora tocca a te. Raccontami come scegli le tue immagini. Utilizzi un sito a pagamento o gratuito? Quali sono i criteri con cui le scegli?

Share

Diego Ricci

Innamorato di Internet, dal '97 mi occupo di servizi web per piccole e micro imprese. Ascolto e analizzo le esigenze dei Clienti e propongo soluzioni. Amo la buona compagnia, lo stare insieme e le cose semplici come una birra al pub.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Leggi articolo precedente:
Cosa attira (davvero) l’attenzione del lettore

Stai attraversando un periodo difficile. Il lavoro non gira. Decidi che è il momento di investire in pubblicità per aumentare...

Chiudi