Cum să vă prezentați cel mai bine imaginile online

Indiferent de tipul de site web pe care îl aveți, este posibil ca conținutul dvs. să fie un amestec de text și imagini. Pentru fotografi, artiști și alți creatori, imaginile de pe site-ul dvs. reprezintă probabil cea mai importantă parte a conținutului dvs. și, prin urmare, este vital să știți cum să le prezentați corect.

Sigur, puteți încărca fotografii și grafice prin intermediul tabloului de bord WordPress fără să vă gândiți mai mult, dar dacă doriți să vă asigurați că site-ul dvs. se încarcă rapid, ușor de citit și optimizat pentru motoarele de căutare, ați face bine să citiți acest lucru scurt ghid pentru cele mai bune practici atunci când vine vorba de utilizarea imaginilor pe site-ul dvs. web.

Salvarea și încărcarea imaginilor

Deși WordPress a făcut posibilă încărcarea imaginilor uriașe direct de pe computer și afișarea lor automată pentru a se potrivi cu lățimea blogului dvs., nu vă recomandăm să încărcați imagini neprocesate.

Orice browser web este capabil să afișeze imagini la o dimensiune mai mică decât sunt în realitate dacă acest lucru este indicat în cod, dar acest lucru nu duce la o reducere a dimensiunii reale a fișierului. O imagine de 500 kb afișată la 50% din lățimea și înălțimea sa completă va fi în continuare de 500 kb. Bloggerii care nu sunt pricepuți cu HTML și WordPress ar putea foarte bine să presupună că, deoarece imaginile lor nu apar mari pe ecran, înseamnă că vor fi descărcate rapid, dar acest lucru nu este întotdeauna cazul.

Pentru a verifica dimensiunea imaginii, faceți clic dreapta sau control-clic pe o imagine din blogul dvs. și alegeți vizualizare/deschidere imagine din meniu (formularea va varia ușor în funcție de browserul pe care îl utilizați). Dacă imaginea care se deschide este mult mai mare decât cea pe care o vezi pe blogul tău, înseamnă că imaginile tale nu sunt dimensionate corect.

Dacă aveți un blog bogat în imagini și nu redimensionați imaginile înainte de a le încărca, dimensiunea combinată a paginii dvs. web ar putea fi inutil de mare.

Merită să vă luați câteva minute suplimentare pentru a vă redimensiona și a comprima imaginile înainte de a le încărca. Acest lucru se poate face cu ușurință în Photoshop sau în orice alt software de editare a imaginilor pe care îl utilizați. De asemenea, puteți utiliza instrumente online gratuite, cum ar fi PicMonkey și Optimizatorul de imagine de la Dynamic Drive.

Redimensionarea manuală a imaginilor vă oferă control deplin asupra compresiei și vă va reduce mult timpul de încărcare, dar dacă doriți, puteți alege și să utilizați imaginile redimensionate pe care WordPress le generează automat la fiecare încărcare. Când inserați o imagine într-o postare, aveți opțiunea de a insera imagini la dimensiune completă, mari, medii sau miniaturi. Puteți edita aceste dimensiuni pentru a se potrivi cu designul blogului dvs. în Setări > Media . Rețineți că, dacă alegeți această metodă, imaginile dvs. originale la dimensiune completă vor fi disponibile pentru oricine pentru a le descărca gratuit de pe site-ul dvs. - nu este cea mai bună opțiune pentru fotografi și ilustratori!

Optimizare și utilizare a imaginii

Pe lângă faptul că vă asigurați că imaginile sunt dimensionate și optimizate corespunzător pentru timpul de încărcare a paginii, ar trebui să vă asigurați și că sunt marcate corespunzător pentru SEO (Search Engine Optimization). SEO facilitează ca motoarele de căutare să găsească și să indexeze site-ul dvs., iar un site care utilizează tehnici SEO bune este probabil să apară mai sus în paginile cu rezultate ale motoarelor de căutare în comparație cu un site neoptimizat.

O discuție completă despre SEO depășește sfera acestui articol (multe teme WordPress sunt oricum prietenoase cu SEO chiar din cutie), dar optimizarea meta informațiilor despre imagine este o modalitate ușoară de a-ți oferi SEO pe site un pic de impuls și poate ajuta oamenii să găsească site-ul dvs. prin căutarea de imagini Google și alte motoare de căutare bazate pe imagini.

Marcarea corectă a imaginilor este, de asemenea, importantă pentru utilizare, mai ales dacă imaginile ilustrează informații importante. În cazul în care o imagine nu se încarcă sau nu poate fi văzută (fie din cauza unei conexiuni lente la internet, deoarece imaginile sunt oprite, fie pentru utilizatorii cu deficiențe de vedere), furnizarea unei descriere text alternativă este obligatorie.

1. Nume fișier

În primul rând, când salvați imaginile, asigurați-vă că au un nume de fișier descriptiv. Lăsând imaginile denumite ca IMG_013445.jpg sau orice ar fi ele atunci când ies de pe camera dvs. nu va oferi motoarelor de căutare nici un indiciu cu privire la ceea ce reprezintă. Folosiți cuvinte cheie descriptive adecvate, separate prin cratime, de exemplu copii-jocând-ocean.jpg

2. Alt Text

Când vă încărcați imaginea prin Media Uploader, WordPress oferă mai multe câmpuri pentru descrierile fișierelor. Deși acestea pot fi lăsate goale (și mulți bloggeri o fac pentru a economisi timp), cu cât completați mai multe câmpuri, cu atât mai bine pentru SEO și utilizare. cel mai important dintre acestea este textul alternativ, prescurtare de la „text alternativ”.

Acesta este textul care este afișat atunci când imaginile sunt dezactivate sau nu pot fi afișate din alt motiv, așa că ar trebui să acționeze ca o descriere a imaginii. De asemenea, motoarele de căutare citesc acest text și îl folosesc pentru a decide despre ce este pagina și unde să vă plaseze site-ul în listări. Dacă sunteți fotograf de nuntă cu sediul în Texas, de exemplu, veți dori să vă asigurați că textul alternativ pentru toate imaginile blogului dvs. include o mulțime de text descriptiv, inclusiv cuvinte cheie precum „fotograf de nuntă” și „fotografie de nuntă Texas”. Deși fiți avertizat că, ca și în cazul textului blogului, este important să nu adăugați cuvinte cheie în descrierea imaginilor.

Poate fi tentant să copiați și să lipiți același text alternativ în toate imaginile dvs. pentru a economisi timp, dar în mod ideal, fiecare dintre imaginile dvs. ar trebui să aibă un text alternativ unic care să o descrie corect.

3. Titlul imaginii

Titlul imaginii este similar cu textul alternativ, dar are un scop ușor diferit. În loc să ofere informații alternative imaginii, titlul ar trebui să ofere informații suplimentare . Titlul imaginii este textul „sfat instrument” care apare într-o casetă pop-up atunci când treceți cu mouse-ul peste o imagine. Acest text este important atât pentru uzabilitate, cât și pentru SEO și ar trebui să ofere informații rapide și relevante despre imagine sau unde se leagă.

Titlul imaginii ar trebui să fie ușor diferit de textul alternativ și, din nou, ar trebui să fie unic pentru fiecare imagine.

4. Legendă imagine

O legendă este un text care este afișat de obicei sub imagine și oferă o descriere suplimentară sau un text de susținere. Utilizarea subtitrărilor este opțională, dar pot fi utile pentru a oferi informații suplimentare despre imaginea dvs. sau pentru a cita sursa dacă utilizați imagini de pe alt site. Gândiți-vă la legenda ca fiind ca o etichetă informativă într-o expoziție de galerie de artă.

Legarea imaginilor

În mod implicit, atunci când inserați o imagine într-o pagină sau într-o postare, WordPress o va conecta la o pagină nouă cu doar imaginea de pe ea. Nu există un motiv real pentru acest lucru și poate fi chiar dăunător pentru site-ul dvs. în ceea ce privește SEO.

Poate fi, de asemenea, o mare problemă de utilizare - dacă un utilizator trece cu mouse-ul peste imaginea dvs. și vede că este un link, ar putea foarte bine să presupună că trimite la o pagină cu informații utile. Făcând clic pe aceste pagini doar cu imagini este o pierdere de timp pentru vizitator și poate chiar să vă facă să pierdeți vizitatori.

Pentru a rezolva această problemă, pur și simplu selectați „Niciuna” ca câmp „Adresă URL de link” atunci când încărcați o imagine în WordPress, cu excepția cazului în care doriți să o legați la o anumită pagină. Dacă faceți acest lucru, asigurați-vă că utilizați titlul sau legenda imaginii pentru a indica unde se leagă imaginea.

Plasarea imaginii

Pe lângă faptul că vă asigurați că imaginile sunt optimizate pentru SEO și ușor de utilizat, este, de asemenea, important să vă gândiți la modul în care se potrivesc în textul dvs. din motive estetice și de lizibilitate.

Este posibil să preferați să utilizați imagini în linie (mai mici decât coloanele principale, astfel încât textul să se înfășoare în jurul lor), imagini cu lățime completă sau o combinație a ambelor. Ceea ce ar trebui să evitați este să utilizați imagini de sine stătătoare care nu au lățime completă sau o serie de imagini care au lățimi diferite, deoarece acest lucru pare neprofesional și neatractiv.

Pentru a realiza acest lucru, ar trebui să vă asigurați că imaginile portret au aceeași lățime ca și imaginile peisaj. Urmăriți înălțimea imaginilor dvs. - dacă sunt prea înalte, acestea pot depăși pe ecranele cu rezoluție mai mică. Acest lucru va face ca utilizatorii să fie nevoiți să deruleze pentru a vedea imaginea completă, ceea ce ar trebui evitat. Dacă imaginile dvs. sunt prea mari pentru a fi afișate ca lățime completă în format portret, puteți face un colaj cu două sau mai multe imagini portret una lângă alta.

Imaginile în linie pot oferi un pic de varietate conținutului dvs. și pot ajuta la spargerea pereților mari de text. Ele sunt, de asemenea, o opțiune bună pentru imagini mai mici sau înguste care nu sunt potrivite pentru a fi afișate la lățime completă.

Când utilizați imagini inline, din nou, cel mai bine este să decideți asupra unei lățimi stabilite pentru consistența vizuală. Aceasta nu ar trebui să fie mai mare de jumătate din lățimea coloanei de text, deoarece imaginile mai largi de aceasta vor comprima prea mult textul și vor îngreuna citirea.

Imaginile în linie ar trebui să fie întotdeauna aliniate la dreapta și nu la stânga textului, pentru a nu rupe marginea din stânga și a reduce lizibilitatea.

Înfrumusețați-vă blogul cu imagini

Utilizarea imaginilor este importantă pentru a crea un blog interesant și atrăgător din punct de vedere vizual și sunt și mai vitale atunci când vine vorba de marketingul afacerii tale creative.

Urmați sfaturile pe care le-am acoperit în acest articol pentru imagini bine optimizate, bine prezentate și site-ul dvs. nu numai că va arăta frumos, ci și se va încărca rapid, va fi o plăcere să citiți și să fie mai atractiv pentru motoarele de căutare. Publicare fericită!