Tekoälyagentit
Saavutettavuuspuu
Kutsutaan myös: Accessibility tree
Saavutettavuuspuu (accessibility tree) on selaimen luoma yksinkertaistettu versio sivusta. Siinä säilyy se, millä on väliä vuorovaikutukselle: painikkeiden, linkkien ja lomakekenttien kaltaisten elementtien rooli, nimi ja tila.
Selkeästi sanottuna
Ruudunlukijat ja muut apuvälineet käyttävät sitä kuvatakseen sivun ihmisille.
web.dev kutsuu sitä sivun semanttiseksi tiivistelmäksi ja kertoo, että tekoälyagentit käyttävät sitä karttana, joka jättää huomiotta CSS:n visuaalisen kohinan.
Esimerkki
Alla olevassa katkelmassa for-attribuutti yhdistää nimiön kenttään. Saavutettavuuspuu tietää silloin, että kentän nimi on "Email address". Ilman yhteyttä kentällä ei ole nimeä.
<label for="email">Email address</label>
<input id="email" type="email">Miksi tällä on väliä tekoälyhaussa
Googlen mukaan selainagentit voivat tulkita saavutettavuuspuuta tehtäviensä suorittamiseksi.
Hyvä saavutettavuus auttaa siis nyt myös tekoälyagentteja käyttämään sivustoasi.
Mitä voit tehdä
- Käytä semanttisia HTML-elementtejä, kuten button, a, label, nav ja main.
- Jos sinun on käytettävä divia painikkeena, anna sille role="button" ja tabindex, kuten web.dev neuvoo.
- Anna kuville hyödyllinen vaihtoehtoinen teksti ja lomakekentille oikeat nimiöt.
Sekoitetaan usein näihin
- DOM
- DOM on sivun koko rakenne. Saavutettavuuspuu on pienempi näkymä siihen, mitä voi käyttää.
Lähteet
- web.dev: Build agent-friendly websites
- Google Search Central: Optimizing your website for generative AI features on Google Search
Faktat ja lähteet tarkistettu viimeksi 19. lokakuuta 2026.
Liittyvät termit
Miten sivusi pärjää tekoälyhaussa?
GEO-Score tarkistaa sivun 22 signaalin avulla tekoälyrobottien pääsystä rakenteiseen dataan ja näyttää, mitä kannattaa korjata ensin.
Analysoi sivu