Cum să adăugați imagini la WordPress

Publicat: 2020-05-10

Această postare vă ajută să înțelegeți cum să adăugați imagini la WordPress. Vă anunț cum să adăugați o singură imagine direct pe o pagină.

O galerie WordPress poate fi folosită pentru a afișa mai multe imagini și aceasta este acoperită într-o altă postare.

Veți învăța, de asemenea, despre aprovizionarea imaginilor, redimensionarea și comprimarea.

Treceți direct la Adăugați o singură imagine la WordPress

De ce să folosiți imagini pe un WordPress?

Adăugați în mod obișnuit imagini pentru a face experiența de lectură mai plăcută, lucru pe care motoarele de căutare îl recompensează.

Motoarele de căutare plasează o pagină web mai sus dacă văd imagini adecvate.

Ei știu că oamenii sunt vizuali și o pagină web arată mai degrabă ca un document text fără imagine.

Cititorul este mai mulțumit de aspectul imaginilor și, în cele din urmă, asta se așteaptă un motor de căutare să facă o pagină web – să atragă un public.

Obținerea de imagini pentru un blog sau un site web

Luați în considerare forma

Când decideți asupra unei imagini, luați în considerare mai întâi forma.

  • Trebuie să se potrivească spațiului desemnat – acesta este peisaj, portret sau un pătrat?
  • Nu vrem să pierdem focalizarea principală a imaginii odată ce aceasta este redimensionată.

Captură de ecran imagini de stoc înainte de a cheltui bani. Chiar și cu un filigran pe dimensiunea, forma și culoarea pot fi verificate înainte de a face o achiziție finală.

Unde găsiți imagini

Folosesc o serie de surse pentru fotografii și grafică și, rar, îmi creez propriile surse. Depinde de unde va fi folosită imaginea.

Pe site-ul meu vreau ca fotografiile să arate profesionale, dar blogul meu poate avea o atmosferă mai relaxată, mai prietenoasă.

Există mai multe modalități de a obține fotografii pentru un site web sau blog, gratuite sau cu plată.

Plătește un fotograf profesionist

Sunt un avocat al fotografilor profesioniști. Fotografiile profesionale pot face un site web să arate clar.

Dacă nu vă permiteți să deveniți profesionist, puteți încerca un fotograf amator local. Fotografii amatori sunt dornici să obțină un portofoliu împreună, așa că poate fi adesea mai ieftin.

O afacere poate plăti unui fotograf pentru o zi sau jumătate de zi pentru a obține toate fotografiile comerciale de care vor avea nevoie pentru câțiva ani și merită cu adevărat.

Realizați fotografii de produs, portofoliu și echipă într-o singură zi.

Aranjați locația, curățați vehiculele de afaceri, tunsați-vă și faceți cu adevărat efort pentru a obține niște fotografii bune, în interiorul și în afara locului de muncă.

Cu toate acestea, înțeleg că un fotograf poate deveni scump pentru start-up-urile care au o rotație mare de produse. Realizarea fotografiilor acasă poate funcționa.

Faceți singuri fotografii

Smartphone-urile au camere foarte bune în zilele noastre. Dacă aveți ochi pentru asta, să vă faceți propriile fotografii poate funcționa foarte bine și poate economisi bani.

Setați camera la cea mai înaltă rezoluție, astfel încât să puteți tăia fotografii în orice mod doriți.

Produse utile care vă vor ajuta cu fotografia acasă.

  • Trepied pentru cameră.
  • Suport pentru telefon mobil trepied.
  • Trepied de caracatiță.
  • Kit de iluminat pentru fotografie.
  • Kit studio lightbox.

Fotografiile sau videoclipurile de echipă pot fi capturate folosind un trepied, un fundal frumos și o iluminare bună. Dacă aveți nevoie de ele în mod regulat, poate merita să cheltuiți banii pe niște echipamente.

Fotografiați produse mici pentru site-ul dvs. folosind un kit de studio cu casete luminoase sau luminile difuze mai înalte din trusa de iluminare pentru fotografie.

„Fotografie de casă” naturală ajută la a pune viață, caracter și realitate în bloguri sau postări pe rețelele sociale, așa că nu vă fie teamă de mediile naturale sau selfie-uri.

Întrebați prietenii sau relațiile de afaceri

Puteți schimba un serviciu - cereți prietenilor sau conexiunilor de afaceri să vă ofere fotografii. Oferiți-i să le citați sau furnizați un link către site-ul lor, ceea ce este foarte valoros pentru pageRank.

Utilizați un site web stoc

Se poate foarte bine să se dovedească dificil să creezi imagini care să se potrivească articolului, care este locul în care site-urile web de stoc sunt foarte utile.

Există o abundență de site-uri web care oferă fotografii, grafice, ilustrații, pictograme și videoclipuri despre aproape orice subiect la care vă puteți gândi - o resursă cu adevărat utilă.

Puteți obține fotografii profesionale la prețul de până la 5 GBP pentru o licență pe viață. Merită dacă conduci o afacere.

Câteva site-uri web cu imagini stoc care îmi plac sunt: ​​istockphoto.com, twenty20.com, shutterstock.com.

Site-ul de stoc de imagini gratuit numit Pexels este genial. Descărcați fotografii gratuite de la fotografi amatori și încărcați-vă pe ale dvs.

Utilizați imagini Google, „etichetate pentru reutilizare”

Google oferă un instrument de căutare care ajută la găsirea imaginilor care sunt etichetate pentru reutilizare.

  1. Fie accesați direct www.google.com și căutați un subiect, apoi faceți clic pe IMAGINI.
    Sau accesați direct images.google.com.
  2. În partea de sus, faceți clic pe INSTRUMENTE DE CĂUTARE.
  3. Faceți clic pe opțiunea „etichetat pentru reutilizare”.

Google afișează o grilă de imagini care sunt etichetate pentru reutilizare, chiar și comercial.

Căutare de imagini Google, etichetat pentru reutilizare evidențiat
Google oferă un instrument de căutare pentru a vă ajuta să găsiți imagini etichetate pentru reutilizare.

Fi vigilent. Este responsabilitatea dumneavoastră să verificați drepturile de autor ale fiecărei imagini . Urmați instrucțiunile – puteți fi amendat greoi dacă nu o faceți.

Faceți clic pe imagine pentru a vizita pagina web. Citiți cerințele privind drepturile de autor.

Poate fi necesar un link către pagina fotografilor sau un credit.

Avertisment când utilizați imagini Google

Unele imagini din domeniul public sunt disponibile pentru reutilizare pe site-uri comerciale, altele nu.

Ca orice altceva, fotografiile și graficele sunt create de cineva cu pricepere. Prin urmare, ei dețin drepturile, chiar dacă nu este clar menționat.

Fiți atenți când descărcați imagini direct de pe Google sau de pe orice alt site web, amenzi grele sunt aplicate pentru utilizare abuzivă.

Redimensionați și comprimați imaginile pentru web

Modul în care o imagine este redimensionată, comprimată, salvată și plasată va afecta rangul în motorul de căutare al unei pagini web.

Site-urile web cu imagini cu încărcare lentă sunt penalizate de motoarele de căutare. Nici vizitatorii nu vor dori să-i aștepte întotdeauna.

Am scris o postare dedicată tocmai acestui subiect – Cum să redimensionezi o imagine pentru web. Postarea vorbește despre redimensionarea imaginilor în funcție de pixel și comprimarea lor pentru a reduce kilobyte.

Din păcate, nu există o dimensiune unică, standard, pe care să vă pot anunța aici.

Toate site-urile web sunt diferite și există multe dimensiuni de ecran pe care poate fi văzută o imagine - de la mic ca un telefon până la mare ca un televizor.

Ține cont de aceste lucruri:

  • Fotografiile nu ar trebui să aibă niciodată mai puțin de 450 de pixeli lățime, deoarece probabil se vor stivui pe un dispozitiv mobil, 450 vor umple un ecran mobil și vor fi puțin peste jumătate de ecran mediu, așa că sunt bune pentru afișarea pe două coloane. Acestea sunt valorile implicite pentru majoritatea pluginurilor WordPress.
  • Măririle pe întreg ecranul sau „imaginile eroi”, așa cum sunt cunoscute (cele din partea de sus a unui site web care se întind de la stânga la dreapta ecranului) trebuie să aibă o lățime de până la 1920 de pixeli pentru a găzdui ecrane foarte mari. Este destul de mare și nici măcar nu suficient de mare pentru televizoare mai mari.
  • Luați în considerare utilizarea pluginurilor de imagine adaptive în WordPress pentru a afișa dimensiuni adecvate pentru dispozitive.

Citiți postarea mea – Cum să redimensionați o imagine pentru web pentru mai multe detalii.

Salvați imagini pentru căutarea pe Google

Motoarele de căutare pot recunoaște instantaneu ceea ce ilustrează o imagine dacă este salvată în mod corect. Numele fișierului este o parte esențială a optimizării pentru motoarele de căutare.

Salvați imaginea în funcție de subiectul fotografiei.

Adică salvarea unei imagini ca <strawberry-cheese-cake.jpg> este mai informativă și mai eficientă decât <image07_912.JPG>.

Motoarele de căutare vor recunoaște efortul.

Regulile Google privind calitatea cer proprietarilor de site-uri web să „plaseze imagini lângă textul relevant”, acolo unde este posibil. Asigurați-vă că toate imaginile pe care le utilizați sunt relevante pentru text.

Odată ce ați redimensionat, comprimat și salvat imaginea corect, sunteți gata să o adăugați la WordPress.

Adăugați o imagine la WordPress

Cum să adăugați imagini la WordPress
  • Conectați-vă în zona dvs. de administrare WordPress și navigați la postare sau pagină.
  • Folosind editorul de blocuri Gutenberg, vom apăsa pictograma + PLUS pentru a adăuga un „bloc de imagine”. Pur și simplu plasați cursorul peste orice bloc care este deja utilizat pe pagină. Pictograma PLUS apare sub bloc.
Adăugați imagini la WordPress în editorul de blocuri (Gutenberg)
  • Odată ce apăsați pe semnul PLUS, apare un meniu pop-up care conține opțiuni de blocare.
  • Există o secțiune „cea mai folosită” care este la îndemână pentru blocurile utilizate în mod regulat. Dacă nu puteți vedea IMAGINEA aici, utilizați câmpul de căutare din partea de sus.
  • Noul bloc de imagini este plasat sub simbolul PLUS pe care ați făcut clic. Blocurile pot fi mutate cu ușurință folosind săgețile SUS/JOS din stânga unui bloc selectat.
  • Apăsați butonul ÎNCĂRCARE pentru a încărca o imagine.
  • Imaginea va apărea în bloc. Orice imagine pe care o încărcați se va afișa și în biblioteca media.

Alinierea imaginii în WordPress

O imagine poate fi aliniată în blocul său folosind bara de instrumente. Bara de instrumente apare în stânga sus când imaginea este selectată.

Folosiți pictograma care seamănă cu o casetă cu două linii, una deasupra, una dedesubt.

Doar apăsați săgeata din dreapta pictogramei pentru a găsi opțiuni care vor alinia imaginea la stânga, la dreapta, în centru, lat sau pe lățime completă.

Salvați întotdeauna, apoi verificați pe partea din față pentru a vedea cum este poziționată imaginea. Este posibil ca imaginea să nu fie aliniată așa cum v-ați imaginat. Editorul back-end spune o poveste diferită față de front-end.

Verificați-l pe un computer desktop și pe dispozitive mobile pentru a fi corect pe ambele dimensiuni de ecran.

Imaginile pot fi, de asemenea, legate sau înlocuite folosind bara de instrumente pentru imagini.

Coloane WordPress pentru plasarea imaginilor

Folosim coloane în editorul de blocuri WordPress, pentru a plasa o imagine în stânga sau în dreapta altui bloc pe un ecran mare. Imaginează-ți coloanele din ziare afișate una lângă alta.

Așa am plasa o imagine lângă un paragraf, de exemplu.

Pe un dispozitiv mic, cum ar fi un smartphone, coloanele se vor stivui, una peste alta. De obicei, coloana din stânga se va stivui deasupra coloanei din dreapta.

Pentru a crea 2 coloane:

  • Apăsați simbolul PLUS pentru a crea un bloc.
  • Acum apăsați COLUMNS sau căutați COLUMNS.
  • Alegeți opțiunea din stânga, două coloane, împărțire egală.
  • Atingeți semnul plus din fiecare coloană pentru a adăuga o imagine, ca mai sus, într-o coloană.
  • Apăsați semnul plus din coloana următoare pentru a adăuga un paragraf.

Optimizarea imaginilor pentru motoarele de căutare în WordPress

Aș dori să evidențiez încă două atribute importante pe care WordPress le oferă pentru a ajuta proprietarii de site-uri web să optimizeze imaginile pentru căutare.

Alt text (etichetă alt)

Alt text înseamnă text alternativ, este o etichetă de informații.

Eticheta Alt este folosită pentru a ajuta oamenii – cei cu „imaginile dezactivate”, utilizatorii cu deficiențe de vedere și/sau care folosesc cititoare de ecran.

Eticheta alt ajută, de asemenea, Google să înțeleagă ce este imaginea.

Folosiți expresii cheie când scrieți.

În blocurile WordPress, veți vedea un câmp pentru eticheta ALT odată ce faceți clic pe blocul de imagine. Este în partea dreaptă a paginii, sub setările blocului.

Subtitrările imaginilor

Furnizarea de subtitrări va ajuta, de asemenea, să se claseze în motorul de căutare, deși nu le folosesc des, deoarece mi se pare dezordonate.

Google dorește să oferiți utilizatorului o experiență bună odată ce acesta se află pe site.

Pentru a adăuga o legendă, faceți clic pe blocul de imagine de pe pagină, iar câmpul LEGITARE va apărea sub imagine.

Dacă nu includeți o legendă, nu va apărea deloc aici.

Galeriile WordPress

O galerie WordPress oferă posibilitatea de a include mai mult de o fotografie într-o zonă, toate cu un aspect similar.

Un tutorial rapid pentru a adăuga o galerie WordPress:

  • Apăsați simbolul PLUS pentru a crea un bloc.
  • Căutați apoi apăsați GALERIE.
  • Pe pagină sau postare apare un bloc de galerie.
  • Faceți clic pe butonul „Încărcați” pentru a încărca imagini de pe computer.
  • Utilizați butonul „Media Library” pentru a include imagini care sunt deja găzduite în Media Library.
  • Selectați mai multe imagini – acestea vor fi evidențiate cu albastru și veți vedea o bifă.
  • Apăsați butonul albastru, din dreapta jos etichetat – CREAȚI O GALERIE NOUĂ.
  • Continuați să adăugați în galerie folosind linkurile din partea stângă.
  • Sau INSEREȚI GALERIE în pagină, folosind butonul albastru din stânga jos.

Odată ce galeria este pe pagină, setările pot fi modificate – selectați blocul GALERIE, apoi utilizați setările de bloc care apar în bara laterală din dreapta.

Am scris o postare mult mai aprofundată care vă va ajuta – galeria WordPress – să adăugați, editați și îmbunătățiți.

Proces rapid pentru a adăuga imagini la WordPress

  • Găsiți o imagine proporțională corespunzător.
  • Verificați dacă este disponibil pentru reutilizare sau cumpărați o licență.
  • Redimensionați lățimea pixelilor pentru a se potrivi articolului.
  • Utilizați software de compresie pentru a reduce kb.
  • Salvați-l conform cerințelor Google.
  • Adaugă-l într-o postare, pagină sau galerie WordPress folosind blocuri.
  • Optimizați fiecare imagine folosind etichete ALT, etichete de titlu și subtitrări.