Verkkosivujen kuvat

Miksi kuvani eivät näy Googlen kuvahaussa?

Selvitä, miksi verkkosivusi kuvat puuttuvat Googlen kuvahausta. Tarkista indeksointi, kuvien saatavuus, estot, JavaScript ja muuttuneet kuvaosoitteet.

Tekijä: Pixilo · Päivitetty

Kuva voi näkyä verkkosivullasi aivan oikein, vaikka Googlen olisi vaikea löytää tai ladata sitä. Toisaalta Google on saattanut indeksoida kuvan näyttämättä sitä käyttämilläsi hakusanoilla. Nämä tilanteet vaativat erilaiset toimet.

Tutki ensin yhtä tärkeää kuvaa ennen kuin muutat koko kuvakirjastoa. Tarvitset sekä sivun osoitteen että kuvatiedoston suoran osoitteen. Jos et hallinnoi sivuston teknisiä asetuksia, kerää havainnot kehittäjää tai palveluntarjoajaa varten.

Eikö sinulla ole pääsyä Search Consoleen? Aloita kuvan julkisesta osoitteesta ja tarkista sitten indeksointirobotin pääsyä ja indeksointia koskevat säännöt sekä kuvan toteutustapa sivulla. Näihin selaimessa tehtäviin tarkistuksiin ei tarvita Search Console -tiliä. Lähetä sivuston omistajalle molemmat osoitteet, tarkistuspäivä ja mahdolliset virheet. Pyydä häntä tarkistamaan sivu Search Consolessa.

1. Selvitä, mitä oikeastaan puuttuu

Ajattele tapahtumia neljänä vaiheena: Google löytää kuvan osoitteen, lataa tiedoston, päättää indeksoinnista ja valitsee tuloksia tiettyyn hakuun. Seuraavat tarkistukset auttavat paikantamaan ongelman.

Onko kuva jäänyt näkymättä alusta asti, kadonnut muutoksen jälkeen vai puuttuuko se vain kilpaillun hakulauseen tuloksista? Erota myös Kuvat-välilehden puuttuva tulos tavallisen hakutuloksen vierestä puuttuvasta pikkukuvasta. Tämä opas käsittelee Googlen kuvahakua; verkkohakutulosten pikkukuvat Google valitsee erikseen.

Valitse ensimmäinen tarkistus tilanteen mukaan
HavaintoAloita tästä
Uuden sivun kuvat eivät ole koskaan näkyneet haussaTarkista sivun löytyminen ja indeksoinnin tila
Moni kuva katosi sivustouudistuksen jälkeenVertaa vanhoja ja uusia kuvaosoitteita, sivupohjia ja pääsyrajoituksia
Ongelma koskee vain gallerian myöhempiä kuviaSelvitä, miten galleria tuo myöhemmät kuvat saataville
Kuvahakutietoja kertyy, mutta et löydä kuvia omilla hauillasiTutki hakulausekkeet ja näkyvyys ennen teknisen eston olettamista

Avaa Search Consolen Kehitys → Hakutulokset -raportti, valitse hakutyypiksi Kuva ja rajaa tulokset kyseiseen sivuun. Tarkastele klikkausten lisäksi näyttökertoja ja vertaa muutosta edeltävää ja seuraavaa aikaa. Suodattimet selitetään Googlen kehitysraportin ohjeessa.

Kuvahaun näyttökerrat kertovat, että sivuun liittyviä tuloksia on näytetty. Ne eivät erittele jokaista valokuvaa, jos sivulla on useita kuvia. Myöskään nolla näyttökertaa valitulla ajanjaksolla ei todista indeksointivirhettä: hakuja tai näkyvyyttä on voinut olla vähän.

Voit kokeilla kuvahaussa komentoa site:example.com. Yksittäistä tiedostoa varten käytä komentoa src:https://example.com/images/blue-mug.jpg ja korvaa esimerkkiosoite kuvan täydellä julkisella osoitteella. src:-operaattori etsii sivuja, jotka viittaavat kyseiseen kuvaosoitteeseen. Kumpikaan haku ei näytä kaikkia indeksoituja kuvia, joten tyhjä tulos ei yksin osoita kuvan puuttuvan indeksistä. Katso myös Googlen ohje site:-haun rajoituksista.

Suurennuslasi korostaa kuvahaun puuttuvaa pikkukuvaa. Vieressä kannettava näyttää verkkosivulla olevan valokuvan.

2. Tarkista kuvan sisältävä sivu

Syötä Search Consolen URL-tarkastukseen sivun osoite. Aloita tuotesivusta, artikkelista tai palvelusivusta, jonka kävijä avaisi, älä .jpg- tai .webp-päätteisestä kuvaosoitteesta.

  1. Lue indeksoidun version tiedot. Avaa Sivun indeksointi ja kirjaa ilmoitettu syy, jos sivua ei ole indeksoitu. Valitse seuraava toimi alla olevasta taulukosta.
  2. Tarkista saman raportin ensisijainen osoite. Canonical tarkoittaa sivun ensisijaista versiota. Vertaa kohtia Käyttäjän ilmoittama ensisijainen URL ja Googlen valitsema ensisijainen URL. Jos Google valitsi toisen osoitteen, avaa se ja tarkista, onko kyse tarkoitetusta versiosta.
  3. Valitse Testaa julkaistu URL-osoite. Testi tutkii nykyistä sivua, kun taas indeksoidun version tiedot kuvaavat Googlen aiemmin käsittelemää versiota. Korjauksen jälkeen niiden välillä voi olla eroja.
  4. Avaa Näytä testattu sivu, jos se on saatavilla. Etsi HTML-välilehdeltä kuvan tiedostonimeä tai jakeluosoitetta. Tarkista Lisätietoja-kohdasta resurssien latausvirheet ja JavaScript-virheet. Jos testi ei saa sivua auki, selvitä ensin ilmoitettu pääsyongelma.
Sivua koskevat löydökset ja seuraavat toimet
LöydösMitä seuraavaksi?
Google ei tunne URL-osoitettaLinkitä sivulle asiaan liittyvältä julkiselta sivulta ja lisää se sivukarttaan. Pyydä indeksointia, kun olet varmistanut pääsyn.
Suljettu pois noindex-määritykselläJos sivun kuuluu näkyä haussa, poista tahaton määritys julkaisujärjestelmän tai palvelimen asetuksista. Testaa julkaistu sivu uudelleen.
Löydetty – ei tällä hetkellä indeksoituGoogle tuntee osoitteen, mutta ei ole vielä noutanut sivua. Tarkista sisäiset linkit, palvelimen saatavuus ja ongelman laajuus. Älä lähetä samaa pyyntöä toistuvasti.
Noudettu – ei tällä hetkellä indeksoituGoogle on noutanut sivun, mutta ei lisännyt sitä indeksiin. Arvioi sivun hyödyllisyys ja mahdollinen päällekkäisyys toisen sivun kanssa. Tila ei yksin osoita indeksointirobotin estoa.
Vaihtoehtoinen tai päällekkäinen sivuTutki Googlen valitsema ensisijainen sivu. Tarkoitettu vaihtoehtoinen versio voi olla kunnossa; odottamaton valinta edellyttää sisältöjen päällekkäisyyden ja canonical-asetusten tarkistamista.

Nämä tiedot koskevat sivua, eivät yksittäisen kuvan tilaa. Googlen sivujen indeksointiraportin ohje selittää tilat. Jos sivu on indeksissä, jatka kuvan tarkistuksiin.

Julkaistun URL-osoitteen testi tutkii nykyistä saatavuutta ja sivun muodostamista. Se ei ratkaise Googlen canonical-valintaa eikä vahvista indeksointia. Testirobotti voi myös saada erilaisen vastauksen kuin tavalliseen hakuun käytetty indeksointirobotti. URL-tarkastuksen ohje auttaa tulkitsemaan testin ja indeksoidun version tietoja yhdessä.

3. Tarkista oikea kuvatiedosto ja sen vastaus

Napsauta kuvaa julkaistulla sivulla hiiren oikealla ja valitse esimerkiksi Avaa kuva uudessa välilehdessä. Kopioi osoite. Jos sivu käyttää useita kuvakokoja, selaimen Network-paneeli auttaa tunnistamaan ladatun version. Responsiivisten kuvien opas selittää, miksi mobiili ja tietokone voivat ladata eri tiedostot.

Avaa kuvan suora osoite yksityisessä ikkunassa kirjautumatta sisään. Jos kuva ei avaudu, selvitä pääsyongelma ennen alt-tekstin muuttamista. Jos kuva avautuu, olet varmistanut pääsyn selaimella ilman kirjautumista; Googlebot ei silti välttämättä saa samaa vastausta.

Avaa tarkempaa tutkimusta varten selaimen kehittäjätyökalujen Network-paneeli. Lataa sivu uudelleen, rajaa pyynnöt valinnalla Img ja valitse ongelmakuva. Tarkista tilakoodi ja vastausotsakkeet kohdasta Headers ja kuvan sisältö kohdasta Preview. Nimitykset vaihtelevat hieman selaimittain. Onnistuneen uuden latauksen pitäisi sisältää varsinainen kuva ja sitä vastaava Content-Type, kuten image/jpeg tai image/webp. HTML-kirjautumissivu tai turvatarkistus ei ole kuvatiedosto, vaikka osoite päättyisi .jpg.

Yleisiä vastauksia, jotka kannattaa selvittää
VastausTarkistettava asia
404 tai 410Viitattu tiedosto on poistettu, siirretty tai jäänyt luomatta
401 tai 403Kirjautumisvaatimukset, käyttöoikeudet tai suojaussäännöt
429 tai toistuvat 5xx-virheetPyyntömäärärajoitus, kuormittunut palvelin tai epäluotettava kuvapalvelu
UudelleenohjauksetLopullinen osoite toimii ja palauttaa tarkoitetun kuvan

Korjaa puuttuva tiedosto tai pääsyongelma ennen indeksointiasetuksiin siirtymistä. Googlen HTTP-tilakoodien ohje selittää vastausten vaikutuksen indeksointirobotteihin.

Jos vain Googlen pyynnöt näyttävät epäonnistuvan, pyydä palveluntarjoajaa tutkimaan palvelimen tai CDN:n lokeja. CDN on jakelupalvelu, joka voi toimittaa kuvat eri palvelimelta kuin verkkosivu. Pyydä ongelmaosoite, vastauksen tilakoodi ja siihen osunut suojaussääntö. Älä poista koko sivuston suojausta tai luota pelkkään Googlebot-nimeen: Google neuvoo varmistamaan indeksointirobottinsa aitouden.

4. Tarkista indeksointirobotin estot ja indeksointimääritykset

Avaa kuvan jakelupalvelimen juuresta /robots.txt. Jos kuva on osoitteessa https://images.example.com/uploads/mug.jpg, tarkista https://images.example.com/robots.txt. Osoitteen www.example.com säännöt eivät koske erillistä kuvapalvelinta.

Esimerkiksi tämä sääntö estää Googlebot-Imagea käyttämästä kyseisen palvelimen /uploads/-polkua:

User-agent: Googlebot-Image
Disallow: /uploads/

Tämä on tutkittavan eston esimerkki, ei lisättävä sääntö. Google käyttää tarkimmin vastaavan user-agentin sääntöryhmää. Bottikohtaista ryhmää ei yhdistetä yleiseen User-agent: * -ryhmään, mutta saman vastaavan agentin useat ryhmät yhdistetään. Pyydä ylläpitäjää selvittämään sovellettava ryhmä ja polkusäännöt ennen muutoksia. Katso Googlen robots.txt-sääntöjen valintaperusteet.

Etsi indeksointimääritykset sivulta ja kuvan vastauksesta

Valitse julkisella sivulla Näytä sivun lähdekoodi ja etsi sanoja robots, googlebot ja noindex. Etsi sivun <head>-osassa oleva oikea <meta>-tagi, älä pelkkää mainintaa tekstisisällössä. Jos JavaScript muuttaa sivua, tarkista myös selaimen Elements-paneelin <head>. Sivulla oleva kuvien indeksointikielto voi näyttää tältä:

<meta name="robots" content="noimageindex">

Valitse sitten Network-paneelista kuvan pyyntö ja etsi kohdasta Headers → Response Headers otsaketta X-Robots-Tag. Kyse on palvelimen vastausotsakkeesta, ei HTML-tagista:

X-Robots-Tag: noindex

Molemmat esimerkit ovat tutkittavia rajoituksia, mutta ne vaikuttavat eri tavoin:

  • Sivun noimageindex: estää kuvien indeksoinnin kyseisen sivun kautta. Sama tiedosto voi silti päätyä indeksiin toiselta sivulta.
  • Kuvan vastauksen X-Robots-Tag: noindex: kieltää suoraan kyseisen kuvan indeksoinnin.
  • Sivun noindex: sulkee sivun itsensä pois indeksistä. Selvitä määritys, jos julkisen kohdesivun pitäisi löytyä haulla.

Tarkista sivun omaa indeksointia varten sekä HTML että vastausotsakkeet: noindex voidaan antaa kummassakin. Muuta tahattoman rajoituksen tuottavaa asetusta ja tarkista julkinen vastaus muutoksen jälkeen. Säilytä tarkoitukselliset rajoitukset.

Lataamisen estot ja indeksointimääritykset ovat eri asioita. Googlen on päästävä noutamaan resurssi voidakseen lukea sen indeksointia koskevan vastausotsakkeen. Yhden rajoituksen poistaminen ei poista muita. Googlen kuvien poistamista koskeva ohje käsittelee kuvakohtaiset keinot, ja robots-määritysten ohje sivun ja vastausotsakkeiden säännöt.

5. Varmista, että sivulta löytyy kuvan oikea osoite

Kävijälle näkyvä kuva ei välttämättä ole tavallinen HTML-kuva. Tarkista sivueditorista, onko se lisätty kuvana, taustakuvana vai erillisen galleriakomponentin kautta.

Jos sisältökuvan pitäisi löytyä Googlen kuvahausta, käytä <img>-elementtiä ja oikeaa src-osoitetta. Myös <picture>-elementin sisällä pitää olla tällainen kuva varavaihtoehtona. Google ilmoittaa, ettei se indeksoi CSS-kuvia. Katso Googlen kuvahakukoneoptimoinnin ohje.

<img src="/images/blue-ceramic-mug.webp"
     alt="Sininen keraaminen muki, jossa on kaareva kahva">

Esimerkin kuvaus koskee tuotekuvaa. Kirjoita omaa kuvaasi ja sen tarkoitusta vastaava teksti. Pelkkä koriste voi hyvin jäädä taustakuvaksi; sen ei tarvitse löytyä kuvahausta.

JavaScript ei itsessään ole ongelma

Google suorittaa JavaScriptiä, joten skriptin lisäämä kuva ei automaattisesti jää haun ulkopuolelle. Rikkoutunut skripti, estetty riippuvuus tai epäonnistunut tietopyyntö voi kuitenkin jättää kuvan pois muodostetulta sivulta. Vertaa selaimen näkymää Search Consolen testaamaan sivuun. Googlen JavaScript-hakukoneoptimoinnin ohje selittää sivun muodostamisen ja tavalliset rajoitukset.

Tutki viivästetty lataus ja galleriat

Jos kuvan oikea osoite on vain data-src-arvossa, toimivan koodin pitää siirtää se kuvan lähteeksi. Myös vasta klikkauksen jälkeen kuvat lataava galleria kannattaa tarkistaa: Google ei käytä sivua kävijän tavoin.

Käytä testattua toteutusta, jossa kuvaosoitteet ovat saatavilla ilman käyttäjän toimintaa. Selaimen oma loading="lazy" eroaa skriptistä, joka jättää osoitteen pois siihen asti, kunnes käyttäjä tekee jotain. Tarkista muodostettu HTML, älä vain gallerian toimintaa klikkaamalla. Lue Googlen ohje viivästetysti ladattavasta sisällöstä ja viivästetyn latauksen oppaamme ennen koko sivuston asetusten muuttamista.

6. Selvitä kuvaosoitteiden ja tiedostomuotojen muutokset

Jos näkyvyys laski sivustosiirron, CDN-vaihdon tai optimointilisäosan päivityksen jälkeen, vertaa vanhaa ja nykyistä kuvaosoitetta. Tarkista myös luodut pikkukuvat ja mobiiliversiot, älä vain mediakirjaston alkuperäistä tiedostoa.

Oletetaan, että /uploads/blue-mug.jpg korvattiin tiedostolla /images/blue-mug.webp. Varmista, että julkaistut sivut viittaavat uuteen tiedostoon, uusi osoite toimii ja vanhasta on tarvittaessa pysyvä uudelleenohjaus korvaavaan kuvaan. Ohjaa vastaavaan kuvaan, älä kaikkia puuttuvia kuvia etusivulle. Googlen osoitteiden siirto-ohje kattaa myös kuvat.

Google-haku tukee WebP- ja AVIF-kuvia. Pelkkä tiedostomuodon vaihtuminen ei siis selitä puuttuvaa hakutulosta. Selvitä mieluummin osoitteen ja pääsysääntöjen muutokset sekä se, löytyykö sivulta edelleen oikea kuva. WebP–JPG-vertailumme auttaa tiedostomuodon valinnassa.

Tarkista myös vanhenevat tai joka käynnillä vaihtuvat jakelulinkit. Tänään toimiva allekirjoitettu osoite voi lakata toimimasta myöhemmin. Pyydä jakelupalvelulta julkiselle verkkokuvalle pysyvä julkinen osoite. Älä poista osoitteen käyttöoikeustunnistetta summittaisesti, sillä linkki voi lakata toimimasta.

7. Tarkista kuvien löytyminen sivukartan kautta

Kun sivu ja tiedosto toimivat, tutki sivuston nykyistä sivukarttaa. Kuvasivukartta voi auttaa Googlea löytämään kuvaosoitteet. Kuvamerkinnät voi lisätä olemassa olevaan sivukarttaan tai erilliseen tiedostoon; erillinen tiedosto ei itsessään ole parempi.

Kuvasivukartassa sivun <loc> kertoo kuvan sisältävän sivun ja <image:loc> kuvatiedoston osoitteen. Varmista, että kuvat ovat ajantasaisia, julkisia ja oikean sivun yhteydessä. Googlen kuvasivukarttaohje kattaa XML-rakenteen ja CDN-kuvat.

Jos julkaisujärjestelmä tuottaa merkinnät jo valmiiksi, tarkista tulos ennen uuden lisäosan asentamista. Sivukartta ei korjaa rikkoutunutta kuvavastausta, poista indeksointikieltoa tai pakota Googlea indeksoimaan kaikkia kuvia. Se auttaa osoitteiden löytämisessä.

8. Kun tekniikka toimii, arvioi sivun hyödyllisyys

Älä jatka tiedoston muuntamista tai nimeämistä uudelleen ilman havaittua syytä. Tarkastele kuvaa sivun yhteydessä: selittääkö se tuotetta, näyttääkö se työn tuloksen vai havainnollistaako se artikkelia? Auttaako vieressä oleva teksti ymmärtämään kuvaa?

Ajattele remonttikuvaa sivulla, jonka nimi on vain ”Galleria” ja joka ei kerro projektista mitään. Hyödyllisempi sivu voisi esitellä työn tyypin, näkyvän lopputuloksen ja olennaiset yksityiskohdat. Kävijällä olisi syy avata sivu löydettyään kuvan.

Kirjoita kuvaa vastaava alt-teksti ja selkeä tiedostonimi tunkematta niihin hakusanoja. Ne eivät korvaa saatavuuden ja löytymisen tarkistamista. Katso esimerkkejä alt-tekstien ja tiedostonimien oppaasta sen sijaan, että annat kaikille kuville saman hakulauseen.

Tarkista myös selkeys ja latautuminen. Jos pikselimitat ovat tarpeettoman suuret, pienennä kuvan kopiota ja säilytä tärkeiden yksityiskohtien luettavuus. Hitaasti latautuvien kuvien opas auttaa erottamaan tiedostokoon muista viiveistä.

9. Varmista muutos ja anna Googlelle aikaa palata

Kirjaa sivun ja kuvan osoitteet, havaittu ongelma, tehty muutos ja päivämäärä. Tarkista julkaisun jälkeen sivu ja kuvatiedoston vastaus uudelleen. Näin paikallinen muokkaus tai editorin esikatselu ei sekoitu julkaistuun korjaukseen.

Kun olet korjannut hallinnoimasi sivun ongelman, testaa julkaistu URL-osoite ja pyydä tarvittaessa indeksointia. Jos tila on vain Noudettu – ei tällä hetkellä indeksoitu eikä mikään ole muuttunut, älä lähetä pyyntöä yhä uudelleen. Pidä sivukartta ajan tasalla laajoissa muutoksissa. Googlen uudelleennoutamista koskevan ohjeen mukaan noutaminen voi kestää päivistä viikkoihin, toistuvat pyynnöt eivät nopeuta sitä eikä indeksointia taata.

Seuraa sivun noutotietoja ja vertaa kuvahaun kehitystä Googlen palattua sivulle. Noutoajat eivät ole määräaika yksittäisen kuvan ilmestymiselle. Jos alkuperäinen virhe jatkuu, palaa kyseiseen tarkistukseen. Jos se on korjattu mutta näkyvyys pysyy vähäisenä, arvioi kuvan osuvuutta ja hakuja, joihin se sopisi.

Esimerkki: gallerian näkyvyys laski uudistuksen jälkeen

Kuvitellaan huonekaluyritys, jonka projektigallerian kuvahaun näyttökerrat vähenevät uudistuksen jälkeen. Sivu on edelleen Googlen indeksissä, ja valokuvan osoite palauttaa oikean kuvan. Vanhaa ja uutta sivupohjaa vertaamalla selviää, että tavallinen kuva on vaihdettu CSS-taustakuvaksi:

<div class="project-photo"
     style="background-image: url('/images/oak-table.jpg')">
</div>

Kuva esittelee projektin kannalta olennaista sisältöä, joten kehittäjä palauttaa kuvaelementin:

<img class="project-photo"
     src="/images/oak-table.jpg"
     alt="Kapenevilla jaloilla varustettu tamminen ruokapöytä valmiissa keittiössä">

Kuvaosoite pysyy ennallaan. Kehittäjä tarkistaa tietokoneen ja mobiilin asettelun sekä varmistaa, että julkaistu sivu ja Search Consolen muodostama HTML sisältävät tämän <img>-elementin ja sen src-osoitteen. Sen jälkeen hän seuraa kuvahaun kehitystä Googlen palattua sivulle. JPG:n uudelleenpakkaaminen ei olisi korjannut sivupohjaa.

Usein kysyttyä

Sivu on indeksoitu. Miksi kuva puuttuu silti?

Tila koskee sivua. Jatka kuvan vastauksen, kuvakohtaisten sääntöjen ja muodostetulla sivulla olevan kuvaosoitteen tutkimiseen. Näin saat selville, mitä itse kuvalle tapahtuu.

Pitääkö kuva ladata suoraan Googleen?

Julkaise tavallinen verkkosivun kuva sivulla, johon pääsee julkisesti, ja varmista kuvaosoitteen löytyminen. Sivun uudelleennoutamispyyntö tai sivukartan lähettäminen ei tarkoita kuvan lataamista Googlen kuvahakuun.

Saako alt-tekstin lisääminen kuvan näkyviin?

Alt-teksti kuvailee kuvan ihmiselle, joka ei näe sitä, ja auttaa ymmärtämään sen aiheen. Kirjoita teksti kuvan tehtävän mukaan. Jos kuva puuttuu hausta, tarkista ensin saatavuus ja toteutus ennen kuvauksen epäilemistä.

Kannattaako WebP-kuvat muuntaa takaisin JPG:ksi?

Ei vain siksi, ettei niitä näy omissa hauissasi. Tarkista toteutus ensin. Uusi muunnos voi lisätä osoitteita ja korvattavia tiedostoja ratkaisematta alkuperäistä ongelmaa.

Voiko Pixilo korjata kuvan indeksoinnin?

Pixilo auttaa sopivien kuvatiedostojen valmistelussa. Verkkosivun pääsysäännöt, kuvan HTML-toteutus, sivukartat ja Search Console -tarkistukset hoidetaan sivuston tai palvelimen asetuksissa.

Aloita yhdestä sivusta ja yhdestä kuvasta

Tallenna molemmat osoitteet, tarkista sivu Search Consolessa ja jatka löydöksiin sopiviin tarkistuksiin. Jos sivustoa ylläpitää joku muu, lähetä hänelle epäonnistunut tarkistus ja sen päivämäärä.

Avaa Google Search ConsoleAloita ilman Search Consolea →