Monet (kaikki) puhuvat verkkokaupan ja verkkosivuston AI-näkyvyyden kasvattamisesta tekoälysovellusten suosittelemana toimijana ja myyjänä, mutta harva pureutuu siihen, onko sivustollasi ylipäätään tekoälyvalmiutta päästä AI:n tuloksiin.
Useimmat ihmiset olettavat, että jos ihminen voi nähdä sivun sisällön, myös tekoälybotti voi lukea sen. Todellisuudessa ihmisen tavassa tarkastella sivustoasi ja tekoälybotin tavassa tulkita samaa sisältöä on valtava tekninen ero.
Tämän vuoksi JavaScript-painotteiset sivustot ja verkkokaupat näkyvät huonommin (jos ollenkaan) tekoäyn vastauksissa, vaikka ne sijoittuisivatkin hyvin Googlessa.
Esimerkki: Related Products ei näy kaikissa Shopify-teemoissa
Testasin (ja sinäkin voit, löydät ohjeet artikkelin lopusta) Shopp.app-sivustoa:
Kun JavaScript kytketään pois päältä, Related Products -osio katoaa kokonaan. Tämä tarkoittaa, että AI-crawlerille tämä kauppa näyttää huomattavasti suppeammalta kuin ihmiselle; AI ei löydä reittejä muihin tuotteisiin, eikä se ymmärrä tuotteiden välisiä suhteita. Sivusto on teknisesti upea, mutta useammalle LLM-mallille (eli AI:lle) se on osittain näkymätön.
Testasin samaa myös muutamalle kotimaiselle Shopify-pohjaiselle verkkokaupalle, ja tilanne on sama.
Disclaimer: Sama ongelma toistuu myös JS:ää hyödyntävillä WooCommerce-verkkokaupoilla ja WordPress-sivustoilla, eli ongelma on universaali, ei yksin Shopifyyn liittyvä.
JavaScript-esteet eivät ole vain koodareiden päänvaiva, vaan ne ovat haittana myynnille (vähintään siinä vaiheessa, kun ostoksia tehdään entistä enemmän AI:n kautta).
Jos tekoäly ei näe tuotettasi, se ei voi suositella sitä. Jos se ei voi lukea dynaamista hintaasi, se ei voi myydä sitä. Tällöin suljet ovesi tulevaisuuden suurimmalta ostajaryhmältä: tekoäly-assistenteilta.
Älä anna tämän tapahtua, sillä suuret verkkokauppa-alustat, kuten Shopify ja tietyt suomalaiset verkkokauppatoimittajat, ovat jo alkaneet integroida rajapintoja, jotka sallivat AI-agenttien viedä ostoksen loppuun asti.
3 syytä, miksi tämä vaikuttaa suoraan liiketoiminnan tulokseen ja myyntiin
#1 AI-agentit tekevät ostopäätöksiä puolestamme.
Tekoälyltä kysytään jo nyt: “Etsi minulle vaaleat stretch-farkut koossa xx, jotka ovat saaneet hyviä arvosteluja ja jotka toimitetaan Suomeen tai ovat saatavilla Suomesta.”
- Jos tuotteen koko, saatavuus tai arvostelut on piilotettu JavaScriptin taakse, AI-assistentti ei löydä niitä.
- Tulos: Tuotteesi ei ole mukana siinä listassa, jonka AI antaa käyttäjälle. Menetit kaupan ennen kuin asiakas edes tiesi verkkokauppasi olevan olemassa.
#2 “Haluan ostaa tämän” eli AI:n kyky suorittaa toimintoja
Uusimmat AI-mallit (kuten OpenAI:n “Operator” ja muut AI-agentit) pystyvät jo navigoimaan sivuilla ja lisäämään tuotteita ostoskoriin.
- Jos ostonappi tai tuotevariaatiot (väri/koko) vaativat monimutkaista JavaScriptiä, AI-agentti saattaa hylätä prosessin.
- Jos agentti ei pysty lukemaan dynaamisesti latautuvaa hintaa, se ei voi vahvistaa ostoa käyttäjälle.
#3 Suosittelualgoritmien sokeus
Kun ChatGPT tai Perplexity suosittelee tuotteita, ne perustavat suosituksensa tietoon, jonka ne ovat pystyneet lukemaan.
- Jos kauppasi dynaaminen Related Products -osio on AI-crawlerille näkymätön, tekoäly ei opi ymmärtämään, mitkä tuotteet kuuluvat yhteen.
- Tällöin se ei osaa ehdottaa farkkujesi pariksi sopivaa paitaa, vaikka paita olisi kaupassasi, koska se ei löydä niiden välistä linkkiä.
Ongelmaksi koituu JavaScriptin "sokea piste"
Nykyaikaiset verkkosivustot toimivat järjestäen samalla tavalla: kun vierailet sivustolla, selaimesi suorittaa joukon koodia rakentaakseen sivun, jonka näet.
Useimmat AI-indeksoijat:
- eivät suorita JavaScriptiä, vaan ne lukevat vain raakamuotoisen, alkuperäisen tekstitiedoston (HTML)
- tämä tarkoittaa, että tekoälybotit ohittavat JavaScriptillä esitetyn sisällön, johon voivat lukeutua esimerkiksi tuotteiden hinnat, arvostelut tai kuvaukset, jotka lisätään JavaScriptin avulla sivun lataamisen jälkeen.
Mitkä tärkeät ominaisuudet toimivat usein JavaScriptillä?
JavaScript ei ole mitenkään seksikäs aihe, mutta tärkeä se on. Sinun ei tarvitse ymmärtää koodia sen enempää kuin nyt, sillä hoksaat yleisimmät käyttökohteet alla olevasta listauksesta.
Tässä muutamia yleisimpiä ominaisuuksia, jotka usein hyödyntävät JavaScriptiä:
- dynaamiset tuotevalikoimat (esim. ostohistorian perusteella)
- välilehtien taakse siirretyt tuotekuvaukset (tekniset tiedot, toimitus, jne.)
- aiheeseen liittyvät artikkelit
- arvostelut ja suositukset
- erilaiset valuuttamuuntimet (jolloin esiin tulee “nollahinta”)
- sisällöt, jotka “feidaavat” esiin eli hyödyntävät visuaalista siirtymää.
Kuten huomaat, moni näistä on ihan todella tärkeä sivuston liiketoiminnalle (ei vain AI-näkyyvydelle).
Miksi näin tapahtuu?
Kyse ei ole AI-botin laiskuudesta vaan sisältöjen ja koodin mittakaavasta ja kustannuksista: täydellisen kokonaiskuvan näyttäminen (sisällön renderöinti) vaatii valtavasti laskentatehoa. Jotta työ pysyy nopeana ja edullisena, monet tekoälybotit lukevat vain sivustosi ”ensimmäisen luonnoksen” (raa’an HTML-koodin) ja siirtyvät sitten eteenpäin.
Sivustosi voi olla AI-(h)aave
Olemme jo siirtyneet hakukoneiden uuteen aikakauteen, jossa sivustosi voi olla joko täysin tekoälyvalmis tai AI:lle näkymätön aave.
Google on 20 vuoden ajan opetellut lukemaan JavaScriptiä, koska verkkohaku on sen ydinliiketoiminta. Sen sijaan useimmat AI-sovellukset priorisoivat mallien koulutusta ja hakunopeutta, ja siksi ne käyttävät vain alkuperäistä HTML:ää.
Huomioitavaa on, että todellisuudessa edes Google ei lue JavaScriptiä aina samalla tavalla tai yhtä nopeasti kuin puhdasta HTML-koodia. Vaikka Google on hyvinkin kyvykäs suorittamaan JavaScriptiä, on useita tilanteita, joissa se voi jättää JS:n lukematta tai epäonnistua siinä.
Olen omassa asiakastyössäni nähnyt useita kertoja, miten esimerkiksi accordionin (haitarisisällön) taakse “piilotetut” vastaukset eivät indeksoidu Googlen hakutuloksiin.
Jos sivustosi sisällöt eivät näy raakana HTML-koodina, ne eivät käytännössä ole olemassa nyt eivätkä todennäköisesti seuraavillekaan (kehittyneille) AI-malleille – minkä lisäksi myös Googlella voi olla haasteita lukea niitä.
60 sekunnin AI-näkyvyystesti
Haluatko tietää, mitä tekoälybotti näkee, kun se vierailee sivustollasi?
Kokeile tätä:
- Avaa verkkosivustosi.
- Poista JavaScript käytöstä selaimesi asetuksissa (esim. Web Developer -lisäosan avulla).
- Päivitä sivu.
- Mitä näytölle jää?
- Jos ydinsisältösi, linkit, hinnat tai kuvat (tai mikä tahansa moduuli) ovat kadonneet, tekoälykään ei todennäköisesti näe niitä.
Tiedät siis, mihin priorisoida Q1:n aikana.
Onko sivustosi valmis tekoälyhakujen aikakauteen? Jos et ole varma, autan mielelläni. Ota yhteyttä ja auditoidaan sivustosi!
