Piltide SEO: 9 põhielementi

1. Üldised kaalutlused piltide SEO kohta

Sageli panustame kõik oma jõupingutused SEO seisukohalt väärtuslike URL-ide järjestamisse otsingutulemustes (SERP). Nagu aga varem mainisime, on piltide optimeerimine oluline, et jõuda kõrgemale Google'i piltide otsingutulemustes ja suurendada võimalusi nende kaudu orgaanilist liiklust meelitada.

Google'i robotid ei suuda pilte „lugeda”. Need on mõeldud veebisaidi koodi lugemiseks, mitte konkreetse animatsiooni või pildi lugemiseks. Sel põhjusel peame neile selle teabe edastama, järgides lihtsat SEO juhiste kogumit. See määrab, kas robotid suudavad tõlgendada teavet, mida püüame näidata, pilte hinnata ja järjestada need kõrgemale Google'i piltide jaotises.

2. Pildi suurus ja maht

Kaks peamist tegurit, mida piltide optimeerimisel arvestada, on nende maht ja suurus.

Maht:

Raskete piltide kasutamine veebisaidil võib pikendada URL-i laadimisaega, kuhu need on paigutatud, ja seega kogu saidi oma. Laadimisaeg on üks teguritest, mis mõjutab lauaarvuti ja mobiili orgaanilist edetabelikohta, mistõttu on piltide optimeerimine hädavajalik.

Tööriistad pildi mahu vähendamiseks:

Pildi mahu vähendamiseks saame kasutada palju tööriistu. Isegi kui meil pole professionaalset pilditöötlustarkvara, näiteks Photoshopi või Illustratorit, saame kasutada veebiplatvorme, näiteks:

• ›

  ImageOptim või TinyJPG, mis vähendavad pildi mahtu ilma kvaliteeti mõjutamata.

• ›

  Website Speed Test Image Analysis Tool võimaldab hõlpsalt alla laadida uusi pildiformaate.

Suurus:

Lisaks on oluline rakendada iga saidi jaoks mitut pildisuurust, et kuvada kõige sobivam sõltuvalt seadmest, milles seda vaadatakse. Kuigi on olemas pistikprogramme, mis kohandavad pildi suurust, ei pruugi see valik praktikas olla parim. Põhjus on selles, et näiteks 1000 px pildi saab suurendada 400 px-le, vähendades selle visuaalset suurust, kuid pilt jääb ikkagi sama raskeks kui 1000 px pilt, mõjutades teie veebi jõudlust ja kiirust.

Tööriistad:

Kõige olulisem tegur piltide valikul on teada platvormi, millega töötame. Kui töötame näiteks WordPressiga, saame kasutada SmushIt – pistikprogrammi, mis võimaldab määrata piltidele maksimaalse laiuse ja kõrguse enne nende suuruse muutmist, tihendamist ja serverisse üleslaadimist.

Kui vastupidi töötame oma koodiga platvormiga, peame looma manuaalse või automaatse protsessi, mis võimaldab pilte enne serverisse üleslaadimist optimeerida.

3. SEO-sõbralik pildiformaat

Praegu on optimaalseim viis veebipiltide salvestamiseks kasutada üht järgmisest neljast formaadist:

• ›

  WebP: see suudab vähendada pildi algset mahtu 25–35%. Praegu on see üks soovituslikumaid formaate; kuigi mõned brauserite versioonid ei suuda neid veel lugeda, on see üks formaatidest, mis võimaldab suuremat tihendamist ilma pildi kvaliteeti mõjutamata.

• ›

  PNG: see on parim valik väheste värvide ja läbipaistva taustaga piltide jaoks. Seda kasutatakse laialdaselt logodes.

• ›

  JPG: formaat, mida tuleks kasutada fotode ja piltide jaoks üldiselt. Nende tihendamisel läheb veidi kvaliteeti kaduma, kuid värvid ja toonid jäävad samaks.

• ›

  GIF: kasutatakse animatsioonides ja liikuvates piltides.

Soovitused:

• ›

  Kasutage alati kõige sobivamat pildiformaati mahu ja ühilduvuse osas.

• ›

  Tihendage pilte alati – kas käsitsi või automaatse töötlustööriista abil.

• ›

  Kui veeb sisaldab mitut ikooni, koondage need CSS spraitide (CSS Sprites) abil ühte pilti, et vähendada serveripäringute arvu ja parandada oma veebi jõudlust.

4. Piltide SEO väljad

Igal pildil on seotud väljade kogum, et pakkuda otsingumootorite robotitele (ja loomulikult kasutajatele) paremat juurdepääsetavust.

Pildi nimi

Pildi nimi viitab faili nimele. See on pildi pealkiri, milles kasutatakse sõnade vahel sidekriipse ja alakriipse. Soovitatav on lisada märksõna, mille järgi soovime oma pilti kõrgemale järjestada, vältides ebatavalisi märke (näiteks „ñ”, „?” või rõhumärgiga tähti, „á” jne).

Samuti on soovitatav pildi nimes ära jätta eessõnad või muud mitteolulised märgid, et lühendada URL-i ja muuta see võimalikult SEO-sõbralikuks.

Pealkiri (Title)

See on tekst, mis ilmub kursori pildile viimisel. Soovitame selle täita, et lisada pildile semantiline pealkiri, kaasates märksõna, mille järgi soovime kõrgemale järjestuda.

See võib olla sama mis alt-tekst, kuigi selle atribuudi ümberkirjutamine väikeste muudatustega ei võta kaua aega.

Atribuut „alt”

See on kõige olulisem element, sest just seda loeb Google. See peab sisaldama põhimärksõna, mille järgi soovime oma URL-i kõrgemale järjestada, ning selles peaksid olema lühikirjeldused.

Selle süntaks on järgmine:

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

Näide optimeeritud pildist:

Vaatame, kuidas iga välja saaks selle pildi jaoks optimeerida sihtmärksõna „ciberseguridad pymes” alusel, mille keskmine igakuine otsingumaht on 90 (Hispaanias):

Faili nimi:

• ›

  Vale: 04745892595295.jpg

• ›

  Õige: ciberseguridad-pymes.jpg

Pealkiri (Title): Consejos de ciberseguridad para empresarios y pymes. (Küberturvalisuse nõuanded ettevõtetele ja väikeettevõtetele.)

Alt-tekst: Ciberseguridad para pymes y empresarios: consejos. (Küberturvalisus väikeettevõtetele ja ettevõtjatele: nõuanded.)

Nii optimeerime kõik väljad ja saame pildi, mis on valmis võitlema tippkohtade eest. Muidugi ei taga piltide optimeerimine, et need ilmuvad esimestena, kuid see on esimene samm selle saavutamiseks :)

5. Semantiline kontekst

Google leiab, et kõige asjakohasemad pildid on need, mis sobivad neid ümbritseva sisuga. Seetõttu on soovitatav lisada seotud teksti. Nii laiendame URL-i üldist semantilist konteksti.

6. Piltidele mõeldud saidikaart

Et aidata Google'i robotitel meie pilte tõhusamalt jälgida, on vaja luua eraldi sitemap.xml sellist tüüpi failidega. WordPressis saab selle automaatselt luua tööriistade (pistikprogrammide) abil, näiteks Yoast või RankMath. Kui te ei tööta WordPressiga, saate kasutada alternatiivseid tööriistu või manuaalse programmeerimise vahendeid (URL-ide jälgimine).

Järgmisena näete saidikaardi näidet artiklis kahe pildiga:

<?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>

Mõned kõige sagedamini kasutatavad sildid piltide saidikaardi loomisel on:

→ Pildi pealkiri

→ URL või tee, kuhu fail on salvestatud

→ Allmärkus

→ Litsentsi tüüp

→ Geograafilise asukoha teave

• ›Dokumentatsioon: palju teavet piltide saidikaartide kohta koos näidete, rakendamise õpetuste ja muuga leiate Google'i ajaveebist.

Pärast rakendamise lõpetamist saame kontrollida indekseerimise katvuse olekut Search Console'is.

7. Piltide laisk laadimine (nõudmisel laadimine)

Pildid on veebisaitide üks enimkasutatavaid ressursse, sest, nagu öeldakse, „pilt on tuhat sõna väärt”. Seetõttu töötatakse iga veebisaidi visuaalne külg hoolikalt välja neid multimeediaelemente kasutades. Nende optimeerimata jätmine võib aga negatiivselt mõjutada kasutajakogemust ja veebi laadimisaega. Sel põhjusel on soovitatav laisk laadimine (lazy loading).

Tänu laisale laadimisele laaditakse pildid alles siis, kui need ekraanile ilmuvad. Näiteks kui need asuvad lehe alumises osas, mis pole seadme ekraanil veel nähtav, siis neid ei laadita, kuni kasutaja allapoole kerib. See vähendab oluliselt HTTPS-päringute arvu ja lühendab laadimisaegu, muutes teie lehe Google'i jaoks meeldivamaks.

Pistikprogrammid laisa laadimise rakendamiseks WordPressis

Kui haldate veebisaite sellel tarkvaraplatvormil, on olemas pistikprogrammide kogum, mis köidab teie tähelepanu, kui soovite pilte optimeerida laisa laadimise rakendamisega. Ärge unustage kontrollida, kas paigaldatud teema juba sisaldab seda funktsiooni. Kui ei, siis siin on mõned huvitavad valikud:

• ›

  BJ Lazy Load: lihtsalt paigaldatav ja seadistatav, see on üks populaarsemaid tööriistu, millel on üle 90 000 paigalduse. Tänu sellele täiendusele saate pilte skaleerida, kohandades neid erinevate ekraanisuurustega.

• ›

  Lazy Load by WP Rocket: lihtne ja hõlpsalt seadistatav (peamiselt seetõttu, et see ei paku erinevaid valikuid), selle pistikprogrammi eelis on see, et see ei kasuta JavaScripti teeki, näiteks jQuery't.

8. CDN-i kasutamine piltide jaoks

CDN (Content Delivery Network – sisu edastamise võrk) on kogu maailmas jaotatud serverite kogum, mis hõlbustab vahemällu salvestatud veebisaidi sisu edastamist sõltuvalt sellest, kus päringu esitaja asub. Tänu sellele majutusvõrgule pakub see server, mis on päringu esitajale lähemal, taotletud veebisaidi koopiat.

Seega aitab CDN-i kasutamine meie URL-e kiiremini alla laadida, vähendades meie saidi laadimisaegu ja soodustades selle orgaanilist edetabelikohta.

Kui kasutame piltide kuvamiseks CDN-i (näiteks Cloudflare'i), laaditakse ja kuvatakse need kiiremini. See lihtne voog parandab otseselt meie SEO-d.

9. Muud kaalutlused

SEO seisukohalt väärtuslikud pildid ehk need, mida soovime kõrgemale järjestada, tuleb lisada URL-i lähtekoodi. Need, mis on rakendatud taustaomadusena CSS-is, ei ole Google'ile nähtavad, sest see ei suuda seda tüüpi laadilehti mõista.

Lisaks on veel teisi olulisi üksikasju, mida meie piltide optimeerimisel meeles pidada:

• ›

  Exif: iga pildiga salvestatakse atribuutide kogum, näiteks foto tegemise kuupäev ja muud andmed, mis on selle valdkonna professionaalide jaoks olulised. See teave ei ole aga SEO seisukohalt väärtuslik ja võtab ainult ruumi. Selle teabe kustutamine võib aidata pilte optimeerida ja muuta need kergemaks.

• ›

  „longdesc”: see atribuut jäetakse tavaliselt unarusse, kuid selle rakendamine meie piltides võib olla huvitav. See on pildi pikk kirjeldus.

• ›

  Linkimine: linkide loomine mängib põhirolli meie lehtede orgaanilises kasvus, aga ka meie piltide omas. Ka pilte saab linkida ja seeläbi saavutada suurema tuntuse otsingumootorites.

Kas jäime mõne olulise nõuande vahele? Kuulaksime teid hea meelega. Jätke allpool kommentaar ja jagage julgelt oma teadmisi!