Intro
Kuvat muodostavat usein suurimman osan verkkosivuista, ja niillä on oma välilehtensä Googlen tuloksissa. Ne ovat olennainen osa täydellistä hakukoneoptimointistrategiaa, joten niiden optimointi on tärkeää näkyvyyden parantamiseksi.
Miten hakukoneet indeksoivat ja ymmärtävät kuvia
Hakukoneet selaavat verkkosivuja löytääkseen kuvia ja poimiakseen niistä tietoja, kuten metatietoja ja tiedostonimiä. Google käyttää ympäröivän tekstin, kuvatiedoston nimen, alt-tekstin, kuvatekstien ja sivun sisällön kaltaisia tekijöitä ymmärtääkseen kuvien kontekstin ja sisällön.
Mikä on Image SEO?
Kuvien optimointi sisältää tekniikoita, joilla lisätään näkyvyyttä hakukoneiden tulossivuilla (SERP) pakkaamalla kuvia, käyttämällä responsiivisia kuvia, toteuttamalla laiska lataus, lisäämällä asiaankuuluvaa alt-tekstiä, käyttämällä kuvaavia tiedostonimiä ja ottamalla käyttöön jäsenneltyjä tietoja.
1. Valitse oikea kuvaformaatti
Google tukee formaatteja kuten JPEG, PNG, WebP, BMP, GIF ja SVG. Jokaisella formaatilla on omat hyvät ja huonot puolensa:
-
PNG: häviötön pakkaus, parempi laatu, tukee läpinäkyvyyttä, suurempi tiedostokoko.
-
JPEG: Häviöllinen pakkaus, säädettävä laatu, pienempi tiedostokoko.
-
WebP: Tehokas, pienemmät tiedostokoot, kaikki tärkeimmät selaimet tukevat.
-
GIF: Soveltuu yksinkertaiseen grafiikkaan ja animaatioihin.
-
SVG: Vektoripohjainen, skaalautuva, ihanteellinen logoihin ja kuvakkeisiin.
-
BMP: Suuri, pakkaamaton, korkealaatuinen, ei sovellu verkkoon koon vuoksi.
Suositus: Käytä PNG:tä ja muunna WebP:ksi verkkokäyttöä varten optimaalisen laadun ja latausajan varmistamiseksi.
2. Luo ainutlaatuisia kuvia
Vältä yleisiä valokuvia. Käytä alkuperäisiä, laadukkaita kuvia käyttäjäkokemuksen ja hakukoneoptimoinnin parantamiseksi. Google suosittelee, että kuvien leveys on vähintään 1200 pikseliä ja että ne näkyvät suurina kuvina Google Discoverissa käyttämällä robottien metatunnisteen max-image-preview:large -asetusta.
<meta name='robots' content='index, follow, max-image-preview:large' />3. Optimoi kuvatiedoston nimet
Käytä kuvaavia, avainsanoja sisältäviä tiedostonimiä, jotta hakukoneet ymmärtävät kuvan aiheen. Vältä oletusnimiä kuten "IMG_722019".
4. Kirjoita SEO-ystävällinen Alt-teksti
Alt-tunnisteet kuvaavat kuvan sisältöä ja parantavat saavutettavuutta. Ne auttavat myös hakukoneita ymmärtämään kuvan kontekstin, mikä parantaa sijoituksia.
Esimerkki:
<img src="chocolate-1.jpg" alt="tumman suklaan kahvinmakuinen patukka"/>5. Optimoi sivun otsikko ja kuvaus
Sisällytä sivun otsikkoon ja kuvaukseen merkityksellisiä avainsanoja, jotta parannat kuvahaun sijoitusta. Varmista, että kaikki sivun SEO-tekijät on optimoitu.
6. Määrittele ulottuvuudet
Sisällytä leveys- ja korkeusattribuutit jokaiseen kuvaan CLS-ongelmien (Cumulative Layout Shift) estämiseksi ja Core Web Vitals -pisteiden parantamiseksi.
7. Tee kuvistasi mobiiliystävällisiä
Käytä srcset- ja sizes-attribuutteja responsiivisiin kuviin, jotka skaalautuvat käyttäjän laitteen mukaan.
Esimerkki:
<kuva> <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="Kuvan kuvaus"> </picture>8. Laiska lataus ja esilataus
Käytä laiskan latauksen käyttöä kuville, jotka eivät ole näkymäalueella, parantaaksesi sivun suorituskykyä. Käytä preload- tai fetchpriority="high" -toimintoa kuville, jotka ovat taiton yläpuolella.
Esimerkki:
<img src="image.jpg" loading="lazy" srcset="image-300w.jpg 300w, image-600w.jpg 600w" alt="Kuvaus">9. Kuvien lisääminen sivukarttaan
Kuvien sisällyttäminen sivustokarttaan lisää hakukoneiden indeksointimahdollisuuksia. Käytä lisäosia, kuten Yoast tai RankMath for WordPress, tai työkaluja, kuten Screaming Frog.
10. Rakenteisten tietojen lisääminen
Paranna kuvia jäsennellyillä tiedoilla näkyvyyden parantamiseksi hakutuloksissa. Käytä schema-merkintää sisällyttääksesi hintatietoja, saatavuutta ja luokituksia.
Esimerkki:
{ "@context": "http://schema.org", "@type": "Artikkeli", "headline": "Artikkelin otsikko", "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": "Author Name" } } }11. CDN:n käyttö nopeuttaa kuvien toimitusta
Sisällönjakeluverkko (CDN) voi optimoida ja toimittaa kuvat nopeammin tarjoamalla ne lähempänä käyttäjää sijaitsevista paikoista. Harkitse sellaisten palvelujen käyttöä kuin Cloudflare, Amazon CloudFront, ImageKit tai KeyCDN.
12. Varo tekijänoikeuksia
Varmista, että sinulla on oikeus käyttää kuvia, jotta vältät kalliit oikeusjutut. Käytä lisensoituja kuvia palveluntarjoajilta, kuten Gettystä, Shutterstockista tai DepositFilesista.
Kuvan optimoinnin tärkeimmät viestit
-
Valitse oikea tiedostomuoto ja -koko nopeuttaaksesi latausaikaa.
-
Varmista, että sivulla olevat SEO-elementit on optimoitu.
-
Luo kuvasivukartta parempaa indeksoitavuutta varten.
Seuraamalla näitä vinkkejä voit parantaa verkkosivustosi kuvien hakukoneoptimointia ja yleistä hakunäkyvyyttä. Hyvää optimointia!
