Kuvien optimointi verkkoa varten

Päivitetty 19. syyskuuta 2022

Kuvat eivät ainoastaan ​​tee sisällöstäsi helpompaa, houkuttelevampaa ja houkuttelevampaa käyttäjille, vaan ne ovat tärkeitä hakukoneoptimoinnin kannalta.

Kuvaoptimoinnin perusteiden ymmärtäminen antaa sisällöllesi parhaan mahdollisuuden menestyä hakukoneoptimoinnin avulla.

Mitä on kuvan optimointi?

Kuvan optimointiin kuuluu korkealaatuisten kuvien luominen ja toimittaminen ihanteellisessa muodossa, koossa ja resoluutiossa käyttäjien sitoutumisen lisäämiseksi. Se edellyttää myös kuvien tarkkaa merkitsemistä metatiedot jotta hakukoneiden indeksointirobotit voivat lukea ne ja ymmärtää sivun kontekstin.

Mukaan HTTP-arkisto, Vuonna 2018 kuvien osuus keskimääräisen verkkosivun kokonaispainosta oli 21 %, ja tämä osuus on todennäköisesti kasvanut kuvien käytön lisääntyessä viime vuosina – ne kuluttavat enemmän tavuja kuin mikään muu verkkosivuston osa. Siten kuvan koko ja monimutkaisuus vaikuttavat voimakkaasti sivuston suorituskykyyn.

Kun voit pienentää kuvien kokoa laadusta tinkimättä, sivujen latausajat ja yleinen käyttökokemus paranevat. Tällä voi olla myönteinen vaikutus hakukonesijoituksiin, mikä parantaa entisestään asiakkaiden sitoutumista, tuloksia ja asiakkaiden säilyttämistä.

KÄRKI: Optimoidut kuvat vievät vähemmän tallennustilaa palvelimellasi, joten sivuston varmuuskopiot valmistuvat nopeammin.

Kerron nyt 10 tapaa optimoida kuviasi.

1. Muuta kuvien kokoa

Kuvan koko ja tiedostokoko eivät ole sama asia. Kuvan koko tarkoittaa kuvan kokoa (esim. 1024 x 680 pikseliä). Tiedoston koko on tallennustila (esim. 350 kilotavua).

Kuvat, joissa on suurempi resoluutio ja suuremmat mitat hidastavat sinun sivun latausajat huomattavasti. Vaikka ne toimivat hyvin painetuissa materiaaleissa, ne tulee pienentää ja mitoittaa verkkoa varten.

KÄRKI: Katso tämä opas tunnistaa parhaat kuvakoot sosiaalisen median alustoille.

Tallenna sopiva muoto

PNG:llä, JPEG:llä ja GIF:llä on kummallakin etunsa. Suosittelen JPEG-tiedostoa kuville, joissa on paljon värejä, ja PNG-muotoa yksinkertaisille kuville.

Kuvan lähde

Valitse oikea pakkaussuhde

Se, kuinka hyvin kuva on pakattu, vaikuttaa sekä tiedoston kokoon että laatuun – mitä pienempi tiedosto, sitä huonompi kuvanlaatu.

Kokeile tiedostotyyppejä ja pakkaussuhteita nähdäksesi, mikä toimii parhaiten kullekin kuvalle. Monet kuvankäsittelytyökalut, esim Adobe Photoshopsisältää tallennuksen verkkoon -vaihtoehdon, joka minimoi automaattisesti tiedostokoon ja optimoi kuvanlaadun.

Jos et käytä Photoshopia, nämä työkalut ja laajennukset voivat auttaa:

Kuvan optimointityökalut

WordPress-laajennukset kuvien optimointiin

Testinopeus

Kun olet optimoinut kuvat, mistä tiedät, ovatko verkkosivustosi sivujen latausajat riittävän nopeita? Testaa sivustosi nopeus jollakin seuraavista työkaluista:

KÄRKI: Jos verkkosivustosi sisältö muuttuu usein, tarkista latausajat säännöllisesti.

2. Optimoi kuvatiedostojen nimet

Nimeä tiedosto osuvilla, kuvaavilla avainsanoilla saadaksesi eniten SEO-tehoa. Sisällytä kohde avainsanoja alussa ja erota ne yhdysmerkillä. Älä käytä alaviivoja, koska hakukoneet eivät tunnista niitä eivätkä pysty “näkemään” sanoja yksitellen.

Nimeä kuvatiedostot osuvilla, kuvaavilla avainsanoilla saadaksesi eniten #SEO-tehoa, sanoo @IsaacJustesen @CMIContentin kautta. Napsauta Twiittaamaan

Tiedostonimien tulee olla järkeviä sekä hakukoneille että ihmisille. Jos esimerkiksi kampaamossa olevan naisen kuvan alkuperäinen nimi on salon234.jpg, nimeä se uudelleen selkeällä ja kuvaavammalla otsikolla, kuten nainen-having-a-haircut-in-a-salon.jpg.

3. Käytä alt-tageja

Katsojat saattavat ymmärtää kuvan, mutta hakukoneiden hämähäkit tarvitsevat vihjeitä. Ilman vaihtoehtoinen tekstihakukoneet eivät voi indeksoida kuvasisältöäsi tarkasti.

Hyvä alt-tunniste tarjoaa kontekstin ja auttaa myös näkövammaisia ​​käyttäjiä. Siitä on hyötyä myös silloin, kun häiriö estää kuvan latautumisen, koska hakukoneet voivat lukea vaihtoehtoisen tekstin ilmoittaakseen sivun sijoituksen. Kirjoita alt-tunniste yksityiskohtaisemmin kuin tiedoston nimi. Pyri 10–15 ilmaisemaan jotain kuvasta.

KÄRKI: Brändiin liittyvät termit voivat olla alt-tageissa näkyvyyden parantamiseksi, mutta vältä avainsanojen täyttämistä.

4. Tee kuvista mobiiliystävällisiä

Googlen algoritmi käyttää mobiililähtöistä indeksointia, joten indeksointirobotit tarkastelevat pääasiassa sivuston mobiiliversiota. Siksi kuviesi tulee olla myös mobiiliystävällisiä. Miten? Lyhyt vastaus on varmistaa, että kuvasi ja verkkosivustosi asettelu vastaavat katselulaite.

Jotkut verkkosivustomallit ja -rakentajat muuttavat kuvien kokoa automaattisesti, mutta voit määrittää kuvakoon laitteen leveyden perusteella. Voit tehdä tämän lisäämällä verkkosivustollesi hieman mukautettua CSS-koodia. Tarkista tämä yksinkertainen ohje saadaksesi lisätietoja kuvien muuttamisesta responsiivisiksi.

5. Optimoi kuvan otsikko

WordPress ottaa yleensä kuvan otsikon tiedostonimestään. Jos et kuitenkaan käytä WordPressiä tai otsikko ei selitä kuvaa, päivitä se sopivilla avainsanoilla samalla tavalla kuin tiedostojen nimet.

Kuvien otsikot ovat vähemmän tärkeitä hakukoneoptimoinnin kannalta, mutta ne voivat tarjota lisäkontekstia vaihtoehtoiselle tekstille. Kuvien otsikot ovat hyödyllisempiä käyttäjien sitoutumisen kannalta, joten harkitse lyhyen tekstin lisäämistä kehotus toimintaan kuten “osta nyt” tai “lataa tänään”.

6. Sisällytä kuvatekstit

Kuvatekstit – sanat suoraan kuvien alla – eivät välttämättä vaikuta suoraan hakukoneoptimointiin. Mutta toisin kuin tiedostonimet ja vaihtoehtoinen teksti, kuvatekstit ovat näkyvissä ja voivat parantaa verkkosivuston käyttökokemusta. Tekstitysten lisäämisellä voi olla epäsuora vaikutus hakukoneoptimointiin, mikä parantaa käyttökokemusta ja sitoutumismittareita.

Käytä kuvien kuvatekstejä luodaksesi paremman käyttökokemuksen (ja alhaisemman poistumisprosentin), sanoo @IsaacJustesen @CMIContentin kautta. Napsauta Twiittaamaan

7. Käytä ainutlaatuisia kuvia

Käyttämällä arkistokuvia on hyvä, mutta ne eivät välttämättä auta hakusi sijoituksia, koska muut sivustot käyttävät todennäköisesti samoja kuvia. Samalla tavalla ainutlaatuinen kirjoitettu sisältö on parempi hakukoneoptimoijalle, joten on hyvä idea ladata ainutlaatuisia kuvia.

8. Varmista, että teksti täydentää kuvia

Sivun kopio voi auttaa hakukoneita määrittämään kuviesi osuvuuden, jos tekstisi ei sisällä tarpeeksi tietoa kuvan selittämiseksi. Laajenna kuvausta.

9. Lisää kuvien strukturoituja tietoja

Jäsenneltyjen tietojen lisääminen sivuillesi auttaa hakukoneita näyttämään kuvasi rich-tuloksina. Google-kuvat tukee strukturoitua dataa tuotekuville, videoille ja resepteille. Se esimerkiksi lisää kuvaan merkin, jos se tietää tekstin, kuten reseptin, sen mukana.

Strukturoidun tiedon lisääminen sivuillesi auttaa hakukoneita näyttämään kuvasi rich-tuloksina, sanoo @IsaacJustesen @CMIContentin kautta. #SEO Napsauta Twiittaamaan

Käyttää Googlen strukturoidun tiedon yleiset ohjeet oppiaksesi lisäämään strukturoitua dataa sivuillesi hakukoneen parametrien puitteissa.

10. Käytä sivustokarttoja

Google selittää sivustokartan “tiedostoksi, johon voit luetella sivustosi verkkosivut kertoaksesi Googlelle ja muille hakukoneille sivustosi sisällön järjestämisestä”. Toisin sanoen se on tiedosto, joka sisältää kartan sivustosi sisällöstä.

Sivustokartat ovat tärkeä osa hakukoneoptimointia, koska ne kertovat hakukoneille sivuistasi ja verkkosivustosi rakenteesta. Varmistaaksesi, että hakukoneiden indeksointirobotit huomaavat jokaisen kuvan – infografiikan, meemin, valokuvan, videon pikkukuvan jne. – sisällytä ne sivustokarttaasi.

Sisällytä jokaisen kuvamerkinnän otsikko, kuvaus, URL-osoite, kuvateksti ja lisenssitiedot. Sisällytä videomerkintöjen otsikko, kuvaus, URL-osoite, pikkukuvan URL-osoite ja raakavideotiedoston URL-osoite.

Jos verkkosivustosi isännöi WordPressiä, voit käyttää Yoast SEOjoka lisää automaattisesti visuaalista sisältöä sivustokarttaan.

Ota kaikki irti kuvistasi

Jos sinulla on vaikeuksia saada sisältösi huomioiduksi, pidä nämä strategiat mielessä ennen kuin lataat kuvia. Nämä kuvan optimointitekniikat parantavat sisältösi miellyttävyyttä sekä hakukoneiden että ihmisten silmissä.

Huomaa: Kaikki mainitut työkalut ovat kirjoittajan tunnistamia. Jos sinulla on ehdotettava työkalu, lisää se kommentteihin.

Kansikuva: Joseph Kalinowski/Content Marketing Institute