Come aggiungere facilmente immagini al tuo blog come un professionista

Hai scritto il tuo miglior post sul blog di sempre.

Seriamente, questa è roba fantastica che sta diventando virale con orde di lettori affamati.

Woah là Argento! Per prima cosa, devi attirare la loro attenzione.

Prima che qualcuno possa leggere il tuo brillante pezzo, deve prima fermarsi e prestare attenzione.

È qui che entrano in gioco le immagini..

Immagini, video, schermate, diagrammi e illustrazioni sono un ottimo modo per impedire al lettore di fare clic. L'aggiunta di immagini al tuo blog aiuta i lettori a comprendere le tue informazioni e idee e a ricordare il tuo post.

Il trucco è creare e aggiungere quelle immagini del blog in modo rapido ed efficace.

In questo post, ti guideremo attraverso tutti i passaggi, gli strumenti e i trucchi per aggiungere immagini al tuo blog senza dover passare ore a farlo.

PERCHE' LE IMMAGINI FUNZIONANO

"Il nostro cervello è principalmente un elaboratore di immagini, non un elaboratore di testi". – Psicologia oggi

Siamo (letteralmente) cablati per le immagini. Il neuroanatomista RS Fixot ha stimato che due terzi dell'attività del nostro cervello sono dedicati all'attività visiva. E ha senso...

Storicamente abbiamo usato la nostra vista per metterci in guardia contro i cattivi attacchi dei predatori o per individuare il cibo che potevamo cacciare e uccidere o raccogliere e raccogliere.

Non è diverso in linea...

I tuoi lettori cercano inconsciamente contenuti pertinenti o divertenti, o entrambi. In effetti, gli articoli contenenti immagini rilevanti hanno il 94% di visualizzazioni totali in più rispetto agli articoli senza immagini.

Gli articoli contenenti immagini rilevanti hanno il 94% di visualizzazioni totali in più rispetto agli articoli senza immagini Clicca per twittare .

Ecco dove le immagini aiutano. Qualsiasi cosa, da una semplice immagine a una gif personalizzata, renderà l'esperienza di lettura più interessante e farà scorrere il lettore verso il basso.

Il nostro cervello è in grado di elaborare le immagini 60.000 volte più velocemente del testo

In effetti, il 65% dei dirigenti senior del marketing afferma che foto, video, illustrazioni e infografiche sono fondamentali per il modo in cui viene comunicata la storia del marchio.

Quindi, se le immagini sono così fantastiche, come dovresti aggiungere immagini al tuo blog per ottenere più traffico e risultati migliori?

Iniziamo con le dimensioni dell'immagine.

PIXEL, FORMATO, DIMENSIONI E TUTTA QUESTA ROBA

Cercare di comprendere le diverse opzioni di dimensione dell'immagine può diventare piuttosto complicato. Le due cose fondamentali da sapere sono l' orientamento e la dimensione/compressione .

Orientamento

Per la maggior parte dei blog, un orientamento orizzontale (larghezza maggiore dell'altezza) funziona meglio. Le immagini orizzontali/orizzontali occupano meno spazio sullo schermo, consentendo ai tuoi contenuti di attirare l'attenzione dei tuoi lettori. Le immagini orizzontali sono perfette anche per condividere il tuo blog su Facebook, Twitter e LinkedIn.

Ma le immagini verticali o quadrate funzionano meglio su Instagram e hanno maggiori probabilità di essere bloccate su Pinterest. Anche in questo caso il motivo è semplice: Instagram e Pinterest sono tutti incentrati sulle immagini. Un'immagine verticale/ritratto occupa più spazio sullo schermo, il che le rende più accattivanti.

L'orientamento che scegli dipende dai tuoi utenti e dalle piattaforme social che utilizzano.

Sprout Social mantiene un elenco aggiornato delle migliori dimensioni delle immagini per i vari canali di social media in questo post.

È utile conoscere le basi delle dimensioni delle immagini per ciascuna piattaforma utilizzata.

Taglia/Compressione

La dimensione dell'immagine può significare due cose: la dimensione fisica dell'immagine (lunghezza x larghezza) e la dimensione del file (byte).

La maggior parte delle immagini direttamente dalla tua fotocamera o da un sito Web di foto d'archivio hanno una risoluzione (dimensione del file) e una dimensione fisica maggiori di quelle necessarie per il Web. Il problema con i file di immagine di grandi dimensioni è che rallentano il tuo sito.

Una foto digitale è composta da pixel (px) – minuscole tessere quadrate di colore. Generalmente parliamo di pixel in due modi: numero di pixel e densità di pixel. Il numero di pixel è il numero di pixel che compongono la tua foto. Quindi una foto da 800 px per 600 px significa semplicemente che la tua foto è larga 800 pixel e alta 600 pixel.

L'immagine a sinistra è 3456 × 5184 px e 2,7 Mega. L'immagine a destra è stata ridotta a 800 x 1200 e 193kb.

La densità dei pixel, o dpi, è il numero di pixel per pollice quadrato. Più pixel per pollice quadrato, maggiore è la risoluzione dell'immagine e più chiara è.

Per la stampa di foto, 300 dpi o superiore è l'ideale. Ma, per il web, un buon intervallo è 72-150 dpi.

Le migliori dimensioni per il tuo sito web

L'obiettivo per il tuo sito web è una buona risoluzione (non sfocata) e velocità (non grande).

Le tue immagini dovrebbero essere grandi quanto la larghezza del contenuto del tuo blog. Tutti i siti moderni sono costruiti con un design reattivo (ridimensiona automaticamente la pagina per smartphone, laptop, tablet e schermi desktop), imposta la tua immagine per la larghezza massima.

Trova un equilibrio tra dimensione e qualità del file

Minore è la dimensione del file della tua immagine, più velocemente verrà caricata per il tuo lettore. Tuttavia, una riduzione eccessiva delle dimensioni può creare un'immagine sfocata. Il tuo obiettivo è trovare l'equilibrio tra la dimensione del file più bassa e la qualità accettabile.

Cerca di mantenere la dimensione dell'immagine tra 150 KB e 300 KB. Dai un'occhiata all'esempio qui sotto. L'immagine originale era di 7,6 MB e 5000 px di larghezza. L'immagine a sinistra è stata ridimensionata a 860 px di larghezza e salvata come jpeg di alta qualità, che ha prodotto un file da 250 KB.

Riesci a malapena a distinguere tra questa immagine e l'originale quando viene visualizzata online. È perfetto per il web.

L'immagine a destra è stata ridimensionata per essere larga 860 px ma salvata come jpeg di bassa qualità da 30 KB. Certo, si caricherà rapidamente ma è sfocato e sembrerà amatoriale.

La dimensione ottimale dell'immagine è 150-300kb. Qualsiasi più piccolo e la tua immagine sarà troppo sfocata.

Ovviamente, quando aggiungi immagini al tuo blog non è sempre possibile mantenere le tue immagini sotto i 300 KB. Sui display retina, una fotografia complessa potrebbe apparire sfocata a 300 KB.

L'idea chiave da portare a casa è mantenere le dimensioni dei file il più piccole possibile, soprattutto se stai utilizzando molte immagini nel tuo post! I tempi di caricamento della pagina influiscono sulle classifiche di Google ed è probabile che i lettori vengano disattivati ​​da una pagina che impiega anni a caricarsi.

Esistono numerosi servizi gratuiti per ridurre le dimensioni dell'immagine, come Ridimensionamento immagine e Tiny PNG. Oppure puoi utilizzare siti di design gratuiti come Canva o PicMonkey per ottenere le dimensioni e la risoluzione giuste per qualsiasi sito di social media o per il tuo sito Web (ulteriori informazioni sull'utilizzo di questi strumenti di seguito).

Strumenti come Ridimensionamento immagine semplificano la riduzione della risoluzione dell'immagine senza sacrificare la qualità

Uso JPG, GIF, PNG, SVG?

Se sei mai stato confuso con tutti i tipi di immagine (jpeg, gif...) questo ti aiuterà.

Quando aggiungi immagini al tuo blog qual è il formato migliore?

• • JPG/JPEG – offre immagini di grande qualità con file di piccole dimensioni. È l'opzione migliore per le foto a meno che non debbano essere trasparenti, animate o che contengano molto testo
• • GIF – perfette per piccoli elementi grafici e animazioni e possono avere sfondi trasparenti.
• • PNG – ideale per grafica dettagliata, immagini con molto testo o immagini trasparenti. I file PNG tendono ad essere più grandi dei file JPG.
• • SVG – questo è un formato vettoriale scalabile, il che significa che rimane nitido e chiaro a qualsiasi risoluzione. Tendono ad essere grandi in termini di dimensioni del file, ma se hai una grafica complicata che deve essere ridimensionata automaticamente e/o ha effetti di rollover o animazioni, SVG è la scelta perfetta.

Nella maggior parte dei casi, usa jpeg per tutte le immagini a meno che tu non voglia uno sfondo trasparente.

NOTA: non tutti i siti Web sono impostati per gestire automaticamente i file SVG. WordPress ha plugin che ti aiuteranno. Per i siti non WordPress, provalo e se il tuo file SVG non viene visualizzato, verifica con il tuo sviluppatore web.

Metti alla prova le tue immagini

Non sei sicuro di come verrà mostrata la tua immagine online? La maggior parte dei sistemi di gestione dei contenuti (come WordPress) ti consente di visualizzare in anteprima la bozza del post del blog prima di pubblicarlo.

IMMAGINI IN EVIDENZA

Ogni post del blog ha bisogno di un'immagine in primo piano.

La tua immagine in evidenza è la prima cosa che vede il tuo lettore ed è l'immagine tirata dai tuoi canali di social media. In questo articolo spieghiamo cosa fare se la tua immagine non viene tirata correttamente dai tuoi canali social.

La tua immagine in primo piano potrebbe essere una fotografia o, con un po' di lavoro in più, sovrapporre il titolo all'immagine. In ogni caso, deve creare una certa curiosità e far desiderare al lettore di continuare a leggere.

In WordPress, troverai il link per scegliere la tua immagine in primo piano sul lato destro del menu di WordPress.

FARE LA TUA IMMAGINE

Le immagini stock sono fantastiche, ma l'originale è meglio, anche se stai solo aggiungendo una svolta a un'immagine stock.

Non devi essere un artista grafico o possedere un software costoso per creare le tue immagini. Strumenti gratuiti come Canva e Picmonkey hanno un'ampia gamma di modelli, immagini e grafica e caratteri pronti per l'uso. Con un po' di pratica, puoi aggiungere il tuo tocco unico alle tue immagini o creare immagini di citazioni, meme, diagrammi e infografiche.

Ecco un'immagine che ho realizzato con Canva in soli 5 minuti.

Con un piccolo sforzo in più, puoi sovrapporre il titolo alla tua immagine.

Una volta che ti senti a tuo agio con questi strumenti, puoi diventare creativo con i tuoi risultati. Tecniche semplici come il ridimensionamento delle immagini, l'aggiunta di schermate, il ritaglio, anche la scelta di caratteri più interessanti farà risaltare la tua immagine.

Scopri altre tecniche semplici per far risaltare le tue immagini in questo post.

[Non devi essere un grafico per vestire le tue immagini in modo che si distinguano.]

EVITARE LA LEGGE

Hai cercato sul Web, trovato l'immagine perfetta e l'hai aggiunta al tuo blog.

Avanti veloce di due mesi e ricevi una lettera di "cessate e desistere" chiedendo denaro per i danni.

COAAAAAAAA?

Le immagini hanno la proprietà, proprio come le opere d'arte. E non puoi usare alcune immagini senza il permesso del proprietario. In questo post, spieghiamo come funziona Creative Commons con le immagini.

La buona notizia è che ci sono più siti che mai in grado di fornirti immagini brillanti su cui puoi acquistare i diritti utente o utilizzare accreditando l'artista.

Accredita l'artista

Se stai utilizzando un'immagine con licenza Creative Commons, è buona norma accreditare il fotografo e la fonte. La maggior parte dei siti Web di foto d'archivio ti fornirà il collegamento quando scarichi l'immagine.

Con siti come Unsplash, è facile copiare i crediti dell'artista in modo da poterli incollare in fondo al tuo post

In BlogWorks utilizziamo diversi siti per le nostre immagini. Abbiamo un account con Adobe Stock su cui facciamo affidamento per i blog dei nostri clienti, inoltre utilizziamo spesso Pixabay, Unsplash, Refe e Magdeleine.

Adobe fornisce una fonte di immagini di alta qualità, insieme ad altri pacchetti software creativi. Se stai cercando un modo nuovo e semplice per trovare o creare immagini, puoi dare un'occhiata ai loro prodotti qui.

Se ancora non riesci a trovare quello che desideri, vai su Librestock dove le immagini di oltre 40 siti sono aggregate per la ricerca. Abbiamo elencato 7 siti per trovare bellissime foto in questo post.

Puoi persino utilizzare Google per aggiungere immagini al tuo blog: assicurati solo di scegliere "Etichettati per il riutilizzo" in Strumenti.

Se utilizzi Google per trovare immagini, cerca sempre "Etichettato per il riutilizzo"

Un consiglio veloce sulla ricerca dell'immagine "perfetta": trovare un'immagine leggermente migliore di quella che hai trovato nei primi 5 minuti non renderà virale il tuo post. Limitati a 5 minuti per trovare un'immagine sufficientemente buona: puoi sempre cambiarla in seguito se ne trovi una migliore.

UTILIZZA IMMAGINI DI PERSONE REALI

Le immagini di persone sono una delle forme di contenuto più coinvolgenti su Internet.

I volti sono unici e gli esseri umani hanno una preferenza visiva cablata per fissare i volti. Immagini di volti e persone cattureranno l'attenzione del lettore.

Ma la tua immagine deve essere correlata al contenuto o aiutare a spiegare un concetto o un punto: gli studi hanno scoperto che le immagini di persone vengono ignorate dai lettori quando sono immagini generiche e decorative.

Quando si tratta di social media, i volti ci coinvolgono. Le foto con i volti attirano più commenti e Mi piace.

Se aggiungo immagini al nostro blog, cerco di evitare immagini di stock scadenti, come l'immagine a sinistra e cerco qualcosa di più originale come l'immagine a destra.

La fotografia d'archivio può essere taglia-biscotti, non originale e un po' noiosa (a sinistra) o più interessante e originale (a destra)

AGGIUNTA DI SCHERMI E DIAGRAMMI

Diciamo che stai cercando di spiegare come utilizzare un motore di ricerca online o dove andare sul tuo sito per trovare il tuo ultimo libro, o anche come assicurarti che la tua email di attivazione non sia finita nella cartella "promozione" di quella persona in Gmail.

Un po' difficile da spiegare a parole, giusto?

Ecco dove gli screenshot sono super utili. In un paio di minuti hai catturato l'immagine, aggiunto un paio di frecce e ora la tua foto vale più di mille parole, in più fai in modo che più persone vadano nel posto giusto!

Uno strumento come Snagit è un investimento inestimabile. Per soli $ 50 hai un cavallo di battaglia pronto per l'uso per screenshot, video e persino gif (tutti gli screenshot utilizzati in questo post sono stati creati con Snagit).

Ecco un video che ho creato in Snagit sull'utilizzo di Snagit per modificare uno screenshot (ora è meta!).

La grafica e i diagrammi personalizzati sono un altro ottimo modo per spiegare concetti complessi o semplicemente per aggiungere un po' di divertimento al tuo post. OmniGraffle e Lucidchart offrono strumenti per diagrammi di flusso che puoi utilizzare per creare diagrammi divertenti. Piktochart ha una versione gratuita per la creazione di infografiche e grafica basata sui dati.

Hai bisogno di un grafico per illustrare alcune informazioni? Puoi prenderli direttamente da Excel, Fogli Google o Word. Copia il grafico e incollalo nel tuo editor di testo o fai uno screenshot.

E non aver paura di prendere una matita o una penna! Abbozza la tua idea e scatta una foto. Non importa se non sei un artista: ai tuoi lettori piacerà vedere che sei proprio come loro!

AGGIUNGERE VIDEO E GIF

A volte il testo da solo non è abbastanza. È qui che entrano in gioco video e animazioni.

Giphy e Tenor sono buone risorse per le GIF animate. Sitepoint ha un ottimo elenco di risorse di luoghi in cui trovare immagini creative commons, video e altri media.

Mi è stato chiesto molte volte come aggiungo video al mio blog. Di certo non sono un esperto, ma quando si tratta di qualcosa che ha un odore tecnico mi ricordo che "fatto è meglio che perfetto" e lo mantengo semplice. Dall'inizio alla fine, un semplice video non dovrebbe richiedere più di 15 minuti.

Ecco un'illustrazione dei passaggi che eseguo.

Devi ospitare il tuo video da qualche parte. Usiamo Vimeo da molti anni e amiamo il prezzo e quanto sia veloce e semplice da usare. Puoi anche usare YouTube o Wistia.

I passaggi per aggiungere video al tuo blog sono piuttosto semplici una volta che li hai praticati alcune volte, ma variano a seconda del tuo sito Web e di dove stai ospitando il tuo video.

Ecco come inserire un video da YouTube in WordPress:

1. Questo processo era diventato semplicissimo. Inizia individuando il video che desideri su YouTube.
2. Quindi, copia l'URL di quel video (assomiglierà a https://www.youtube.com/watch?v=JKrPz6JHwYw)
3. Accedi al tuo sito Web WordPress, apri il post del blog da modificare, posiziona il cursore nel punto in cui desideri visualizzare il video, incolla l'URL.

Questo strumento gratuito ti consentirà di personalizzare l'aspetto del tuo video di YouTube e fare cose come disattivare i fastidiosi video "correlati".

Ecco come inserire un video da Vimeo in WordPress:

1. • Per ottenere il codice di incorporamento del tuo video, vai alla sua pagina su Vimeo e fai clic sul pulsante 'Condividi'.
2. • Fare clic sul collegamento '+Mostra opzioni' e copiare il codice di incorporamento.
3. • Accedi al tuo sito Web WordPress, apri il post del blog da modificare e fai clic sulla scheda "Testo" nel tuo editor di testo.
4. • Individua il punto in cui desideri visualizzare il video e incolla il codice di incorporamento.

Con strumenti come Vimeo, è facile inserire video nel tuo blog come un professionista.

Nota: dovresti includere del testo nel tuo post con il tuo video se vuoi che il tuo post venga raccolto dai motori di ricerca come Google. Puoi vedere come è fatto su Via con il vlog di viaggio di Wynn. Con ogni post del blog hanno un sacco di testo, immagini e video per mantenere te, il lettore interessato e per scopi SEO.

USARE UN TEMA COERENTE

Quando scegli immagini o caratteri è una buona idea essere coerenti con il tema del tuo sito e del tuo blog.

Potrebbe essere semplice come usare un carattere coerente (sono un fan di Helvetica Neue, Marker Felt, Yellowtail e Bebas Neue), una combinazione di colori o uno stile di icone.

L'app del servizio clienti, Help Scout, fa un ottimo lavoro nell'utilizzare elementi di design coerenti nel loro blog che sono leggeri, moderni e bizzarri.

SCEGLIERE IL NOME FILE GIUSTO

La SEO dell'immagine inizia con il nome del file. Quando usi le immagini nei post del blog, vuoi che Google sappia di cosa tratta la tua immagine senza nemmeno guardarla!

Prima di caricare la tua nuova immagine, dai un'occhiata al nome dell'immagine. La tua immagine dovrebbe essere chiamata qualcosa che si riferisce all'immagine e/o al contenuto del tuo articolo. Dovrebbe anche includere le tue parole chiave quando possibile. La scelta di un nome ricco di parole chiave per la tua immagine renderà più facile per i motori di ricerca classificare la tua pagina.

Ad esempio, se stai scrivendo un articolo su come scegliere il miglior giocattolo da masticare per i cuccioli, dai un nome alla tua immagine "best-chew-toy-for-puppies.jpg". Se la tua immagine mostra un tramonto su una spiaggia di Koh Samui, in Thailandia, chiamala 'thailand-koh-samui-beach-sunset.jpg'.

Usa i trattini tra le parole, anziché gli spazi, i trattini bassi o metti insieme tutte le tue parole.

Questa raccomandazione arriva direttamente da Google. Non siamo sicuri del motivo esatto di ciò poiché Google protegge il modo in cui l'algoritmo del motore di ricerca funziona più vicino di quanto un mago custodisca i loro trucchi. Ma il webmaster di Google dice che i trattini tra le parole aiutano Google a trovare le tue immagini!

TESTO ALTERNATIVO

Quando carichi la tua immagine, video o altri media, hai la possibilità di includere il testo ALT. Dovresti farlo ogni volta che puoi.

Il testo ALT comunica ai motori di ricerca la tua immagine, il che aiuta le tue classifiche. Inoltre, i lettori di schermo leggono il testo ALT in modo da aiutare i tuoi contenuti a essere più accessibili.

Il testo alternativo sulle tue immagini spiega di cosa tratta la tua immagine

Il tuo testo ALT dovrebbe aiutare a spiegare la tua immagine o il punto che stai cercando di illustrare. Come per la scelta del nome di un file, il tuo testo ALT dovrebbe essere correlato al contenuto del tuo articolo o alle tue parole chiave.

DIDASCALIE E ​​TITOLI

Le didascalie delle immagini di solito vengono visualizzate sotto l'immagine. Molti lettori scansionano gli articoli e le didascalie delle immagini possono attirare la loro attenzione e indurli a incuriosirsi sui tuoi contenuti.

In BlogWorks proviamo a scrivere didascalie che si aggiungono al contenuto scritto. L'idea è che se il lettore legge solo le didascalie avrà una buona idea di cosa tratta l'articolo.

BarkPost, gli inventori dell'abbonamento mensile di snack per cani Bark Box, stuzzicano gli amanti dei cani (come me) con immagini sciocche e divertenti di cagnolini abbinate a titoli in stile tabloid di Hollywood, come questi:

• • 5 Segni Le caccole dell'occhio del tuo cane sono causate da qualcosa di pericoloso
• • 18 cani che non approvano questa tortura dell'acqua che chiami "l'ora del bagno"
• • Ho registrato il mio cane per una scatola di cure odontoiatriche, ed ecco cosa è successo

LA TUA CHECKLIST FINALE

Qualsiasi immagine che aggiungi al tuo blog dovrebbe migliorare l'esperienza dei tuoi lettori. E invogliali a leggere l'articolo, il che significa che rimarranno sul tuo sito più a lungo.

Come controllo finale, poniti queste due domande:

• Questa immagine manterrà il lettore sulla pagina più a lungo?
• Questa immagine aiuta il lettore a capire meglio il mio messaggio?

Lo sforzo extra che fai per trovare e aggiungere immagini al tuo blog può dare grandi ricompense. Invece di essere ignorato, il tuo post potrebbe essere condiviso con migliaia di lettori e assumere una vita propria.

Dopotutto, il nostro obiettivo è far leggere, condividere e amare il nostro blog. Destra?

Ti è piaciuto questo articolo? Eccone altre 3 su immagini, video e rendere virale il tuo blog:

La guida definitiva per aggiungere video di YouTube al tuo blog.
Immagini gratuite per il tuo blog: 7 fantastiche fonti
4 modi per far risaltare le immagini del tuo blog

Note a piè di pagina:

1. 1. In un articolo pubblicato sull'American Journal of Ophthalmology, il neuroanatomista RS Fixot ha stimato che il 50% del nostro tessuto neurale è direttamente o indirettamente correlato alla vista e due terzi dell'attività elettrica del nostro cervello viene utilizzata per l'elaborazione visiva.
2. 2. In uno studio di eMarketer, le foto rappresentavano il 75% dei contenuti pubblicati dalle pagine Facebook in tutto il mondo e hanno generato un tasso di interazione dell'87% da parte dei fan (rispetto a meno del 10% da qualsiasi altro tipo di post).
3. 3. Uno studio del Georgia Institute of Technology e Yahoo Labs ha esaminato 1,1 milioni di post su Instagram e ha scoperto che le foto con volti umani hanno il 38% di probabilità in più di ricevere Mi piace rispetto alle foto senza volti. Hanno anche il 32% di probabilità in più di attirare commenti.

Foto di LinkedIn Sales Navigator su Unsplash