• Pildi SEO tehnikad

12 olulist pildi SEO nõuannet, mida peate teadma

  • Felix Rose-Collins
  • 3 min read
12 olulist pildi SEO nõuannet, mida peate teadma

Intro

Pildid moodustavad sageli suurima osa veebilehtedest ja neil on Google'i tulemustes oma vahekaart. Need on tervikliku SEO-strateegia oluline osa, seega on nende optimeerimine parema nähtavuse saavutamiseks hädavajalik.

Kuidas otsingumootorid indekseerivad ja mõistavad pilte

Otsingumootorid uurivad veebilehti, et leida pilte ja eraldada selliseid andmeid nagu metaandmed ja failinimed. Google kasutab piltide konteksti ja sisu mõistmiseks selliseid tegureid nagu ümbritsev tekst, pildifaili nimi, alt-tekst, pildiallkirjad ja lehekülje sisu.

Mis on piltide SEO?

Piltide optimeerimine hõlmab tehnikaid, millega suurendatakse nähtavust otsingumootori tulemuste lehekülgedel (SERPs), kasutades selleks piltide pakkimist, reageerivaid pilte, laisalt laadimise rakendamist, asjakohase alt-teksti lisamist, kirjeldavate failinimede kasutamist ja struktureeritud andmete rakendamist.

1. Valige õige pildiformaat

Google toetab selliseid formaate nagu JPEG, PNG, WebP, BMP, GIF ja SVG. Igal formaadil on omad plussid ja miinused:

  • PNG: kadudeta pakkimine, parem kvaliteet, toetab läbipaistvust, suurem faili suurus.

  • JPEG: kadudega pakkimine, reguleeritav kvaliteet, väiksem faili suurus.

  • WebP: tõhus, väiksemad failid, mida toetavad kõik suuremad brauserid.

  • GIF: Kaotusteta, piiratud 256 värviga, sobib lihtsa graafika ja animatsioonide jaoks.

  • SVG: Vektoripõhine, skaleeritav, ideaalne logode ja ikoonide jaoks.

  • BMP: Suur, tihendamata, kõrge kvaliteediga, ei sobi suuruse tõttu veebi jaoks.

Soovitus: Kasutage PNG-d ja konverteerige veebi kasutuselevõtuks WebP-ks, et saavutada optimaalne kvaliteet ja laadimisaeg.

2. Loo unikaalsed pildid

Vältige üldisi stockfotosid. Kasutage originaalseid, kvaliteetseid pilte, et parandada kasutajakogemust ja SEO-d. Google soovitab, et pildid oleksid vähemalt 1200 px laiad ja kasutaksid robotite meta-tagis seadistust max-image-preview:large, et tagada, et need ilmuksid Google Discoveris suurte piltidena.


<meta name='robots' content='index, follow, max-image-preview:large' />

3. Pildifailide nimede optimeerimine

Kasutage kirjeldavaid, märksõnarikkaid failinimesid, mis aitavad otsingumootoritel mõista pildi teemat. Vältige vaikimisi nimesid nagu "IMG_722019".

4. Kirjutage SEO-sõbralik Alt tekst

Alt-tähed kirjeldavad pildi sisu ja parandavad ligipääsetavust. Need aitavad ka otsingumootoritel mõista pildi konteksti, aidates kaasa paremale järjestusele.

Näide:


<img src="chocolate-1.jpg" alt="tumeda šokolaadi kohvimaitseline baari"/>

5. Optimeeri oma lehekülje pealkiri ja kirjeldus

Lisage oma lehekülje pealkirjas ja kirjelduses asjakohased märksõnad, et parandada pildiotsingu edetabelit. Veenduge, et kõik lehekülje SEO-faktorid on optimeeritud.

6. Määrake oma mõõtmed

Lisage iga pildi jaoks laiuse ja kõrguse atribuudid, et vältida kumulatiivse paigutuse nihke (CLS) probleeme ja parandada Core Web Vitals'i hindeid.

7. Tee oma pildid mobiilisõbralikuks

Kasutage srcset ja sizes atribuute reageerivate piltide jaoks, mis skaleeruvad vastavalt kasutaja seadmele.

Näide:


<picture> <source type="image/webp" srcset="image-300w.webp 300w, image-600w.webp 600w, image-1200w.webp 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px"> <img src="image-300w.jpg" srcset="image-300w.jpg 300w, image-600w.jpg 600w, image-1200w.jpg 1200w" sizes="(max-width: 600px) 300px, (max-width: 900px) 600px, 1200px" alt="Pildi kirjeldus"> </picture>

8. Laisk laadimine ja eellaadimine

Kasutage vaateaknasse mittekuuluvate piltide laiskaks laadimiseks, et parandada lehe jõudlust. Kasutage eellaadimist või fetchpriority="high" piltide jaoks ülevalpool voldi.

Näide:


<img src="image.jpg" loading="lazy" srcset="image-300w.jpg 300w, image-600w.jpg 600w" alt="Kirjeldus">

9. Piltide lisamine teie sisukorraga

Piltide lisamine teie veebisaidi kaardile suurendab nende otsingumootorite poolt indekseerimise ja indekseerimise tõenäosust. Kasutage WordPressi jaoks selliseid pistikprogramme nagu Yoast või RankMath või tööriistu nagu Screaming Frog.

10. Struktureeritud andmete lisamine

Parandage pilte struktureeritud andmetega, et parandada nähtavust otsingutulemustes. Kasutage skeemamärgistust, et lisada üksikasjad, nagu hind, saadavus ja hinnangud.

Näide:


{ "@context": "http://schema.org", "@type": "Article", "headline": "Artikli pealkiri", "image": [ "https://example.com/photos/1x1/image.jpg", "https://example.com/photos/4x3/image.jpg", "https://example.com/photos/16x9/image.jpg" ], "datePublished": "2024-01-10T08:00:00+08:00", "dateModified": "2024-01-10T09:20:00+08:00", "author": { "@type": "Person", "name": "Autori nimi" } } }

11. Kasutage CDN-i kiiremaks pildi edastamiseks

Sisuteenuste edastamise võrk (CDN) suudab optimeerida ja kiiremini edastada pilte, edastades neid kasutajale lähemal asuvatest kohtadest. Kaaluge selliste teenuste kasutamist nagu Cloudflare, Amazon CloudFront, ImageKit või KeyCDN.

12. Ettevaatust autoriõiguste suhtes

Veenduge, et teil on õigus kasutada pilte, et vältida kalleid kohtuasju. Kasutage litsentseeritud pilte sellistelt teenusepakkujatelt nagu Getty, Shutterstock või DepositFiles.

Pildi optimeerimise peamised järeldused

  • Kiirema laadimisaja tagamiseks valige õige failiformaat ja suurus.

  • Veenduge, et teie lehekülje SEO-elemendid on optimeeritud.

  • Looge paremaks leitavuseks piltide lehekaart.

Neid nõuandeid järgides saate parandada oma veebisaidi kuvandi SEO ja üldist otsingunägemist. Head optimeerimist!

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Alusta Ranktracker'i kasutamist... Tasuta!

Uuri välja, mis takistab sinu veebisaidi edetabelisse paigutamist.

Loo tasuta konto

Või logi sisse oma volituste abil

Different views of Ranktracker app