Google Kuvahaun parhaat käytännöt

Google Kuvahaulla tietoja voi etsiä visuaalisesti. Kuvatekstit, näkyvät merkit, AMP-tulokset ja muut uudet ominaisuudet auttavat käyttäjää löytämään enemmän kuviin liittyviä tietoja. 

Lisäämällä kuviin kontekstia voit tehdä tuloksista hyödyllisempiä, mikä taas voi parantaa sivustoliikenteesi laatua. Voit helpottaa kuvien ja sivuston löytymistä varmistamalla, että ne on optimoitu Google Kuvahakua varten. Ohjeidemme avulla sisältösi löydetään todennäköisemmin Google Kuvahaun hakutuloksista.

Kuvahaun sisäisen linkityksen poistaminen käytöstä

Voit halutessasi poistaa sisäisen linkityksen käytöstä Google Kuvahaun tuloksissa estääksesi täysikokoisen kuvan näkymisen Google Kuvahaun tulossivulla.

Sisäisen linkityksen poistaminen käytöstä:

  1. Jos kuvaa pyydetään, tarkasta pyynnön viittaavan HTTP-sivun otsikko.
  2. Jos pyyntö tulee Googlen verkkotunnuksesta, palauta HTTP 200- tai 200 ‑vastauskoodi, äläkä palauta mitään sisältöä.

Google indeksoi silti sivusi ja näkee kuvan, mutta hakutuloksissa näkyy indeksoinnin aikana luotu pikkukuva. Ominaisuuden voi poistaa käytöstä koska tahansa, eikä verkkosivuston kuvia tarvitse käsitellä uudelleen. Tätä ei luokitella kuvien naamioinniksi, eikä se johda manuaalisiin toimenpiteisiin.

Voit myös kokonaan estää kuvan näkymisen hakutuloksissa.

Hyvän käyttökokemuksen luominen

Ensiluokkainen käyttökokemus lisää sisältösi näkyvyyttä Google Kuvahaussa: suunnittele siis sivut ensisijaisesti käyttäjiä, älä hakukoneita varten. Tässä on joitakin vinkkejä:

  • Tarjoa riittävästi kontekstia: Varmista, että visuaalinen sisältö liittyy sivun aiheeseen. Suosittelemme näyttämään kuvia vain, jos ne tuovat sivulle alkuperäistä lisäarvoa. Suosittelemme välttämään etenkin sivuja, joilla sekä kuvat että teksti ovat peräisin muualta.
  • Optimoi sijainti: Sijoita kuvat niihin liittyvän tekstin lähelle aina kun mahdollista. Joissakin tapauksissa kuva kannattaa sijoittaa lähelle sivun yläosaa.
  • Älä upota tärkeää tekstiä kuviin: Vältä tekstin, etenkin tärkeiden tekstielementtien (esim. sivuotsikot ja valikon kohdat), upottamista kuviin, sillä ne eivät ole kaikkien käyttäjien nähtävissä (eivätkä sivujen käännöstyökalut toimi kuvissa). Säilytä teksti HTML-muodossa ja lisää kuviin vaihtoehtoinen teksti, jolloin sisältösi on mahdollisimman esteetöntä. 
  • Luo informatiivisia ja laadukkaita sivustoja: Verkkosivuston sisältö on aivan yhtä tärkeää kuin Google Kuvahaun visuaalinen sisältö, sillä se tarjoaa kontekstia ja lisää tuloksen toiminnallisuutta. Kuvalle voidaan luoda tekstikatkelma sivun sisällön perusteella. Google ottaa sivun sisällön laadun huomioon kuvien sijoituksissa.
  • Luo käyttäjäystävällisiä sivustoja: Google Kuvahakua käytetään useammin mobiililaitteilla kuin tietokoneella. Siksi on tärkeää, että sivusto on suunniteltu kaikentyyppisille ja ‑kokoisille laitteille. Käytä mobiililaitteille sopivuuden testaustyökalua nähdäksesi, kuinka hyvin sivusi toimivat mobiililaitteilla, ja saadaksesi palautetta siitä, mitä osioita on korjattava.
  • Luo kuville hyvä URL-rakenne: Google hahmottaa kuvia URL-polun ja tiedostonimen avulla. Harkitse kuvasisällön lajittelua niin, että URL-osoitteet rakentuvat loogisesti.

Sivun otsikon ja kuvauksen tarkistaminen

Google Kuvahaku luo automaattisesti otsikon ja katkelman, jotka parhaiten kuvaavat tulosta ja sen yhteyttä käyttäjän hakukyselyyn. Niiden avulla käyttäjä voi päättää, kannattaako tulosta klikata.

Saamme tietoja useista eri lähteistä, esimerkiksi kuvaustietoja kunkin sivun otsikosta ja sisällönkuvauskentästä. 

Voit parantaa sivusi otsikon ja katkelman tietoja Googlen otsikko- ja katkelmaohjeiden avulla.

Strukturoidun datan lisääminen

Jos käytät strukturoitua dataa, Google Kuvahaku voi näyttää kuviasi rich-tuloksina. Näkyvä merkki antaa käyttäjille lisätietoja sivustasi ja voi auttaa ohjaamaan kohdennetumpaa liikennettä sivustollesi. Google Kuvahaku tukee seuraavia strukturoidun datan tyyppejä:

Noudata yleisiä strukturoidun datan ohjeita ja strukturoidun datasi tyyppikohtaisia ohjeita, jotta strukturoitu datasi näytetään Google Kuvahaussa rich-tuloksina. Google Kuvahaun merkit ja rich-tulokset edellyttävät kaikilta strukturoidun datan tyypeiltä kuvan määritettä.

Nopeusoptimointi

Kuvat ovat usein merkittävin sivun kokoon vaikuttava tekijä, ja ne saattavat tehdä sivun lataamisesta hitaampaa ja kalliimpaa. Uusimmilla kuvien optimointi- ja responsiivisuustekniikoilla voit tarjota laadukkaan ja nopean käyttökokemuksen.

Käyttäjät löytävät nopeasti latautuvat sivut Google Kuvahaun AMP-logon avulla. Harkitse kuvan isäntäsivun muuttamista AMP-sivuksi, sillä se lyhentää sivun latausaikaa (jos kohdesivu on se sivu, jolle käyttäjä päätyy klikkaamalla Google Kuvahaun tulosta).

Analysoi sivuston nopeutta PageSpeed Insightsilla ja tutustu verkkosivustojen toimivuuden parantamisen parhaisiin käytäntöihin verkkokehittämisen perusteet ‑sivulla.

Hyvälaatuisten kuvien lisääminen

Laadukkaat kuvat houkuttelevat käyttäjiä enemmän kuin sumeat ja epäselvät otokset. Myös tulosten pikkukuvat vetoavat käyttäjiin enemmän ja lisäävät käyttäjäliikenteen todennäköisyyttä, jos ne ovat teräviä.

Kuvaavien nimien, kuvatekstien, tiedostonimien ja tekstien lisääminen kuviin

Google päättelee kuvan aiheen esimerkiksi sivun sisällön, kuvan nimen ja kuvatekstin perusteella. Pyri varmistamaan, että kuvat ovat niihin liittyvän tekstin lähellä ja niiden aiheeseen liittyvillä sivuilla. 

Google voi päätellä kuvan aiheen myös tiedostonimestä. Esimerkiksi pieni-musta-kissa.jpg on parempi kuin IMG00023.JPG.

Kuvaavan vaihtoehtoisen tekstin käyttäminen

Vaihtoehtoinen eli kuvaileva teksti parantaa esteettömyyttä, jos käyttäjä ei voi nähdä kuvia verkkosivulla käyttämänsä näytönlukijan tai hitaan nettiyhteyden takia.

Google saa tietoja kuvan aiheesta vaihtoehtoisen tekstin, tietokoneen näköalgoritmien ja sivun sisällön perusteella. Kuvien vaihtoehtoista tekstiä voi käyttää myös ankkuritekstinä, jos kuvasta tehdään linkki. 

Vaihtoehtoisen tekstin kannattaa olla hyödyllistä ja informatiivista, sisältää sopivia avainsanoja ja liittyä sivun sisältöön. Varo täyttämästä vaihtoehtoista tekstiä pelkillä avainsanoilla (avainsanoilla täyttäminen), sillä se huonontaa käyttökokemusta. Sivusto saatetaan myös tulkita roskasisällöksi.

  • Huono (alt-teksti puuttuu): <img src="pentu.jpg" alt=""/>
  • Huono (avainsanoilla täyttäminen): <img src="pentu.jpg" alt="pentu koira vauva koira koiruli pennut koiranpennut koirat pentue noutaja labradori susikoira setteri seisoja pentu jackrussellinterrieri pentuja koiranruoka halpa koiranruoka penturuoka"/>
  • Parempi: <img src="pentu.jpg" alt="pentu"/> 
  • Paras: <img src="pentu.jpg" alt="Dalmatiankoiran pentu noutaa palloa"/> 

Suosittelemme sisällön esteettömyystarkastusta ja testaamista hitaan verkkoyhteyden emulaattoria.

Kuvien sivustokartan käyttö

Kuvat kertovat paljon sivustosi sisällöstä. Lisäämällä tietoja kuvien sivustokarttaan voit antaa Googlelle lisätietoja kuvistasi ja ilmoittaa sellaisten kuvien URL-osoitteet, joita emme muuten välttämättä löytäisi.

Toisin kuin tavallisissa sivustokartoissa, joissa on verkkotunnusten välisiä rajoituksia, kuvien sivustokartoissa voi olla myös toisten verkkotunnusten URL-osoitteita. Tämän ansiosta verkkovastaavat voivat hostata kuvia sisällönjakeluverkossa (CDN). CDN:n verkkotunnuksen nimi kannattaa vahvistaa Search Consolessa, jotta voimme ilmoittaa mahdollisista indeksointivirheistä.

Tuetut kuvamuodot

Google Kuvahaku tukee seuraavia kuvamuotoja: BMP, GIF, JPEG, PNG, WebP, SVG, ja upotetut kuvat

Upotetut kuvat ovat raa'asta kuvadatasta koostuvia tavuja <img>-tagin sisällä. Voit upottaa kuvan syöttämällä nämä tiedot:

      <img src="data:image/svg+xml;base64,...kuvadata...">

jossa kuvadata ilmaistaan Base64-koodattuna.

Kuvien upottaminen voi vähentää HTTP-pyyntöjen määrää, mutta verkkovastaavan kannattaa harkita tarkkaan niiden käyttöä, sillä ne voivat lisätä sivun kokoa merkittävästi. Lue myös kuvien upottamisen hyvät ja huonot puolet Verkkokehittämisen perusteet ‑sivultamme.

Responsiiviset kuvat

Responsiiviset verkkosivut parantavat yleensä käyttökokemusta, koska käyttäjät pääsevät niille erilaisilla laitteilla. Tutustu responsiivisilla verkkosivuilla olevien kuvien käsittelyohjeisiin verkkokehittämisen perusteiden kuvaosiossa

Responsiivinen sivu tukee kuvia <img srcset>- tai <picture>-tagin avulla. Kaikki selaimet tai indeksointirobotit eivät kuitenkaan tue näitä tageja, joten suosittelemme määrittämään vara-URL:n <img src>-attribuutilla.

<img srcset>-attribuutti

Srcset-attribuutilla voit määrittää samalle kuvalle useita versioita erikokoisia näyttöjä varten <img>-elementin sisällä.

Esimerkki

<img srcset="esimerkki-320w.jpg 320w,
             esimerkki-480w.jpg 480w,
             esimerkki-800w.jpg 800w"
     sizes="(max-width: 320px) 280px,
            (max-width: 480px) 440px,
            800px"
     src="esimerkki-800w.jpg" alt="responsiivinen sivu!">

<picture>-attribuutti

<picture>-elementti on säilö, joka sisältää saman kuvan erilaisia <source>-versioita. Se tarjoaa varavaihtoehtoja, ja selain voi valita oikean kuvan laitteen ominaisuuksien, esimerkiksi pikselitiheyden ja näytön koon, perusteella. Tästä elementistä on hyötyä myös silloin, kun käytetään uusia kuvamuotoja hallitun heikentymisen kanssa käyttäjille, jotka voivat tulevaisuudessa nähdä kuvat.

Suosittelemme aina lisäämään myös <img src=...>-elementin varavaihtoehtona <picture>-elementin käytön yhteydessä, esimerkiksi näin:

<picture>
  <source type="image/svg+xml" srcset="pyramidi.svg">
  <source type="image/webp" srcset="pyramidi.webp"> 
  <img src="pyramid.png" alt="suuri PNG-kuva...">
</picture>

SafeSearch-optimointi

SafeSearch on tiliasetus, jolla päätät sopimattomien tai voimakkaiden kuvien, videoiden ja sivustojen näyttämisestä tai piilottamisesta Google Haun tuloksissa. Kun autat Googlea ymmärtämään kuviesi sisältöä, SafeSearch-asetuksia voidaan tarvittaessa soveltaa kuviisi.

Vain aikuisille tarkoitettujen kuvien sijoittaminen yhteen URL-sijaintiin

Jos sivustollasi on vain aikuisille tarkoitettuja kuvia, suosittelemme vahvasti näiden kuvien ryhmittelyä erilleen muista sivustosi kuvista. Esimerkki: http//www.example.com/adult/image.jpg 

Aikuisille suunnattujen sivujen merkitseminen sisällönkuvaustiedoilla

Algoritmimme päättelevät erilaisten merkkien perusteella, suodatetaanko kuva tai kokonainen sivu tuloksista, jos käyttäjällä on SafeSearch-suodatin päällä. Kuvien kohdalla jotkin merkit perustuvat koneoppimiseen, mutta SafeSearch-algoritmit ottavat huomioon myös yksinkertaisempia tekijöitä, esimerkiksi kuvan aiemman käytön ja käyttöyhteyden.

Yksi selkeimmistä merkeistä ovat julkaisijan itse merkitsemät, vain aikuisille suunnatut sivut. Jos julkaiset vain aikuisille tarkoitettua sisältöä, suosittelemme lisäämään sivuille toisen näistä sisällönkuvauskentistä:

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

Monet käyttäjät haluavat jättää vain aikuisille suunnatun sisällön pois hakutuloksista (etenkin, jos lapset käyttävät samaa laitetta). Tällaisten sisällönkuvauskenttien avulla parannat käyttökokemusta, sillä käyttäjä näkee vain itselleen olennaisia ja odottamiaan tuloksia. 

Kuten kaikki algoritmit, myös SafeSearch saattaa toisinaan suodattaa sisältöä virheellisesti. Jos uskot SafeSearchin suodattavan kuviasi tai sivujasi erehdyksessä, ilmoita asiasta SafeSearch-lomakkeella.

Lopuksi…

Tutustu hakukoneoptimoinnin aloitusoppaaseen, jossa on paljon hyödyllistä tietoa sijoituksen parantamisesta. Jos sinulla on vielä kysyttävää, pyydä neuvoa verkkovastaavien keskusteluryhmässä

Oliko tästä artikkelista hyötyä?
Miten sivua voisi parantaa?