La tua guida indispensabile alle immagini in primo piano in WordPress

Gli articoli con immagini ottengono il 94% di visualizzazioni in più rispetto a quelli senza e la prima immagine che i tuoi spettatori vedranno è l'immagine in primo piano.

L'aggiunta di immagini pertinenti ai post e alle pagine del blog è un elemento importante del blog. Ricordi che da bambino prendevi sempre in mano un libro pieno di illustrazioni? È lo stesso caso con i blog: un post ad alta intensità di immagini è visivamente più accattivante di uno con solo testo.

In questo post, ti diremo tutto ciò che devi sapere sulle immagini in primo piano in WordPress: cosa sono, dove puoi usarle e come usarle per il tuo massimo beneficio. Tratteremo anche le migliori pratiche per l'aggiunta e l'utilizzo di immagini in primo piano in WordPress.

Diamo prima alcune nozioni di base.

Una panoramica delle immagini in primo piano

Hai visto tutti immagini in primo piano nei blog ma potresti non sapere esattamente cosa siano. In genere, la pagina del blog di un sito WordPress ha i titoli dei post insieme a un breve estratto, il nome dell'autore e un'immagine in miniatura. Questa immagine in miniatura è l'immagine in primo piano del post che viene visualizzata proprio sopra il testo nella pagina del post.

Un'immagine in primo piano rappresenta il contenuto, l'umore o il tema di un post o di una pagina. I post e le pagine possono avere un'unica immagine in primo piano, che molti temi e strumenti possono utilizzare per migliorare la presentazione del tuo sito. – WordPress.com

Le immagini in primo piano visualizzate su una pagina del blog sono rappresentate come miniature e possono variare di dimensioni a seconda del tema che stai utilizzando. Generalmente, sono posizionati sopra il testo o sul lato sinistro di esso. Per questo motivo, le immagini in primo piano vengono anche chiamate miniature dei post.

Catturare l'attenzione dei potenziali spettatori utilizzando un'immagine in primo piano accattivante è un ottimo modo per attirare più traffico sul tuo blog. Le immagini attirano i lettori e l'immagine in primo piano che usi per il tuo post sul blog verrà visualizzata di più: viene visualizzata nella home page del blog, nei post dei social media e nella pagina del post.

Una nota sull'importanza delle immagini in primo piano

Le immagini in evidenza sono come la copertina di un libro e come dice il vecchio adagio, non giudicare mai un libro dalla copertina , la verità è che è difficile non farlo. Fare la migliore prima impressione diventa infinitamente più facile con l'uso di un'immagine in primo piano. Un'immagine parla più di mille parole – mille parole che non dovrai dire per catturare i tuoi lettori in un solo sguardo.

A differenza delle immagini che aggiungi effettivamente ai tuoi post e alle tue pagine, le immagini in primo piano viaggeranno molto più lontano. Dalle condivisioni dei siti di social media alle caselle dei suggerimenti dei post recenti, le tue immagini in primo piano verranno pubblicate in tutti i tipi di luoghi in cui i potenziali abbonati possono imbattersi.

Una delle caratteristiche distintive relative all'uso delle immagini in primo piano è che conferisce struttura e coerenza al tuo blog. Supponiamo che tu stia scrivendo un post che non ha un sacco di immagini per accompagnarlo. Puoi contare sull'immagine in primo piano che utilizzi per assicurarti che non vada persa negli archivi del tuo sito senza una singola visualizzazione.

Le immagini in primo piano sono diventate una norma per i blogger moderni e leggere un post sul blog senza un'immagine in primo piano sembra un po' strano. Nella sezione seguente, ci addentreremo direttamente nelle best practice utilizzate dai professionisti quando si tratta di selezionare, personalizzare e aggiungere immagini in primo piano.

Best practice per l'utilizzo delle immagini in primo piano

Le immagini in primo piano sono piuttosto semplici da capire e ormai probabilmente hai un'idea abbastanza chiara di cosa sono e dove vengono utilizzate. In questa sezione, esploreremo alcune delle migliori pratiche adottate dagli editori quando si utilizzano le immagini in primo piano.

Taglia

Una delle prime cose che devi decidere prima di aggiungere la tua prima immagine in primo piano è la dimensione che vuoi che sia. La dimensione che decidi per la prima immagine rimarrà la stessa per tutte le immagini in primo piano che aggiungi da questo punto in poi. In questo modo mantieni la coerenza nel tuo blog e gli conferisce un aspetto professionale.

La dimensione selezionata per l'immagine in primo piano dovrebbe dipendere da due fattori:

• Il tema che stai eseguendo. Se il tuo tema è affollato rispetto al suo design, opta per un'immagine in primo piano di dimensioni più piccole rispetto a quella che occupa l'intero schermo.

  

• Il layout dei tuoi post. La maggior parte dei webmaster ridimensiona l'immagine in primo piano per posizionarla ordinatamente sopra il testo del post. Se il testo del loro post è di 800 px lungo la pagina, anche l'immagine in primo piano è larga 800 px.

Qualità dell'immagine

Le immagini in primo piano sono generalmente di grandi dimensioni, da 500 px a tutta la larghezza. Tenendo questo a mente, è meglio scegliere un'immagine ad alta risoluzione invece di una che si pixelerà facilmente. I webmaster cercano immagini in primo piano pertinenti su siti di immagini stock o assumono un designer interno per creare immagini in primo piano uniche per ogni post.

Indipendentemente dall'opzione scelta, ricordati di ottimizzare l'immagine per il Web prima di caricarla sul tuo sito per risparmiare spazio di archiviazione sul tuo server. Strumenti online come Kraken funzionano alla grande e se desideri installare un plug-in, EWWW Image Optimizer è un'opzione popolare.

Pertinenza

Le immagini in primo piano hanno lo scopo di catturare l'essenza del post del blog a cui sono associate. Ma dove troveresti un'immagine pertinente che si adatti ai tuoi contenuti e si adatti ai nostri criteri di best practice? Se stai gestendo un sito Web di alta autorità, il tuo primo piano d'azione dovrebbe essere quello di assumere un designer per creare immagini in primo piano. E se preferisci crearli da solo, strumenti come Photoshop, GIMP e Illustrator possono aiutarti molto.

Ma quelli di voi che preferiscono non spendere troppo per le immagini in primo piano possono cercare immagini pertinenti su siti Web di foto stock gratuite. Dai un'occhiata al nostro post su 35 siti Web di foto d'archivio gratuiti per ogni situazione e i migliori 24 siti Web per immagini vettoriali gratuite per designer 2016 per siti di risorse.

Ora che abbiamo trattato alcune delle migliori pratiche che blogger ed editori adottano per le immagini in primo piano, diamo un'occhiata ad alcuni dei modi più popolari per visualizzare le immagini in primo piano sulla home page del tuo blog.

Variazioni del layout delle immagini in primo piano

Esistono tantissimi modi diversi per visualizzare le immagini in primo piano sulla home page del tuo blog, ma dipende principalmente dai layout offerti dal tema che stai utilizzando. Diamo un'occhiata ad alcuni diversi layout di immagini in primo piano per diversi tipi di siti WordPress.

Immagini in evidenza in cima agli estratti

Presentare l'immagine in primo piano sopra il testo è uno dei layout di pagina del blog più popolari. Il nostro tema Illdy mostra le immagini in primo piano in modo ordinato sopra il titolo del post e l'estratto del post sulla home page del blog. Questo layout è adatto a tutti i tipi di siti Web WordPress: siti aziendali, blog generali o siti basati su servizi.

Immagini in primo piano a lato

A volte un'immagine tradizionale in primo piano sul layout laterale è proprio ciò di cui ha bisogno la home page del tuo blog. Ciò è particolarmente vero se desideri evidenziare gli estratti del post o aggiungere ulteriori dettagli del post come il nome dell'autore, la data in cui è stato pubblicato e le categorie in cui è classificato. Il nostro tema Travelify è un meraviglioso esempio di questo layout di immagini in primo piano.

Immagini in evidenza in stile rivista

Se il contenuto del tuo sito web è incentrato sulle immagini, probabilmente è meglio scegliere un tema in stile Pinterest completo di un layout della homepage del blog in stile rivista ad alta intensità di immagini. Il nostro tema Pinbin fa proprio questo con immagini in evidenza di dimensioni diverse visualizzate come miniature dei post sulla home page.

Ci sono alcuni temi là fuori che non supportano le immagini in primo piano sebbene la sua meta box sia supportata dal CMS WordPress. Se stai eseguendo un tema che non offre supporto per le immagini in primo piano, la prima immagine del post del blog verrà utilizzata ogni volta che condividi il link del post a un sito di social media o sui feed RSS. Questo può essere un problema se la prima immagine del tuo post è difficile da visualizzare quando viene ridotta, ad esempio un grafico.

Per risolvere questo problema, la maggior parte dei webmaster aggiunge codice personalizzato ai file del tema o opta per un plug-in per aggiungere l'immagine in primo piano. Immagine in primo piano predefinita e Immagini in primo piano rapide sono entrambe ottime opzioni per aggiungere immagini in primo piano.

Come aggiungere immagini in primo piano in WordPress

Ormai sai cos'è un'immagine in primo piano e perché è importante per i post del blog e il tuo sito Web WordPress, in generale. In questa sezione, ti guideremo attraverso un breve tutorial su come aggiungere immagini in primo piano in WordPress.

Passaggio 1: aggiungi un nuovo post accedendo a Post > Aggiungi nuovo dalla dashboard di WordPress.

Passaggio 2: aggiungi un titolo e un contenuto al tuo post.

Passaggio 3: scorri verso il basso lo schermo finché non vedi una meta box intitolata Immagine in evidenza nella barra laterale destra.

Passaggio 4: fare clic sul collegamento che dice Imposta immagine in primo piano . Si aprirà la schermata dell'uploader multimediale.

Passaggio 5: carica una nuova immagine dal tuo disco o selezionane una dalla tua libreria multimediale. Assicurati che l'immagine selezionata sia ritagliata e ottimizzata per il web.

Passaggio 6: aggiungi il titolo e la descrizione dell'immagine.

Passaggio 7: fare clic sul pulsante blu Imposta immagine in primo piano per continuare.

Passaggio 8: dopo aver fatto clic sul pulsante, l'immagine selezionata verrà impostata come immagine in primo piano e il meta box dovrebbe essere simile a questo.

Questo è tutto quello che c'è da fare! Hai aggiunto con successo un'immagine in primo piano al tuo post sul blog. Seguendo la stessa procedura, puoi facilmente aggiungere immagini in primo piano a pagine e tipi di post personalizzati.

Avvolgendolo

Le immagini in primo piano sono accattivanti e una funzione divertente con cui giocare, per non parlare del loro grande valore SEO! L'aggiunta di immagini in primo piano ai post del tuo blog è un processo semplice, diretto e abbastanza facile da incorporare nell'elenco di controllo pre-pubblicazione del tuo post sul blog.

Esaminiamo rapidamente le aree trattate in questa guida:

• Segui le best practice per le immagini in primo piano per trovare l'immagine giusta.
• Seleziona un layout della home page del blog che offra il miglior valore al pubblico del tuo sito.
• Se il tuo tema non supporta le immagini in primo piano, installa un plug-in per aggiungere la funzionalità.
• Ultimo, ma certamente non meno importante, aggiungi un'immagine in primo piano adatta utilizzando i passaggi sopra descritti per catturare l'attenzione dei tuoi lettori.

Sei riuscito ad aggiungere un'immagine in primo piano ai post del tuo blog e selezionare un layout per la home page del blog? Hai avuto problemi a trovare un'immagine in primo piano? Ci piacerebbe avere tue notizie, quindi mettiti in contatto commentando qui sotto!