Seleziona una pagina

COME INSERIRE IMMAGINI IN WORDPRESS

[mini-guida]

Inserire Immagini WordPress

WordPress è il CMS (acronimo di Content Management System) più utilizzato al mondo, sia per la sua semplicità di utilizzo, sia per il massimo grado di personalizzazione dei template messi a disposizione dei suoi utenti. Se hai un sito web creato con questo CMS, oppure se ti devi occupare di quello della tua azienda, questa mini-guida su come inserire immagini in WordPress ti sarà utile.

Il successo di un blog o di un sito si basa molto sulla strategia di Content Marketing adottata e le immagini servono sicuramente a rendere i contenuti più accattivanti ed originali. Questo è un buon modo per distinguersi nel mare del web.

In questa pagina vedremo: 

  • tutti i modi in cui si possono inserire immagini in WordPress
  • quali parametri sono utili ai fini della SEO 
  • i plugin più utili per la gestione di immagini e gallerie multimediali

Perché inserire immagini in un blog WordPress ?

  • Le fotografie, e in generale tutti contenuti multimediali, sono oggi un elemento imprescindibile per una buona strategia di content marketing, in quanto consentono di presentare al meglio i contenuti testuali, aumentando il grado di engagement degli utenti. 
  • Le immagini migliorano la User Experience e contribuiscono a migliorare il posizionamento SEO.
  • La comunicazione visiva ha il potere straordinario di veicolare messaggi in modo diretto, a persone di lingue e culture differenti.
  • La forza delle immagini, nel marketing, favorisce la lead nurturing, coinvolge e fidelizza i clienti, supporta lo Storytelling e aumenta sia la visibilità online delle aziende, sia le conversioni sui siti.

Come inserire immagini su WordPress

Inserire immagini WordPress-code is poetry

Inserire immagini su WordPress permette di rendere più coinvolgenti i contenuti e consente di abbellire la grafica del proprio sito web, migliorandone l’esperienza di navigazione e, di conseguenza, anche il posizionamento sui motori di ricerca.

Con questo CMS è possibile inserire immagini sia all’interno di articoli, che di pagine web in modo semplice e veloce. Inoltre si ha la possibilità di creare e gestire gallerie multimediali.

Gli screenshot riportati di seguito provengono dal template DIVI. Potrà cambiare qualcosa a livello grafico in base al template con cui si è creato il proprio blog, ma i passaggi da seguire per inserire le immagini sono i medesimi.

Passiamo alla pratica:

  • Per prima cosa vai in Articoli –> Aggiungi nuovo; oppure in Pagine –> Aggiungi nuova; o ancora apri un Articolo o una Pagina, precedentemente creati, in Modifica. (Decidi se inserire le immagini in una pagina WordPress o in un articolo)
  • In seguito posiziona il cursore all’interno dell’editor di testo, nel punto in cui desideri inserire l’immagine.
    A questo punto devi sapere che è possibile arrivare alla voce “Aggiungi Media” da due diverse vie:
    1) Dall’icona Aggiungi media che si trova in alto a sinistra della barra degli strumenti di formattazione;
    2) All’interno dell’editor testuale, dalla voce Inserisci –> Add Media.

     

    Inserire immagini WordPress- Aggiungi media

    1) Aggiungi media

Inserire immagini WordPress- Aggiungi media barra degli strumenti di formattazione

2) Inserisci –> Add Media

 

L’aggiunta dei media è il passaggio preliminare, a prescindere dalla fonte che si è scelta per inserire le immagini.
Ma da quale fonte si possono inserire immagini in WordPress?

  • Dal proprio computer
  • Dall’URL dell’immagine
  • Dalla libreria media

Inserire immagini in WordPress dal proprio computer

Una volta arrivato all’interno della schermata Inserisci Media/Add Media potrai caricare le immagini direttamente dal tuo computer.
Aggiungi Media –> Carica file. A questo punto potrai caricare i tuoi file, scegliendo tra due modi molto semplici:

  1. Trascinando i file all’interno della schermata Rilascia i file qui dentro per caricarli.
  2. Selezionando i file cliccando su Seleziona i file. Da qui potrai scegliere le immagini da caricare direttamente dalla cartella in cui le hai salvate.

Nota bene: la dimensione massima di caricamento di ogni file deve essere inferiore o uguale a 256 MB.
(In seguito approfondiremo la questione del peso, nel paragrafo dedicato ai formati delle immagini che si possono inserire nel tuo blog).

Inserire immagini WordPress- aggiungi media dal tuo computer

In questo caso nel pulsante blu trovate la dicitura “Inserisci nella pagina” perché io sto lavorando ad una pagina. Se stessi lavorando su un articolo, come è logico, trovereste “Inserisci nell’articolo”.

 

Da questa schermata potrai scegliere se caricare un singolo file nella tua pagina (o articolo), oppure se caricarne più di uno al contempo e creare Gallerie Multimediali.

Inserire Immagini WordPress- Crea Galleria

In questo caso la galleria fotografica è stata prodotta selezionando dei file precedentemente caricati dal computer e salvati nella libreria media, ma avremmo potuto caricarli ex novo, seguendo i passaggi illustrati in precedenza.

A questo punto, si può scegliere quanti file utilizzare per comporre la galleria. Una volta scelte le immagini, si procede cliccando su Crea una nuova galleria e da qui è possibile modificarne alcune caratteristiche in Modifica galleria.

Impostazioni galleria:

Inserire immagini WordPress- modifica galleriaInserire immagini WordPress- impostazioni galleria

  • Link a: allegato pagina; file media; nessuna
  • Colonne: da 1 a 9
  • Ordine casuale: è possibile flaggare questa opzione, altrimenti verrà seguito l’ordine in cui le immagini sono state selezionata dalla schermata di creazione della galleria. È inoltre possibile modificare l’ordine delle foto trascinando i file selezionati.
  • Dimensione: miniatura, media, grande, dimensione reale, WPRS Image e WPRS Thumb (questi ultimi due sono formati propri di WordPress).

Una volta soddisfatti del risultato, basterà cliccare su Inserisci Galleria e verrà inserita nel punto in cui avete puntato il cursore, come abbiamo visto per le immagini singole.

Inserire immagini in WordPress dall’URL dell’immagine

Ora vediamo come inserire un’immagine tramite l’URL, dunque senza caricare un file nel proprio blog, ma generando un link esterno. Questo procedimento è anche detto collegamento remoto, perché si rimanda ad una fonte esterna al proprio blog. Questo URL deve essere scritto nella versione testuale dell’editor perché in questo modo si usa, per inserire l’immagine, l’HTML in WordPress.

Il vantaggio di inserire immagini in WordPress in questo modo è quello di non appesantire il caricamento delle proprie pagine web, o degli articoli. Ma c’è anche uno svantaggio: le fonti da cui si attinge potrebbero non essere più disponibili dopo un certo periodo di tempo. Ciò può succedere, ad esempio, nel caso in cui il sito da cui derivano le immagini non sia più funzionante, oppure se il proprietario di esso non permetta più l’utilizzo delle sue immagini a blog o siti esterni.

Scopriamo i passaggi da compiere in questo procedimento:

  1. Crea un nuovo articolo o pagina (Articoli –> aggiungi nuovo; Pagine –> aggiungi nuova), oppure aprine uno già pronto in Modifica.
  2. All’interno dell’editor di testo posiziona il cursore dove vuoi inserire l’immagine, quindi clicca sull’icona Add Media negli strumenti di formattazione e vai su Aggiungi immagine, oppure dall’editor testuale vai su Inserisci –> Add Media.
  3. A questo punto scegli l’opzione Inserisci da URL.

Inserire Immagini WordPress da URL

  • Dove vedi http:// dovrai incollare il link dell’immagine che hai scelto.
  • Mentre nella voce Testo del link potrai inserire le parole che desideri appaiano nel testo per richiamare l’immagine. I tuoi utenti poi potranno cliccarci sopra e aprire l’immagine in un’altra scheda, quindi senza abbandonare la navigazione sul tuo blog.
  • Ora non ti rimane che cliccare sul pulsante Inserisci nella pagina, situato in basso a destra.

 

Inserire immagini in WordPress dalla Libreria Media

Ogni volta che carichi un’immagine dal tuo computer verrà salvata automaticamente nella Libreria Media. Ma cos’è? La Libreria Media è uno spazio di archiviazione virtuale, e personale, messo a disposizione da WordPress, in cui potrai trovare tutte le immagini che hai utilizzato nel tuo blog. Ti consiglio di svuotarla ogni tanto, per fare spazio a contenuti nuovi. Tranquillo, svuotare la libreria non significa cancellare le immagini anche dalle pagine o dagli articoli in cui le hai inserite. 

Vediamo come procedere: 

Inserire Immagini WordPress-libreria media

  1. Crea un nuovo articolo o pagina (Articoli –> aggiungi nuovo; Pagine –> aggiungi nuova), oppure aprine uno già pronto in Modifica.
  2. All’interno dell’editor di testo posiziona il cursore dove vuoi inserire l’immagine, quindi clicca sull’icona Add Media negli strumenti di formattazione e vai su Aggiungi immagine, oppure dall’editor testuale vai su Inserisci –> Add Media.
  3. Ora ti troverai nella schermata Aggiungi media e ti basterà cliccare su Libreria media per avere tutte le immagini già caricate a tua disposizione. 
  4. All’interno della Libreria media ti sarà possibile ricercare in modo semplici i tuoi file per tipo, per data o per nome.
  5. Una volta scelta l’immagine clicca su Inserisci nella pagina (o nell’articolo) e ti comparirà nel punto in cui avevi impostato il cursore.

Impostare l’immagine in evidenza in WordPress

Dopo aver caricato le immagini nella tua Libreria media, potrai scegliere di impostare un’immagine in evidenza per le pagine o per gli articoli. Ma cos’è? L’immagine in evidenza è quella che si vedrà in anteprima sul tuo sito o quando condividerai i tuoi articoli in un post sui social network. È importante sceglierne una che sia accattivante per migliorare il click trough rate (CTR) dei tuoi contenuti, cosa che ti può aiutare anche nel posizionamento sulle SERP. Il procedimento da seguire è molto semplice, ti basterà cliccare su Aggiungi media e poi su Imposta immagine in evidenza. A questo punto potrai sceglierne una dalla libreria media di WordPress, o potrai caricarne una dal tuo computer, seguendo i passaggi illustrati in precedenza. 

Inserire Immagini WordPress- immagine in evidenza

Inserire immagini WordPress dalla libreria media

Le dimensioni consigliate per questo tipo di immagine sono 1200px per 628 px a 72 dpi di risoluzione.

Inserire immagini in WordPress: parametri da personalizzare per la SEO

  1. Titolo: è il testo tooltip, ovvero una finestra popup che si apre nel momento in cui gli utenti posizionano il cursore su un’immagine. È bene inserire un titolo che sia coerente con il contenuto dell’immagine stessa. Infatti Google e gli altri motori di ricerca non vedono per immagini, ma leggono il testo ed è l’unico modo in cui possono inserire le immagini in categorie semantiche. Pertanto, ai fini dell’ottimizzazione delle proprie immagini, è fondamentale rinominarle con un testo pertinente al contenuto. Inoltre questo testo, nel caso in cui il sito non si dovesse aprire correttamente, apparirebbe al posto delle immagini: non dovrebbe succedere, ma almeno darebbe ulteriori informazioni agli utenti.

  2. Alt Text (=Alt Tag): questo è il parametro più importante da personalizzare in un’immagine ai fini dell’ottimizzazione SEO. Come per il titolo dell’immagine, il testo alternativo serve a spiegare il contenuto delle immagini, ma è quello che dà i segnali più forti ai motori di ricerca per far sì che i contenuti visivi siano riconosciuti e categorizzati. Infatti, Google (al momento) non riesce ancora ad effettuare un riconoscimento visivo dei contenuti, ma ha bisogno di un testo per vedere gli elementi visivi, pertanto un buon testo alternativo fa sì che le immagini inserite con WordPress diventino uno strumento di ottimizzazione SEO per il tuo blog. Le immagini sono utili per la SEO.

    Inserire Immagini WordPress-dettagli immagine

    Nella schermata Dettagli Immagine, puoi personalizzare:
    1) Didascalia
    2) Testo alternativo
    3) Allineamento
    4) Dimensione
    5) Link a

  3. Didascalia: la didascalia delle immagini WordPress è un testo che si incorpora all’immagine stessa ed è una parte testuale utile a dare informazioni ulteriori su di essa.
  4. Descrizione: si tratta di un testo che è visibile nell’area Media file del tuo blog, ti aiuterà a ritrovare i contenuti visuali nella tua personale libreria media. La descrizione sarà inoltre visualizzata nelle pagine degli allegati pubblici, ovvero nel caso in cui l’utente clicchi sulla foto per visualizzarne la versione originale, al 100% delle dimensioni e della qualità.
  5. URL link: è l’indirizzo della pagina in cui la foto sarà linkata per la visualizzazione della versione originale. Questo link può essere rimosso nel momento in cui si carica una foto tramite l’URL, cliccando Nessuna, oppure si può personalizzare cliccando sul bottone Url file.
  6. Allineamento: è un parametro molto importante ai fini della leggibilità delle nostre pagine e/o articoli. La formattazione del testo, l’ordine in cui gli elementi sono strutturati incide anche sull’esperienza utente e sull’aspetto grafico del nostro sito, aspetti per nulla da sottovalutare. Una volta inserite le immagini nell’editor testuale, vi ci si può cliccare sopra e a questo punto si aprirà sopra l’immagine una piccola barra degli strumenti, tramite la quale si potrà intervenire sull’allineamento. Si può scegliere se allineare un’immagine: a destra, a sinistra, al centro, oppure se non assegnarle nessun allineamento.
  7. Dimensioni: questa impostazione può essere decisa sia in fase di caricamento dei file, sia in seguito, una volta che sono già presenti nel testo. Cliccando sull’immagine si può aprire una finestra in cui scegliere le dimensioni in pixel, oppure si può aprire un riquadro per ridimensionare l’immagine, allargandola o stringendola all’interno dell’editor di testo.

Quali immagini inserire in WordPress? Formati

Inserire immagini su WordPress nel tuo blog può aumentare il CTR dei contenuti, perché gli elementi visual invogliano gli utenti a leggere, rendendo i testi più leggeri e più godibili. Ma che tipo di immagini possiamo inserire nei nostri contenuti? In WordPress puoi scegliere sia dei JPEG che dei PNG, per le immagini statiche, e le GIF per quelle dinamiche. Inserire immagini WordPress-hosting

  • JPEG
  • PNG
  • GIF

JPEG

Il JPEG è il formato di compressione delle immagini fotografiche più diffuso ed è il più utilizzato nei contenuti web per la sua leggerezza (il peso delle immagini jpeg può rientrare nell’ordine dei KB). Dunque questo formato ha il vantaggio di non appesantire in modo eccessivo il caricamento delle pagine di un sito, cosa che altrimenti potrebbe impattare negativamente sulla user experience, nonché nel posizionamento sui motori di ricerca. 

PNG

Il PNG, acronimo di Portable Network Graphics, è un file che ha compressione che non implica la perdita di dati, cosa che permette, rispetto al jpeg, una gestione del colore molto più performante e il mantenimento di trasparenze e opacità. Lo svantaggio dei file .png sta nel fatto che hanno un peso di gran lunga superiore ai .jpeg, per cui è bene utilizzarli per immagini di piccole e medie dimensioni per non appesantire il caricamento delle pagine di un blog o di un sito.

GIF

GIF è acronimo di Graphics Interchange Format, un formato per immagini digitali di tipo bitmap. Le Gif sono delle fotografie animate in cui viene riprodotto un piccolo movimento. Rispetto alle foto statiche una gif coinvolge di più perché è un’immagine dinamica e divertente, mentre in confronto a un video ha il vantaggio di avere un peso di gran lunga inferiore. Tale fattore è da tenere a mente, sempre nell’ottica di garantire la miglior user experience possibile agli utenti del tuo blog.

Peso delle immagini

Inserire immagini WordPress creativitàNel corso di questa mini-guida abbiamo fatto cenno più volte al peso delle immagini. Ma cos’è? si tratta dello spazio, misurato in byte, KB (kilobyte), MB (megabyte) o GB (gigabyte), che i nostri file occupano nel nostro computer o sulle pagine web. Su un blog o su un sito questo spazio ha un limite, pertanto è preferibile caricare file che siano della dimensione minima possibile, bisogna ottimizzare le immagini con WordPress. Questa scelta consente di non appesantire il server e di non rallentare il caricamento delle pagine, riducendo la possibilità che gli utenti si spazientiscano dell’attesa e abbandonino il sito.

Il peso è un’unità di misura che dipende sia dalle dimensioni in pixel delle immagini, sia dalla loro risoluzione. La risoluzione indica la densità dei pixel in un’immagine e si misura in DPI (dot per inch= punti per pollice). Per inserire immagini su WordPress, e in generale su internet, si consiglia di ridurre questa densità a 72 dpi, ovvero un buon compromesso tra qualità dell’immagine e leggerezza dii caricamento.

Inoltre bisogna sapere che in WordPress si ha un limite di peso per ogni upload e ciò dipende da come è stato configurato il server del tuo blog o sito. Scoprire qual è tale impostazione è semplice, basta verificarla cliccando su aggiungi un nuovo media e ti sarà indicata la dimensione massima di caricamento file, che di solito corrisponde a 24 MB, 32 MB, 64 MB, 128 MB, 256 MB. Se hai la necessità di aumentare questo valore, ti basterà contattare il tuo hosting provider.

I migliori plugin per inserire immagini responsive su WordPress

Nello scegliere un plugin per inserire le tue immagini in WordPress ti consiglio di optare per uno che ti permetta di avere delle gallery responsive, ovvero adattabili alla risoluzione dello schermo di ogni device. Il tema della responsività è sempre più preponderante nel web, perché si vuole dare agli utenti la migliore esperienza di navigazione possibile, cosa che viene premiata anche da Google in termini di ranking nelle SERP.

Abbiamo scelto 3 plugin per inserire immagini responsive su WordPress:

Photo Gallery by WD – Responsive Photo Gallery

Photo Gallery è un plugin gratuito di WordPress che permette di inserire gallery responsive nelle pagine e negli articoli del blog. Si possono aggiungere immagini, descrizioni e tags, organizzandole anche in diversi album di foto. Inoltre questo plugin supporta anche i video, può essere usato per inserire video gallery da Youtube, o da Vimeo. Infine, bisogna segnalare che ci sono dei comodi add-on per l’E-commerce, per Facebook e per importare/esportare le immagini.

Responsive Photo Gallery

Un altro plugin per inserire e gestire foto gallery responsive in WordPress è Responsive Photo Gallery, con il quale si possono inserire immagini illimitate sul proprio sito o blog che vengono adattate in automatico alla risoluzione dello schermo da cui sono viste. Questo plugin consente di effettuare delle animazioni sulle gallery, ha due diversi layout personalizzabili. Le gallery si inseriscono nelle pagine e negli articoli attraverso uno shortcode ed è possibile gestire gallerie multiple con shortcode multipli.

Portfolio Gallery

Portfolio Gallery consente di inserire gallery responsive, immagini, foto, album, slider e molto altro. Questo plugin permette di creare delle gallerie per un portfolio bello e responsivo e consente agli utenti di filtrare gli elementi per gruppi. Ci sono molte opzioni che possono essere personalizzate, come il colore dei bottoni e dell’overlay; il titolo, le categorie i dettagli delle gallery; si può scegliere tra diversi tipi di animazione.

Dove trovare le immagini da inserire in WordPress

Se non sei un fotografo o un grafico, o se al momento non puoi permetterti i servizi di un professionista del settore, ti starai chiedendo: come posso reperire le immagini da inserire in WordPress? Niente paura, ci sono molti modi per farlo senza spendere un occhio della testa.

  • Risorse gratuite: esistono dei siti che mettono a disposizione risorse gratuite, come Pixlr (che ha anche un suo editor fotografico) e Pixabay.
  • Google immagini: se non sei proprio un neofita di programmi di editing fotografico puoi anche pensare di utilizzare Google Immagini come punto di partenza. Una volta salvata l’immagine sul tuo computer, però dovrai renderla tua, modificandola e usando la tua creatività per non violare la legge sul copyright.
  • Stock a pagamento: ci sono dei siti che consentono di comprare un buon numero di immagini con una spesa esigua. Certo le risorse gratuite non implicano alcuna spesa, ma di certo non garantiscono l’uso esclusivo di un contenuto. Per cui potresti valutare di comprare delle immagini che siano tue, garantendo l’originalità ai tuoi contenuti. Ad esempio Shutterstock è un sito che permette di comprare delle immagini royalty free, o su richiesta, effettuando un abbonamento mensile, tarato sulle proprie esigenze.

 

Inserire immagini in WordPress: Vantaggi e Corsi da seguire

Inserire immagini in WordPress comporta grandi vantaggi sotto diversi aspetti:

  • SEO: per quanto riguarda questo ambito, il testo alternativo delle immagini dà ai motori di ricerca ulteriori informazioni sui contenuti da posizionare. Inoltre le immagini, come accennato in precedenza, permettono di migliorare sia l’aspetto grafico di un sito o di un blog, sia l’esperienza di navigazione degli utenti. E se la permanenza media su un articolo, o su una pagina, è buona, i contenuti saranno ritenuti utili dai browser, cosa che inciderà positivamente nel loro posizionamento sulle SERP. Per maggiori chiarimenti puoi visitare la pagina del corsi SEO base e SEO advanced.
  • User Experience: è l’esperienza di navigazione degli utenti sul nostro blog o sito web. Se si riesce a rendere tale esperienza piacevole utile, tramite l’inserimento di immagini con WordPress gli utenti torneranno tra i nostri contenuti. In questo modo si fidelizzeranno, si iscriveranno al blog e aumenteranno le possibilità di conversione. Per conoscere meglio cosa sia la UX puoi consultare la pagina del nostro corso User Experience.
  • Content Marketing: le immagini contribuiscono a creare una buona strategia di Content Marketing, indispensabile per distinguersi dai propri competitors su internet. Per un approfondimento puoi visitare la pagina del nostro corso di Content marketing e Blogging.
  • E-Commerce: se vuoi sviluppare un E-commerce puoi farlo anche con WordPress. In questo caso l’inserimento delle immagini è fondamentale in quanto è funzionale alla presentazione dei prodotti che gli utenti possono conoscere solo a livello virtuale prima dell’acquisto. L’utilizzo di contenuti visuali permette di abbattere la barriera che c’è tra i possibili clienti e i prodotti che si stanno vendendo sul proprio blog o sito web. Se vuoi scoprire maggiori dettagli su quest’ambito, puoi visitare la pagina dedicata al nostro corso E-commerce.
  • Infine, se vuoi approfondire le tue conoscenze su WordPress puoi valutare di frequentare il nostro corso WordPress e Website Creation.

 

PIU’ INFORMAZIONI

Per saperne di più su date di partenza dei corsi, modalità di frequenza, e altro ancora, contattaci! Siamo a tua disposizione.

CONTATTACI!

Save

 

  • Rating Lettori
  • Votato 4.6 stelle
    4.6 / 5 (4 )
  • Vota!


[index]
[index]
[523.251,659.255,783.991]
[523.251,659.255,783.991]
[523.251,659.255,783.991]
[523.251,659.255,783.991]