Vaizdų SEO: 9 pagrindiniai elementai

1. Bendrieji vaizdų SEO aspektai

Dažnai visas pastangas skiriame SEO požiūriu vertingų URL reitingavimui paieškos rezultatuose (SERP). Tačiau, kaip minėjome anksčiau, vaizdų optimizavimas yra svarbus norint aukščiau reitinguotis „Google“ vaizdų paieškos rezultatuose ir padidinti galimybes per juos pritraukti organinį srautą.

„Google“ botai negali „skaityti“ vaizdų. Jie skirti skaityti svetainės kodą, o ne konkrečią animaciją ar paveikslėlį. Dėl šios priežasties turime pateikti jiems šią informaciją laikydamiesi paprasto SEO gairių rinkinio. Tai lems, ar botai gebės interpretuoti informaciją, kurią bandome parodyti, įvertinti vaizdus ir aukščiau juos reitinguoti „Google“ vaizdų skiltyje.

2. Vaizdo dydis ir svoris

Du pagrindiniai veiksniai, į kuriuos reikia atsižvelgti optimizuojant vaizdus, yra jų svoris ir dydis.

Svoris:

Naudojant sunkius vaizdus savo svetainėje gali pailgėti URL, kuriame jie įdiegti, įkėlimo laikas, o kartu ir visos svetainės. Įkėlimo laikas yra vienas iš veiksnių, turinčių įtakos darbalaukio ir mobiliajam organiniam reitingavimui, todėl vaizdų optimizavimas yra būtinas.

Įrankiai vaizdo svoriui sumažinti:

Yra daugybė įrankių, kuriuos galime naudoti vaizdo svoriui sumažinti. Net jei neturime profesionalios vaizdų redagavimo programinės įrangos, tokios kaip „Photoshop“ ar „Illustrator“, galime naudotis internetinėmis platformomis, pavyzdžiui:

• ›

  ImageOptim arba TinyJPG, kurie sumažina vaizdo svorį nepakenkdami kokybei.

• ›

  Website Speed Test Image Analysis Tool leidžia lengvai atsisiųsti naujus vaizdų formatus.

Dydis:

Be to, svarbu kiekvienai svetainei įdiegti kelis vaizdo dydžius, kad būtų rodomas tinkamiausias, priklausomai nuo įrenginio, kuriame jis peržiūrimas. Nors yra papildinių, pritaikančių vaizdo dydį, praktikoje šis variantas gali būti ne pats geriausias. Priežastis ta, kad, pavyzdžiui, 1000 px paveikslėlis gali būti perkeistas į 400 px, sumažinant jo vizualinį dydį, tačiau paveikslėlis vis tiek bus toks pat sunkus kaip 1000 px vaizdas, o tai paveiks jūsų svetainės našumą ir greitį.

Įrankiai:

Svarbiausias veiksnys renkantis vaizdus – žinoti platformą, kurioje dirbsime. Jei dirbame su „WordPress“, pavyzdžiui, galime naudoti SmushIt – papildinį, leidžiantį nustatyti maksimalų vaizdų plotį ir aukštį prieš juos perkeičiant, suspaudžiant ir įkeliant į serverį.

Jei, priešingai, dirbame su savo kodo platforma, turime sukurti rankinį arba automatinį procesą, leidžiantį optimizuoti vaizdus prieš įkeliant juos į serverį.

3. SEO požiūriu palankus vaizdo formatas

Šiuo metu optimaliausias būdas išsaugoti internetui skirtus vaizdus yra naudoti vieną iš keturių toliau pateiktų formatų:

• ›

  WebP: gali sumažinti pradinį vaizdo svorį 25–35 %. Šiuo metu tai vienas iš labiausiai rekomenduojamų formatų; nors kai kurios naršyklių versijos vis dar negali jų perskaityti, tai yra vienas iš formatų, leidžiančių didesnį suspaudimą nepakenkiant vaizdo kokybei.

• ›

  PNG: geriausias pasirinkimas paveikslėliams su nedaug spalvų ir skaidriu fonu. Plačiai naudojamas logotipuose.

• ›

  JPG: formatas, kurį reikėtų naudoti fotografijoms ir vaizdams apskritai. Suspaudžiant prarandama šiek tiek kokybės, tačiau spalvos ir atspalviai išlieka tokie patys.

• ›

  GIF: naudojamas animacijose ir judančiuose paveikslėliuose.

Rekomendacijos:

• ›

  Visada naudokite tinkamiausią vaizdo formatą pagal svorį ir suderinamumą.

• ›

  Visada suspauskite vaizdus – rankiniu būdu arba naudodami automatinio apdorojimo įrankį.

• ›

  Jei svetainėje yra keli piktogramos (ikonos), sugrupuokite jas į vieną vaizdą naudodami CSS spraitus (CSS Sprites), kad sumažintumėte serverio užklausų skaičių ir pagerintumėte svetainės našumą.

4. Vaizdų SEO laukeliai

Kiekvienas vaizdas turi susijusių laukelių rinkinį, skirtą suteikti paieškos sistemų robotams (ir, žinoma, vartotojams) geresnį prieinamumą.

Vaizdo pavadinimas

Vaizdo pavadinimas nurodo failo vardą. Tai vaizdo pavadinimas, kuriame tarp žodžių naudojami brūkšneliai ir pabraukimai. Rekomenduojama įtraukti raktažodį, pagal kurį norime aukščiau reitinguoti savo vaizdą, vengiant neįprastų simbolių (tokių kaip „ñ“, „?“ ar kirčiuotų raidžių, „á“ ir t. t.).

Taip pat patartina vaizdo pavadinime praleisti prielinksnius ar kitus neesminius simbolius, kad URL būtų trumpesnis ir kuo labiau SEO požiūriu palankus.

Antraštė (Title)

Tai tekstas, kuris pasirodo užvedus žymeklį ant vaizdo. Rekomenduojame jį užpildyti, kad vaizdui būtų suteikta semantinė antraštė, įtraukiant raktažodį, pagal kurį norime aukščiau reitinguotis.

Ji gali sutapti su „alt“ tekstu, nors šio atributo perrašymas su nedideliais pakeitimais netrunka ilgai.

Atributas „alt“

Tai svarbiausias elementas, nes būtent jį skaito „Google“. Jame turi būti pagrindinis raktažodis, pagal kurį norime aukščiau reitinguoti savo URL, ir jame turėtų būti pateikti trumpi aprašymai.

Jo sintaksė yra tokia:

<img src=”IMAGE LINK” alt=”IMAGE ALT DESCRIPTION” />

Optimizuoto vaizdo pavyzdys:

Pažiūrėkime, kaip kiekvienas laukelis galėtų būti optimizuotas šiam vaizdui pagal tikslinį raktažodį „ciberseguridad pymes“, kurio vidutinis mėnesinis paieškų skaičius yra 90 (Ispanijoje):

Failo pavadinimas:

• ›

  Neteisingai: 04745892595295.jpg

• ›

  Teisingai: ciberseguridad-pymes.jpg

Antraštė (Title): Consejos de ciberseguridad para empresarios y pymes. (Kibernetinio saugumo patarimai įmonėms ir smulkiajam verslui.)

„Alt“ tekstas: Ciberseguridad para pymes y empresarios: consejos. (Kibernetinis saugumas smulkiajam verslui ir įmonėms: patarimai.)

Taip optimizuosime visus laukelius ir gausime vaizdą, pasiruošusį kovoti dėl aukščiausių pozicijų. Žinoma, vaizdų optimizavimas negarantuoja, kad jie atsiras pirmi, tačiau tai pirmas žingsnis to siekiant :)

5. Semantinis kontekstas

„Google“ mano, kad aktualiausi vaizdai yra tie, kurie dera su juos supančiu turiniu. Todėl rekomenduojama įtraukti susijusį tekstą. Taip išplėsime bendrą semantinį kontekstą URL adrese.

6. Vaizdams skirtas svetainės žemėlapis

Kad „Google“ botams būtų lengviau efektyviau sekti mūsų vaizdus, būtina sukurti atskirą sitemap.xml su tokio tipo failais. „WordPress“ platformoje jį galima automatiškai sukurti naudojant įrankius (papildinius), tokius kaip Yoast arba RankMath. Jei nedirbate su „WordPress“, galite naudoti alternatyvius įrankius arba rankinio programavimo priemones (URL sekimą).

Toliau pamatysite svetainės žemėlapio pavyzdį su dviem vaizdais straipsnyje:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Kai kurios dažniausiai naudojamos žymos kuriant vaizdų svetainės žemėlapį yra:

→ Vaizdo antraštė

→ URL arba kelias, kuriame išsaugotas failas

→ Išnaša

→ Licencijos tipas

→ Geolokacijos informacija

• ›Dokumentacija: daug informacijos apie vaizdų svetainės žemėlapius su pavyzdžiais, diegimo vadovais ir daugiau galima rasti „Google“ tinklaraštyje.

Baigę diegimą, galėsime patikrinti indeksavimo aprėpties būseną „Search Console“.

7. Vaizdų tingus įkėlimas (įkėlimas pagal poreikį)

Vaizdai yra vieni iš dažniausiai naudojamų svetainių išteklių, nes, kaip sakoma, „vaizdas vertas tūkstančio žodžių“. Todėl kiekvienos svetainės vizualinis aspektas kruopščiai kuriamas naudojant šiuos daugialypės terpės elementus. Vis dėlto jų neoptimizavimas gali neigiamai paveikti vartotojo patirtį ir svetainės įkėlimo laiką. Dėl šios priežasties patartina naudoti tingų įkėlimą („lazy loading“).

Tingaus įkėlimo dėka vaizdai įkeliami tik tada, kai jie pasirodo ekrane. Pavyzdžiui, jei jie yra apatinėje puslapio dalyje, kuri dar nematoma įrenginio ekrane, jie nebus įkelti tol, kol vartotojas neslinks žemyn. Tai gerokai sumažina HTTPS užklausų skaičių ir sutrumpina įkėlimo laiką, todėl jūsų puslapis tampa patrauklesnis „Google“.

Papildiniai tingiam įkėlimui įdiegti „WordPress“ platformoje

Jei valdote svetaines šioje programinės įrangos platformoje, yra papildinių rinkinys, kuris patrauks jūsų dėmesį, jei norite optimizuoti vaizdus įdiegdami tingų įkėlimą. Nepamirškite patikrinti, ar įdiegta tema jau turi šią funkciją. Jei ne, štai keli įdomūs pasirinkimai:

• ›

  BJ Lazy Load: lengvai įdiegiamas ir nustatomas, tai vienas populiariausių įrankių su daugiau nei 90 000 diegimų. Šio papildinio dėka galite mastelizuoti vaizdus, pritaikydami juos skirtingiems ekrano dydžiams.

• ›

  Lazy Load by WP Rocket: paprastas ir lengvai nustatomas (iš esmės todėl, kad nesiūlo skirtingų parinkčių), šio papildinio privalumas – jis nenaudoja JavaScript bibliotekos, tokios kaip jQuery.

8. CDN naudojimas vaizdams

CDN (Content Delivery Network – turinio pristatymo tinklas) yra po visą pasaulį paskirstytų serverių rinkinys, palengvinantis talpykloje saugomo svetainės turinio pateikimą priklausomai nuo to, kur yra užklausą pateikiantis asmuo. Šio talpinimo tinklo dėka tas serveris, kuris yra arčiausiai užklausą pateikiančiojo, pateiks prašomos svetainės kopiją.

Taigi CDN naudojimas padeda mūsų URL greičiau atsisiųsti, sumažina svetainės įkėlimo laiką ir skatina jos organinį reitingavimą.

Jei naudojame CDN (pavyzdžiui, „Cloudflare“) vaizdams rodyti, jie bus atsisiunčiami ir rodomi greičiau. Šis paprastas srautas tiesiogiai pagerins mūsų SEO.

9. Kiti aspektai

SEO požiūriu vertingi vaizdai, tai yra tie, kuriuos norime aukščiau reitinguoti, turi būti įtraukti į URL šaltinio kodą. Tie, kurie įdiegti kaip fono savybė CSS, „Google“ nebus matomi, nes ji negali suprasti tokio tipo stilių lapų.

Be to, yra kitų svarbių detalių, į kurias reikia atsižvelgti optimizuojant vaizdus:

• ›

  Exif: su kiekvienu vaizdu išsaugomas atributų rinkinys, pavyzdžiui, data, kada buvo padaryta nuotrauka, ir kiti duomenys, aktualūs šios srities profesionalams. Vis dėlto ši informacija SEO požiūriu nėra vertinga ir tik užima vietą. Šios informacijos ištrynimas gali padėti optimizuoti vaizdus ir padaryti juos lengvesnius.

• ›

  „longdesc“: šis atributas dažnai pamirštamas, tačiau jį įdiegti savo vaizduose gali būti įdomu. Tai ilgas vaizdo aprašymas.

• ›

  Susiejimas (Linking): nuorodų kūrimas atlieka esminį vaidmenį mūsų puslapių organiniame augime, bet taip pat ir mūsų vaizdų. Vaizdus taip pat galima susieti nuorodomis ir taip pasiekti didesnį pripažinimą paieškos sistemose.

Ar praleidome kokių nors esminių patarimų? Mielai jūsų išklausysime. Palikite komentarą žemiau ir nedvejodami pasidalykite savo žiniomis!