Julkaistu 2026-09-13 · 7 min · Tekoäly
Selain rakentaa jokaisesta sivusta riisutun rakennekuvauksen, jota ruudunlukijat ovat käyttäneet 20 vuotta ja jota nyt lukevat myös tekoälyagentit. Googlen huhtikuinen ohje listaa kolme tapaa joilla agentti katsoo sivua. Mikä esteettömyyspuu on, miten sen avaa itse minuutissa, mitkä neljä asiaa rikkovat sen ja mitä Google EI sanonut.
Sivustostasi on versio jota et ole nähnyt, ja tekoälyagentit lukevat sitä. Google kertoi huhtikuussa 2026 kolme tapaa. Näin avaat oman sivusi puun minuutissa.
Sivustollasi on versio, jota et ole koskaan nähnyt. Se ei ole piilotettu eikä salainen, mutta se ei näy selaimessa: se on riisuttu rakennekuvaus, jonka selain rakentaa sivusta erikseen. Ruudunlukuohjelmat ovat käyttäneet sitä kaksi vuosikymmentä. Nyt sitä lukevat myös tekoälyagentit, eli ne ohjelmat jotka selaavat sivustoja puolestasi ja tekevät niillä asioita.
Sen nimi on esteettömyyspuu (englanniksi *accessibility tree*). Se on sama sivu, mutta ilman värejä, asettelua ja koristeita: jäljellä ovat vain roolit, nimet ja tilat. Mikä on otsikko, mikä on nappi, mitä nappi sanoo, onko se päällä vai pois.
Google julkaisi huhtikuussa 2026 kehittäjilleen ohjeen siitä, miten agentit lukevat sivustoja. Ohje listaa kolme tapaa: kuvakaappaus, raaka HTML ja esteettömyyspuu. Kolmas on se, josta agentti saa selville mitä sivulla voi tehdä, ja se on myös ainoa kolmesta, jonka voit tarkistaa itse minuutissa.
Tässä jutussa käydään läpi mikä se on, miten sen avaa omalta sivultaan, miltä hyvä ja huono näyttävät, ja mitkä neljä asiaa sen käytännössä rikkovat. Lopussa on yksi ansa, johon itse astuin, ja tarkistuslista.
Tämä kannattaa erottaa heti, koska aiheesta puhutaan tällä hetkellä kahta eri asiaa sekaisin.
Ensimmäinen: Googlen kehittäjäsivustolla on huhtikuussa 2026 päivitetty ohje siitä, miten tekoälyagentit katsovat sivustoja. Se sanoo suoraan, että agentti voi katsoa sivua kolmella tavalla: kuvakaappauksena, raakana HTML:nä ja esteettömyyspuuna. Puu kuvataan selaimen omana rajapintana, joka tiivistää sivusta olennaisen: roolit, nimet ja tilat. Ohje huomauttaa myös, että kuvakaappauksen katsominen on agentille hidasta ja kallista, joten moderni agentti yhdistää useaa tapaa.
Toinen: Googlen hakuohjeissa on erillinen sivu siitä, miten hakukoneen tekoälyominaisuudet, kuten AI Overviews ja AI Mode, suhtautuvat sivustoihin. Se sanoo yhtä selvästi, että niihin ei ole mitään lisävaatimuksia ja että samat hakukoneoptimoinnin perusasiat pätevät kuin ennenkin.
Nämä kaksi eivät ole ristiriidassa, mutta ne koskevat eri asiaa. Hakukoneen tekoälyvastauksiin ei tarvitse tehdä mitään erityistä. Sen sijaan agentti, joka oikeasti selaa sivuasi ja yrittää täyttää lomakkeen tai löytää hinnan, tarvitsee sivulta rakennetta. Jos rakennetta ei ole, se ei kaadu näyttävästi vaan ei vain löydä mitään.
🔴 Huomioi, kun luet tästä muualla: hakukoneen yhteenveto väitti minulle, että Googlen tekoälyominaisuussivu puhuu esteettömyyspuusta. Se ei puhu. Kahden eri sivun sisältö oli sekoitettu keskenään. Kannattaa avata lähde.
Tarvitset Chromen. Ohjeen vaiheet ovat Chromen omasta kehittäjätyökalujen dokumentaatiosta.
Nyt näet sivustasi sen version, jonka agentti ja ruudunlukija saavat. Rivit näyttävät tältä: heading "Sähköasennukset Porissa", link "Pyydä tarjous", button "Lähetä", image "Sähkökeskus ennen uusimista". Rooli ensin, nimi perässä.
Selaa sivu läpi ylhäältä alas ja kysy yksi kysymys: löytyykö puusta se, mitä sivulla oikeasti on? Jos sivullasi on kuusi palvelua ja puussa näkyy kuusi otsikkoa, olet kunnossa. Jos sivullasi on kuusi palvelua ja puussa on kuusi riviä joissa lukee generic, agentti näkee kuusi nimetöntä laatikkoa.
Hyvässä puussa teksti on jäsentynyt: otsikot ovat otsikoita, linkit kertovat minne vievät, kuvilla on nimi, lomakekentillä on selite. Sivun sisältö on luettavissa pelkästä puusta, ilman että kukaan katsoo ruutua.
Huonossa puussa sisältöä ei näy lainkaan. Tyypillinen huono puu on lyhyt: muutama rivi navigaatiota ja sitten tyhjää, koska kaikki muu on rakennettu elementeillä joilla ei ole roolia eikä nimeä. Sivu näyttää selaimessa täysin normaalilta.
Neljä asiaa rikkoo sen käytännössä aina, ja kaikki neljä ovat tavallisia suomalaisilla yrityssivuilla:
button "". Agentti ei tiedä mitä se tekee. Sama koskee lomakekenttää, jonka ainoa selite on kentän sisällä oleva harmaa vihjeteksti: se katoaa heti kun käyttäjä alkaa kirjoittaa.link "lue lisää" ilman mitään kontekstia. Tämä on käyty läpi tarkemmin jutussa Otsikko, osoite ja H1.Huomaa, että jokainen neljästä on sama korjaus kuin esteettömyyden puolella. Se ei ole sattuma: agentit lukevat samaa rajapintaa kuin ruudunlukijat. Sama työ palvelee molempia, ja toinen niistä on Suomessa monelle organisaatiolle lakisääteinen.
Tämä on se kohta, joka erottaa agentin hakukoneesta. Hakukone haluaa lukea sivusi ja näyttää siitä katkelman. Agentti on liikkeellä käyttäjän toimeksiannosta ja yrittää tehdä jotain: löytää hinnan, verrata kahta tarjoajaa, varata ajan tai täyttää yhteydenottolomakkeen. Sen onnistuminen ratkeaa siinä, löytääkö se sivulta ne kohdat joita voi käyttää.
Käytännössä agentti kysyy sivulta kolme asiaa. Mitä täällä on? Mitä täällä voi tehdä? Mitä tapahtui, kun tein sen? Kaikki kolme vastataan esteettömyyspuusta.
Yhteydenottolomake on tässä se kohta, jossa pienyrityksellä on eniten voitettavaa ja eniten hävittävää. Jos lomakkeen kentät on nimetty kunnolla, agentti osaa täyttää ne asiakkaan tiedoilla. Jos kentillä ei ole selitettä, se ei osaa, ja yhteydenotto jää tulematta ilman että kukaan huomaa mitään. Lomakkeen rakennetta on käsitelty erikseen jutussa Liidilomake joka konvertoi.
🔴 Yksi varoitus tähän väliin: älä rakenna sivustoa niin, että se palvelee konetta ja on ihmiselle huonompi. Kaikki edellä sanottu on samaa työtä, joka tekee sivusta selkeämmän myös ihmiselle. Jos jokin muutos parantaa vain koneen tulosta, se on todennäköisesti väärä muutos.
Kun kokeilin tätä ensimmäisen kerran ylläpitämällämme matkailusivustolla, puu näytti etusivun pääotsikon muodossa, jossa kaksi sanaa oli kiinni toisissaan. Näytti selvältä virheeltä. Otsikko oli kuitenkin kunnossa: siinä oli kirjoitettu rivinvaihto, ja puun tekstinluku yhdistää sen yli.
Opetus on yleisempi kuin tämä yksi tapaus. Esteettömyyspuu on tiivistelmä, ei kuva sivusta. Se kertoo mitä elementtejä on ja mitä ne sanovat, ei miltä ne näyttävät. Kun puu näyttää oudolta, katso sama kohta myös Elements-välilehdeltä ennen kuin korjaat mitään.
Sama pätee toisin päin: sivu voi näyttää ruudulla moitteettomalta ja olla puussa tyhjä. Kumpikaan näkymä ei yksin riitä.
Älä rakenna sivustoa uusiksi tämän takia. Googlen oma kanta on, että hakukoneen tekoälyvastauksiin ei tarvita mitään erityistä, ja agenttiselaus on vasta muotoutumassa. Kukaan ei voi rehellisesti kertoa sinulle, montako euroa se tuo ensi vuonna.
Tee sen sijaan se osa, joka olisi tehtävä joka tapauksessa. Oikeat otsikot, alt-tekstit, nappien selitteet ja lomakekenttien nimet ovat perusasioita, jotka parantavat samalla kertaa kolmea asiaa: sivun käytettävyyttä, esteettömyyttä ja koneluettavuutta. Yksikään niistä ei vanhene, jos agenttihype laantuu.
Järjestys kannattaa valita sen mukaan, mistä asiakas tulee sisään. Etusivu ja se yksi palvelusivu, jolle mainokset ja haut vievät, ovat tärkeämpiä kuin kaikki muu yhteensä. Niiden jälkeen tulee yhteydenottolomake, koska siinä koko ketju joko päättyy tai katkeaa. Blogiarkiston vanhat jutut voivat odottaa vuoden ilman että kukaan huomaa.
Kustannus on tässä poikkeuksellisen helppo arvioida, koska mitään ei tarvitse suunnitella uusiksi. Kyse on siitä, että olemassa oleville elementeille annetaan oikea rooli ja nimi. Tyypillisellä pienyrityssivustolla se on tuntien työ, ei viikkojen, ja se tehdään kerran.
Jos sivusto on tehty viime vuosina ja nojaa tavallisiin HTML-elementteihin, tämä on todennäköisesti pieni korjauslista. Jos sivusto on rakennettu raahaa ja pudota -editorilla, jossa jokainen osa on laatikko laatikon sisällä, puu on usein tyhjempi kuin odottaisi. Se on hyvä tietää ennen kuin maksaa seuraavasta lisäosasta.
Käy tämä läpi etusivulta ja yhdeltä palvelusivulta. Vartti riittää molempiin.
Esteettömyyspuu ei ole uusi tekniikka eikä tekoälyn keksintö. Se on ollut selaimissa aina, ja sen varassa moni ihminen on käyttänyt verkkoa koko sen ajan. Uutta on vain se, että nyt sitä lukee myös kone, joka saattaa tehdä ostopäätöksen asiakkaan puolesta.
Jos haluat, että joku käy tämän läpi sivustollasi puolestasi, se kuuluu hakukoneoptimoinnin ja kotisivujen perustyöhön. Lähtöhinnat näkyvät hinnastossa, ja maksuttomassa kartoituksessa katsotaan sivustosi puu yhdessä läpi ja kerrotaan suoraan, onko siinä korjattavaa vai ei.
Googlen ohjeet on luettu alkuperäisistä 13.9.2026. Ohjeet muuttuvat, ja tällä alueella nopeasti — tarkista voimassa oleva teksti lähteestä ennen kuin teet ison päätöksen. Chromen valikkojen nimet on luettu Chromen omasta dokumentaatiosta; selaimen suomennos voi poiketa.