Come aggiungere immagini a WordPress

Questo post ti aiuta a capire come aggiungere immagini a WordPress. Ti faccio sapere come aggiungere una singola immagine direttamente a una pagina.

Una galleria di WordPress può essere utilizzata per visualizzare più immagini e questo è trattato in un altro post.

Imparerai anche come reperire immagini, ridimensionare e comprimere.

Passa direttamente ad Aggiungi una singola immagine a WordPress

Perché usare le immagini su un WordPress?

Aggiungi regolarmente immagini per rendere l'esperienza di lettura più piacevole, qualcosa che i motori di ricerca premiano.

I motori di ricerca posizionano una pagina Web più in alto se vedono immagini appropriate.

Sanno che gli esseri umani sono visivi e una pagina web sembra un documento di testo senza un'immagine.

Il lettore è più soddisfatto dall'aspetto delle immagini e in definitiva questo è ciò che un motore di ricerca si aspetta che una pagina web faccia: attrarre un pubblico.

Immagini di sourcing per un blog o un sito web

Considera la forma

Quando si decide su un'immagine, considerare prima la forma.

• Deve adattarsi allo spazio designato: è un paesaggio, un ritratto o un quadrato?
• Non vogliamo perdere il focus principale dell'immagine una volta ridimensionata.

Cattura immagini stock prima di spendere soldi. Anche con una filigrana su di essa è possibile controllare le dimensioni, la forma e il colore prima di effettuare un acquisto finale.

Dove trovare le immagini

Uso una serie di fonti per foto e grafica e, raramente, ne creo di mie. Dipende da dove verrà utilizzata l'immagine.

Sul mio sito web voglio che le fotografie abbiano un aspetto professionale, ma il mio blog può avere un'atmosfera più rilassata e amichevole.

Esistono diversi modi per reperire foto per un sito Web o un blog, gratuitamente o a pagamento.

Paga un fotografo professionista

Sono un sostenitore dei fotografi professionisti. Le foto professionali possono dare un aspetto nitido a un sito web.

Se non puoi permetterti di diventare un professionista, potresti provare un fotografo amatoriale locale. I fotografi dilettanti sono desiderosi di mettere insieme un portfolio, quindi spesso possono essere più economici.

Un'azienda può pagare un fotografo per un giorno o mezza giornata per ottenere tutti gli scatti commerciali di cui avrà bisogno per alcuni anni, e ne vale davvero la pena.

Ottieni foto di prodotti, portfolio e team in un giorno.

Metti in ordine la posizione, pulisci i veicoli commerciali, taglia i capelli e fai davvero uno sforzo per ottenere dei buoni scatti, dentro e fuori dal tuo posto di lavoro.

Tuttavia, capisco che un fotografo può diventare costoso per le start-up che hanno un alto fatturato di prodotti. Scattare foto a casa può funzionare.

Scatta foto da solo

Gli smartphone hanno fotocamere davvero buone in questi giorni. Se hai l'occhio per farlo, scattare le tue foto può funzionare davvero bene e risparmiare denaro.

Imposta la fotocamera alla risoluzione più alta, così puoi ritagliare le foto come preferisci.

Prodotti utili che aiuteranno con la fotografia domestica.

Le foto o i video di squadra possono essere catturati utilizzando un treppiede, uno sfondo gradevole e una buona illuminazione. Se ne hai bisogno regolarmente, può valere la pena spendere i soldi per alcune attrezzature.

Fotografa piccoli prodotti per il tuo sito web utilizzando un kit da studio light box o le luci a diffusione più alte nel kit di illuminazione fotografica.

La "fotografia domestica" naturale aiuta a dare vita, carattere e realtà ai blog o ai post sui social media, quindi non aver paura degli ambienti naturali o dei selfie.

Chiedi ad amici o contatti di lavoro

Potresti scambiare un servizio: chiedi ad amici o contatti commerciali di fornire foto. Offri di citarli o fornisci un link al loro sito web, che è molto prezioso per il pageRank.

Usa un sito web di stock

Potrebbe benissimo rivelarsi difficile creare immagini che si adattino all'articolo, ed è qui che i siti web di stock sono molto utili.

C'è un'abbondanza di siti Web di stock che forniscono fotografie, grafici, illustrazioni, icone e video su quasi tutti gli argomenti a cui potresti pensare: una risorsa davvero utile.

Puoi ottenere foto professionali a partire da £ 5 per una licenza a vita. Ne vale la pena se gestisci un'attività.

Alcuni siti di immagini stock che mi piacciono sono: istockphoto.com, venti20.com, shutterstock.com.

Il sito di stock di immagini gratuito chiamato Pexels è geniale. Scarica foto gratuite di fotografi dilettanti e carica le tue.

Usa immagini di Google, "etichettate per il riutilizzo"

Google offre uno strumento di ricerca che aiuta a trovare immagini etichettate per il riutilizzo.

1. Vai direttamente su www.google.com e cerca un argomento, quindi fai clic su IMMAGINI.
   Oppure vai direttamente su images.google.com.
2. In alto clicca su STRUMENTI DI RICERCA.
3. Fare clic sull'opzione "etichettata per il riutilizzo".

Google visualizza una griglia di immagini etichettate per il riutilizzo, anche a livello commerciale.

Stai attento. È tua responsabilità controllare il copyright di ogni immagine . Segui le linee guida: potresti essere multato pesantemente se non lo fai.

Clicca sull'immagine per visitare la pagina web. Leggi i requisiti di copyright.

Potrebbe essere richiesto un collegamento alla pagina dei fotografi o un credito.

Avviso quando si utilizzano immagini di Google

Alcune immagini di pubblico dominio sono disponibili per il riutilizzo su siti commerciali, altre no.

Come qualsiasi altra cosa, le foto e la grafica sono create da qualcuno con abilità. Ne detengono quindi i diritti, anche se non è chiaramente indicato.

Fai attenzione quando scarichi le immagini direttamente da Google o da qualsiasi altro sito Web, vengono inflitte multe salate per uso improprio.

Ridimensiona e comprimi le immagini per il web

Il modo in cui un'immagine viene ridimensionata, compressa, salvata e posizionata influenzerà il posizionamento nei motori di ricerca di una pagina web.

I siti web con immagini a caricamento lento sono penalizzati dai motori di ricerca. Anche i visitatori non vorranno sempre aspettarli.

Ho scritto un post dedicato proprio a questo argomento – Come ridimensionare un'immagine per il web. Il post parla del ridimensionamento delle immagini per pixel e della loro compressione per ridurre i kilobyte.

Sfortunatamente non esiste una dimensione standard unica che posso farti sapere qui.

Tutti i siti Web sono diversi e ci sono molte dimensioni dello schermo su cui è possibile visualizzare un'immagine, da quelle piccole come un telefono a quelle grandi come una TV.

Tieni a mente queste cose:

• Le foto non dovrebbero mai essere larghe meno di 450 pixel perché probabilmente si impileranno su un dispositivo mobile, 450 riempiranno uno schermo mobile e saranno poco più della metà di uno schermo medio, quindi buono per la visualizzazione a due colonne. Queste sono le impostazioni predefinite per la maggior parte dei plugin di WordPress.
• Gli ingrandimenti a schermo intero o "immagini eroiche" come sono conosciuti (quelli nella parte superiore di un sito Web che si estendono da sinistra a destra dello schermo) devono essere larghi fino a 1920 pixel per adattarsi a schermi di grandi dimensioni. È abbastanza grande e nemmeno abbastanza grande per i televisori più grandi.
• Prendi in considerazione l'utilizzo di plug-in di immagini adattive in WordPress per visualizzare dimensioni adeguate per i dispositivi.

Leggi il mio post - Come ridimensionare un'immagine per il Web per molti più dettagli.

Salva le immagini per la ricerca su Google

I motori di ricerca possono riconoscere immediatamente ciò che un'immagine illustra se viene salvata nel modo giusto. Il nome del file è una parte essenziale dell'ottimizzazione per i motori di ricerca.

Salva l'immagine in base all'oggetto della fotografia.

Ad esempio, salvare un'immagine come <strawberry-cheese-cake.jpg> è più informativo ed efficace di <image07_912.JPG>.

I motori di ricerca riconosceranno lo sforzo.

Le linee guida sulla qualità di Google chiedono ai proprietari di siti web di "posizionare le immagini accanto al testo pertinente", ove possibile. Assicurati che tutte le immagini che utilizzi siano pertinenti al testo.

Dopo aver ridimensionato, compresso e salvato correttamente la tua immagine, sei pronto per aggiungerla a WordPress.

Aggiungi un'immagine a WordPress

• Accedi alla tua area di amministrazione di WordPress e vai al post o alla pagina.
• Usando l'editor di blocchi Gutenberg, premeremo l'icona + PLUS per aggiungere un "blocco immagine". Passa il mouse su qualsiasi blocco già utilizzato nella pagina. L'icona PLUS appare sotto il blocco.

• Una volta premuto il segno PI, viene visualizzato un menu contenente le opzioni di blocco.
• C'è una sezione "più usati" che è utile per i blocchi usati regolarmente. Se non riesci a vedere l'IMMAGINE qui, usa il campo di ricerca in alto.
• Il nuovo blocco immagine è posizionato sotto il simbolo PI su cui hai fatto clic. I blocchi possono essere facilmente spostati utilizzando le frecce SU/GI a sinistra di un blocco selezionato.
• Premi il pulsante CARICA per caricare un'immagine.
• L'immagine apparirà all'interno del blocco. Qualsiasi immagine che carichi verrà mostrata anche all'interno della libreria multimediale.

Allineamento delle immagini in WordPress

Un'immagine può essere allineata all'interno del suo blocco utilizzando la barra degli strumenti. La barra degli strumenti viene visualizzata in alto a sinistra quando l'immagine è selezionata.

Usa l'icona che assomiglia a una casella con due linee, una sopra, una sotto.

Basta premere la freccia a destra dell'icona per trovare le opzioni che allineeranno l'immagine a sinistra, a destra, al centro, in larghezza oa tutta larghezza.

Salva sempre, quindi controlla sul front-end per vedere come è posizionata l'immagine. L'immagine potrebbe non essere allineata nel modo in cui l'hai immaginata. L'editor di back-end racconta una storia diversa rispetto al front-end.

Controllalo su un computer desktop e dispositivi mobili per ottenerlo corretto su entrambe le dimensioni dello schermo.

Le immagini possono anche essere collegate o sostituite utilizzando la barra degli strumenti dell'immagine.

Colonne WordPress per il posizionamento delle immagini

Usiamo le colonne nell'editor di blocchi di WordPress, per posizionare un'immagine a sinistra oa destra di un altro blocco su un grande schermo. Immagina le colonne dei giornali visualizzate l'una accanto all'altra.

Questo è il modo in cui collocheremmo un'immagine accanto a un paragrafo, ad esempio.

Su un dispositivo piccolo, come uno smartphone, le colonne si impilano una sopra l'altra. Di solito la colonna di sinistra si sovrappone alla colonna di destra.

Per creare 2 colonne:

• Premi il simbolo PI per creare un blocco.
• Ora premi COLONNE o cerca COLONNE.
• Scegli l'opzione all'estrema sinistra, due colonne, divisione uguale.
• Premi il segno più all'interno di ogni colonna per aggiungere un'immagine, come sopra, a una colonna.
• Premi il segno più nella colonna successiva per aggiungere un paragrafo.

Ottimizzazione delle immagini per i motori di ricerca in WordPress

Vorrei evidenziare due attributi più importanti che WordPress fornisce per aiutare i proprietari di siti Web a ottimizzare le immagini per la ricerca.

Testo alternativo (tag alt)

Alt text sta per testo alternativo, è un tag informativo.

Il tag Alt viene utilizzato per aiutare le persone: persone con "immagini disattivate", utenti con disabilità visive e/o che utilizzano lettori di schermo.

Il tag alt aiuta anche Google a capire che cos'è l'immagine.

Usa frasi chiave quando lo scrivi.

Nei blocchi di WordPress, vedrai un campo per il tag ALT dopo aver fatto clic sul blocco immagine. Si trova sul lato destro della pagina, sotto le impostazioni del blocco.

Didascalie delle immagini

Fornire didascalie delle immagini aiuterà anche il posizionamento nei motori di ricerca, anche se non le uso spesso perché le trovo disordinate.

Google vuole che tu fornisca all'utente una buona esperienza una volta che è sul sito web.

Per aggiungere una didascalia, fai clic sul blocco dell'immagine nella pagina e il campo CAPTION apparirà sotto l'immagine.

Se non includi una didascalia, non verrà visualizzato nulla qui.

Gallerie WordPress

Una Galleria WordPress offre la possibilità di includere più di una fotografia in un'area, tutte con un layout simile.

Un breve tutorial per aggiungere una galleria WordPress:

• Premi il simbolo PI per creare un blocco.
• Cerca quindi premi GALLERY.
• Nella pagina o nel post viene visualizzato un blocco galleria.
• Fare clic sul pulsante "Carica" ​​per caricare le immagini dal computer.
• Utilizza il pulsante "Libreria multimediale" per includere immagini già ospitate nella Libreria multimediale.
• Seleziona diverse immagini: saranno evidenziate in blu e vedrai un segno di spunta.
• Premi il pulsante blu, in basso a destra con l'etichetta - CREA UNA NUOVA GALLERIA.
• Continua ad aggiungere alla galleria usando i link sul lato sinistro.
• Oppure INSERISCI GALLERY alla pagina, utilizzando il pulsante blu, in basso a sinistra.

Una volta che la galleria è nella pagina, è possibile modificare le impostazioni: selezionare il blocco GALLERIA, quindi utilizzare le impostazioni del blocco visualizzate nella barra laterale a destra.

Ho scritto un post molto più approfondito che aiuterà – la galleria di WordPress – ad aggiungere, modificare e migliorare.

Processo rapido per aggiungere immagini a WordPress

• Trova un'immagine adeguatamente proporzionata.
• Verifica che sia disponibile per il riutilizzo o acquista una licenza.
• Ridimensiona la larghezza in pixel per adattarla all'articolo.
• Usa un software di compressione per ridurre kb.
• Salvalo secondo i requisiti di Google.
• Aggiungilo a un articolo, una pagina o una galleria di WordPress usando i blocchi.
• Ottimizza ogni immagine utilizzando tag ALT, tag titolo e didascalie.