Saavuttamattomat sivustot jäävät jälkeen tekoälyhaussa

Tekoäly lukee verkkoa samalla tavalla kuin ruudunlukijat

Kun tekoälypohjaiset haku- ja löytöjärjestelmät indeksoivat sivustoasi, ne tekevät jotakin tuttua: ne jäsentävät HTML:si semanttisen rakenteen ymmärtääkseen, mitä sivu sisältää ja mitä se tarkoittaa.

Ne tarkastelevat otsikkohierarkiaa ymmärtääkseen, miten sisältö on järjestetty. Ne lukevat alt-tekstin ymmärtääkseen, mitä kuvat välittävät. Ne käyttävät linkkitekstiä ymmärtääkseen, minne linkit johtavat. Ne nojaavat oikein jäsenneltyihin taulukoihin tulkitakseen taulukkomuotoista dataa. Kun nämä rakenteelliset elementit puuttuvat tai ovat rikki, tekoälyjärjestelmä — aivan kuten ruudunlukija — joko tulkitsee sisällön väärin tai menettää sen kokonaan.

Tämä ei ole sattumaa. Verkkostandardit, jotka tekevät sisällöstä saavutettavan avustavalle teknologialle — semanttinen HTML, ARIA tarvittaessa, strukturoitu data, merkitykselliset tekstivastineet — ovat samat standardit, jotka tekevät sisällöstä tulkittavaa koneoppimisjärjestelmille. Saavutettavuus ja tekoälyn löydettävyys eivät ole erillisiä huolenaiheita, jotka sattuvat jakamaan joitakin tekniikoita. Ne ovat saman perusperiaatteen ilmentymiä: tiedon tulisi välittyä rakenteellisesti, ei vain visuaalisesti.

Miten tekoälyhakujärjestelmät käsittelevät verkkosisältöä

Modernit tekoälypohjaiset haku- ja löytöjärjestelmät — mukaan lukien suurten hakukoneiden nyt esittelemät kielimallipohjaiset hakuominaisuudet — poimivat merkityksen verkkosivuilta monivaiheisen prosessin kautta:

Indeksointi: automatisoidut järjestelmät noutavat sivusi ja jäsentävät niiden HTML:n. Sivut, jotka estävät indeksointirobotteja, lataavat sisällön kokonaan JavaScriptin kautta ilman palvelinpuolen renderöintiä tai joilla on rikkinäinen rakenne, eivät välttämättä tule noudetuiksi tai jäsennetyiksi oikein.

Pilkkominen: sisältö jaetaan segmentteihin, jotka tyypillisesti mukailevat semanttisia yksiköitä — otsikoita, kappaleita, listoja, osioita. Sisältö ilman semanttista rakennetta (yksi jäsentymätön tekstilohko) pilkotaan mielivaltaisesti, mikä hukkaa ajatusten väliset loogiset suhteet.

Upottaminen (embedding): jokainen pala muunnetaan vektoriesitykseksi, joka koodaa semanttisen merkityksen. Tämän upotuksen laatu riippuu voimakkaasti ympäröivän rakenteen laadusta. Otsikko, joka kuvaa tarkasti edeltämäänsä sisältöä, auttaa järjestelmää ymmärtämään, mistä sisällössä on kyse. Koristeellinen otsikko, joka käyttää suurta fonttikokoa mutta on <div>-elementti eikä <h2>, ei tuo juurikaan lisäarvoa.

Haku (retrieval): kun käyttäjä esittää kysymyksen, järjestelmä etsii ne palat, joiden upotukset ovat lähimpänä kyselyn semanttista merkitystä. Sisältö, joka on pilkottu ja upotettu hyvin, nousee esiin osuvissa kyselyissä. Sisältö, joka on hautautunut jäsentymättömään merkkaukseen, ei nouse.

Konkreettiset saavutettavuuspuutteet, jotka heikentävät tekoälynäkyvyyttä

Puuttuva tai riittämätön alt-teksti

Alt-teksti on tapa, jolla tekoälyjärjestelmät ymmärtävät kuvan sisällön. Kuva, joka kertoo miltä tuote näyttää ostoskontekstissa tai mitä kaavio esittää datakontekstissa, tuo merkityksellistä tietoa tekoälyn ymmärrykseen sivusta. Tiedostonimi (“IMG_4821.jpg”) tai tyhjä alt-attribuutti ei tuo mitään.

Sivuilla, joilla kuvilla on merkittävä informatiivinen painoarvo — tuotesivut, raporttisivut, oppaat — puuttuva alt-teksti on sekä saavutettavuuspuute että tekoälynäkyvyyden puute.

Rikkinäinen otsikkorakenne

Otsikkohierarkia kertoo sekä ruudunlukijoille että tekoälyjärjestelmille, miten sivun sisältö on järjestetty. Sivu, joka hyppää <h1>-elementistä <h3>-elementtiin visuaalisen koon vuoksi tai käyttää otsikkotageja pelkästään tyylittelyyn, tuottaa rakenteen, jota kumpikaan — avustava teknologia tai tekoälyrobotti — ei pysty jäsentämään oikein.

Hyvin jäsennellyt otsikot luovat sivun sisällön hahmotelman — jotakin, mitä tekoälyjärjestelmät käyttävät suoraan ymmärtääkseen, mitä sivu käsittelee ja miten osiot liittyvät toisiinsa.

Epämääräinen tai puuttuva linkkiteksti

Linkkiteksti on signaali. “Lue lisää”, “klikkaa tästä” ja “tutustu” eivät kerro tekoälyjärjestelmälle mitään kohteesta. Kuvaileva linkkiteksti — “Lue oppaamme WCAG 2.2 -vaatimustenmukaisuudesta” — kertoo tekoälylle, mitä linkitetty sivu sisältää, ja lisää järjestelmän ymmärrystä nykyisen sivun aihepiireittäin muodostuvista yhteyksistä.

Tekstitykset ja litteroinnit audiovisuaaliselle sisällölle

Video ja ääni ovat läpinäkymättömiä tekoälyjärjestelmille ilman tekstivastineita. Litteroinnit ja tekstitykset ovat sekä saavutettavuusvaatimuksia että suoria syötteitä tekoälyhaun indeksointiin. Hyvin tekstitetyn videon puhuttu sisältö indeksoidaan ja on haettavissa. Tekstittämätön video ei tuo hakunäkyvyyteen juuri mitään otsikkonsa ja ympäröivän tekstin lisäksi.

Saavuttamattomat PDF-tiedostot

PDF-tiedostot, jotka on jaettu skannattuina kuvina tai tunnisteettomina tiedostoina, eivät ole luotettavasti jäsennettävissä ruudunlukijoilla tai tekoälyjärjestelmillä. Tunnisteitujen dokumenttien saavutettavuuspuute on lähes aina myös löydettävyyden puute.

Katso PDF-saavutettavuusoppaastamme, mitä saavutettava PDF-rakenne edellyttää.

Strukturoitu data

Vaikka strukturoitu data ei ole tiukasti ottaen saavutettavuusvaatimus, sen merkkaus (schema.org, JSON-LD) on suora viestintäkanava sekä hakukoneille että tekoälyjärjestelmille siitä, mitä sisältösi tarkoittaa. Artikkeli, jossa on oikea Article-skeemamerkkaus, tuote, jolla on Product- ja Offer-skeema, tai usein kysytyt kysymykset FAQPage-skeemalla — nämä antavat tekoälyjärjestelmille todennettua, jäsenneltyä tietoa sen sijaan, että niiden pitäisi päätellä merkitys pelkän sivutekstin perusteella.

Käytännön päällekkäisyys

Toimet, jotka parantavat saavutettavuutta vammaisille käyttäjillesi, ovat pitkälti identtisiä niiden toimien kanssa, jotka parantavat tekoälyn löydettävyyttä:

Saavutettavuusparannus	Tekoälyn löydettävyyshyöty
Lisää kuviin merkityksellinen alt-teksti	Kuvista tulee haettavia ja niiden sisältö indeksoitavaa
Käytä oikeaa otsikkohierarkiaa	Sisällön järjestys on koneellisesti luettavissa
Kirjoita kuvaileva linkkiteksti	Sivujen väliset aihepiirisuhteet ovat eksplisiittisiä
Tekstitä ja litteroi video	Puhuttu sisältö indeksoidaan ja on haettavissa
Luo tunnisteituja, saavutettavia PDF-tiedostoja	Dokumentin sisältö on jäsennettävissä
Käytä semanttisia HTML-elementtejä	Sivun rakenne on tulkittavissa ilman CSS:ää

Toisenlainen tapa ajatella saavutettavuuden ROI:ta

Saavutettavuuden liiketoimintaperustelu esitetään yleensä lakisääteisen vaatimustenmukaisuuden (EAA, ADA ja vastaavien säädösten) ja vammaismarkkinoiden koon kautta. Molemmat ovat todellisia.

Mutta tekoälyhaun näkyvyys tuo toisen ulottuvuuden: saavutettavuus ei ole vain siitä, kuka voi käyttää sivustoasi. Kyse on siitä, voidaanko sisältösi löytää, nostaa esiin ja tiivistää niiden tekoälyjärjestelmien toimesta, jotka yhä enemmän välittävät sitä, miten ihmiset löytävät tietoa.

Sivusto, joka on semanttisesti rikki — puuttuva alt-teksti, litteä otsikkorakenne, epämääräiset linkit, jäsentymättömät PDF-tiedostot — on sivusto, jonka sisältö nousee epätodennäköisemmin esiin tekoälyn tuottamissa vastauksissa, tiivistelmissä ja suosituksissa. Kun tekoälyvälitteinen haku kasvaa yhä suuremmaksi osaksi tiedonlöytöä, tuosta näkyvyyskuilusta tulee kaupallinen kuilu.

Molempien huolenaiheiden lähtökohta on sama: ymmärrä, missä sivustosi tällä hetkellä on. Tee ilmainen skannaus nähdäksesi, mitä saavutettavuusongelmia sinulla on. Monet korjaukset, jotka parantavat saavutettavuutta, parantavat samalla tekoälyn löydettävyyttä — ilman lisävaivaa.