Cum să optimizați imaginile site-ului dvs. pentru a-l face mai rapid și mai performant

Publicat: 2021-11-16

În acest articol

Sunteți pe cale să lansați un site web personal sau să creșteți performanța unuia existent? Amintiți-vă întotdeauna că optimizarea imaginii este cheia pentru clasarea site-ului și pozițiile de top.

Când lucrăm la un site web, de multe ori avem tendința de a ne concentra pe conținut, texte optimizate, fotografii și culori și alte mici alegeri stilistice pentru a-l adapta gusturilor și produselor noastre. Dar adesea nu ne pasă la fel de mult de optimizarea imaginii - sau trecem cu vederea importanța acesteia.

Ce înseamnă optimizarea imaginilor

În esență, optimizarea imaginilor înseamnă comprimarea și reducerea greutății acestora pentru a îmbunătăți viteza și performanța site-ului dvs.

Ceea ce mulți nu știu este că calitatea și greutatea imaginii afectează direct viteza și performanța site-ului și, în consecință, poziționarea acestuia pe motoarele de căutare.

Dacă ai făcut deja tot ce ai putut pentru a crește calitatea conținutului și a cuvintelor cheie, iar setările site-ului și indexului nu au probleme tehnice, atunci este timpul de optimizare: acest lucru poate face diferența în urcarea pe pozițiile de top în portalul de căutare.

Imagini web: greutate, rezoluție și dimensiuni ideale

O greutate ideală a imaginii pentru web este în general 200–300 kb. O rezoluție ideală este 72 dpi (adică aproximativ 70%). Dimensiunile ideale limitează partea lungă la 1200 pixeli (dimensiunile și rezoluția mai mari sunt indicate în principal pentru imprimare, dar nu se potrivesc contextelor web).

Reducerea greutății imaginilor și a rezoluției acestora, precum și adaptarea imaginii la formatul paginii, este deci esențială pentru optimizarea performanței unui site web.

Cum să optimizați imaginile de pe un site

Dacă nu sunteți un expert în grafică și nici măcar nu știți ce este Photoshop, atunci nu vă temeți: există multe instrumente și site-uri web prietenoase și gratuite pentru a vă optimiza cu ușurință imaginile site-ului, păstrând în același timp calitatea acestora. Dacă, pe de altă parte, te poți descurca singur, atunci optimizarea imaginilor pentru web cu Photoshop este cu siguranță cea mai bună opțiune.

Într-adevăr, aceste site-uri și instrumente presetează valorile generale pentru a obține o imagine optimizată, adică pentru a avea o imagine comprimată în greutate și dimensiune conform standardelor web fără a-i afecta calitatea. Evident, o mare parte din rezultat depinde de imaginea pe care o încărcați în primul rând. Desigur, o imagine inițială granulată nu se poate transforma într-una de înaltă calitate după comprimare.

Site-urile cu funcții de optimizare a imaginii , gratuite sau plătite, după caz, includ Comprimilo, Optimizilla, Kraken, TinyPNG și CompressJpeg, printre altele. Ca de obicei cu web-ul în continuă evoluție, aceste site-uri, în special cele gratuite, continuă să se schimbe. Cu toate acestea, o simplă căutare prin cuvinte cheie va fi suficientă pentru a găsi cele mai bune site-uri actuale pentru a vă optimiza imaginile gratuit.

Mai mult, dacă site-ul tău este construit cu platforma WordPress, atunci mai ai o șansă: optimizarea imaginilor WordPress prin plugin-uri . Pluginurile nu sunt altceva decât programe de suport care vizează îmbunătățirea funcțiilor altor programe. Pe scurt, ei adaugă noi funcții site-ului dvs. fără ca dvs. să aveți nevoie să codificați.

Cele mai populare sunt:

  • Smush
  • EWWW Image Optimizer
  • Imaginează
  • ShortPixel
  • TinyPNG

Rolul SEO în optimizarea imaginii

Greutatea și calitatea fotografiilor sunt la fel de importante în procesul de optimizare a imaginii ca și SEO care le însoțește. De fapt, SEO nu se referă doar la cuvintele cheie ale textelor site-ului tău. De asemenea, se ocupă de titlurile și etichetele imaginilor care sunt încărcate pe site.

SEO-ul unei imagini include:

  • atributul alt, adică text alternativ
  • atributul title, adică titlul imaginii
  • legendă
  • Descriere
  • URL, adică link

Setarea corectă a textului alternativ și a titlului este vitală. Cu cât vă descrieți mai exact imaginea, cu atât mai multe motoarele de căutare o vor percepe drept conținut de calitate pentru cuvintele cheie de căutare potrivite. Acest lucru este relevant în special pentru comerțul electronic, unde fiecare produs imagine este o cheie de căutare în sine.

Ideal ar fi să optimizezi imaginile înainte de a le încărca pe site , după ce le-ai salvat corect în folderele PC-ului tău. Evident, dacă acest lucru nu este posibil, puteți reveni la galeria de imagini a site-ului și puteți face această lucrare mai târziu.

Te gândești la toate imaginile pe care le-ai salvat sub Photo1, Kkkkkkkkkjpg, Image_3 etc.?

Acum, alergați pentru a le optimiza!

Cum să optimizați imaginile site-ului în câțiva pași simpli

1. Comprimați dimensiunea imaginilor dvs. pentru a nu îngreuna site-ul

Dacă nu doriți ca imaginile prea mari și grele să vă încetinească site-ul, atunci alegeți unul dintre site-urile gratuite care vă permit să vă optimizați imaginile într-un mod simplu și rapid. Am sugerat unele dintre ele mai sus, dar puteți găsi oricând altele printr-o simplă căutare pe Google.

Cei mai experimentați se pot referi la Photoshop. Acesta este cu siguranță cel mai profesionist instrument pentru a personaliza în cel mai bun mod imaginile pe care le adăugăm pe site-ul nostru.

2. Dați fișierului dvs. un nume adecvat

Deși am fost cu toții acolo (chiar și pentru cei care pretind contrariul), salvarea rapidă a fișierelor noastre de imagine cu nume precum pffffffff, image_7, img568 etc. nu este niciodată o alegere bună.

Acordați acel minut în plus pentru a găsi un titlu eficient și descriptiv pentru imaginea dvs. Dacă faceți acest pas imediat, atunci nu va trebui să faceți lucru dublu după aceea.

Atenție la prea mult lucru bun. Nu înșirați o serie de cuvinte cheie la rând. Algoritmul te poate pedepsi pentru eliminarea cuvintelor cheie din imaginea ta. Optează întotdeauna pentru un mediu fericit.

3. Alegeți un text alternativ în conformitate cu titlul imaginii dvs

După ce ați ales titlul imaginii, continuați combinând un text alternativ adecvat. Acesta este, de fapt, cel mai important element pentru indexarea și optimizarea unei imagini alături de titlu. Textul alternativ este menit să ofere detalii de imagine care sunt alternative la cele simple vizuale.

Apoi, în cuvinte, descrieți ceea ce vedeți în imagine.

4. Introduceți o legendă și o descriere

Legenda și descrierea nu sunt la fel de esențiale ca titlul și textul alternativ. Dar ele pot da mai multă relevanță imaginii tale atunci când o optimizezi.

Legenda este textul care va apărea pe pagina chiar sub sau lângă imagine pentru a-i consolida mesajul și relevanța.

Descrierea este destinată programării interne a site-ului pentru a sorta imaginile și a ști ce conțin. Nu are nicio relevanță specială pentru SEO.

5. Salvați imaginile și încărcați-le pe site-ul dvs. web

Odată ce imaginea a fost pregătită, comprimată și optimizată, tot în scopuri SEO, doar salvați-o pe computer. Apoi încărcați-l pe site-ul web de interes.

Concluzii

Imaginile au fost adesea subestimate și considerate un element pur stilistic. În realitate, acestea sunt esențiale pentru a îmbunătăți în continuare performanța site-ului nostru web și pentru a face acest salt suplimentar pentru a ajunge în topul motoarelor de căutare.

Optimizarea imaginilor poate părea un proces lung și plictisitor, pe care adesea preferăm să-l omitem. Cu toate acestea, odată ce ați înțeles un astfel de proces, veți găsi că este ușor și automat. Pe termen lung, vă va permite să îmbunătățiți performanța site-ului dvs. făcându-l mai rapid și mai legat de cheile de căutare ale utilizatorilor.

În sfârșit, nu uitați că aceleași reguli de optimizare (reducere în greutate, text alternativ etc.) se aplică și e-mailurilor dvs.! Descoperiți-le pe toate în Ghidul de design de e-mail MailUp!