Slik gjør du nettsiden klar for AI-agenter

Kort fortalt

• Start med én oppgave. Velg den viktigste jobben kundene gjør på nettsiden, for eksempel å be om tilbud, og gjør den først.
• Det meste handler om vanlig god bygging. Ekte skjemaelementer, tydelige etiketter og knapper som sier hva de gjør, hjelper både agenter, skjermlesere og travle mennesker.
• Egendefinerte velgere er den vanligste fellen. Kalendere, variantvelgere og nedtrekkslister som er bygget fra bunnen av, mangler ofte en tilstand agenten kan lese.
• Captcha stopper agenter, og det er ofte meningen. Vurder hvor den står, og sørg for at agenten kan stoppe på en ryddig måte og gi oppgaven tilbake til brukeren.
• Test med fiktive data. Lighthouse gir en pekepinn, men du vet bare om en agent kommer i mål ved å la den prøve.

Hvordan en agent bruker nettsiden

En AI-agent som bruker nettleseren, gjør omtrent det samme som en person: den leser siden, finner felt og knapper, skriver inn tekst, velger alternativer og klikker videre. Noen agenter ser på skjermbilder, mens andre leser strukturen på siden, det såkalte tilgjengelighetstreet. De fleste gjør litt av begge.

Forskjellen fra en person er at agenten ikke kan gjette ut fra sammenhengen. Et menneske ser at en dato i kalenderen er «markert» fordi den har en annen farge. En agent som leser strukturen, ser ingen forskjell hvis fargen er det eneste som endrer seg. Mange av hindrene er derfor de samme som for folk som bruker skjermleser.

Velg én oppgave først

Det er fristende å «gjøre hele nettstedet agentklart». Det er bedre å velge én konkret jobb og følge den fra start til slutt:

• Håndverker: be om tilbud på en bestemt jobb
• Klinikk eller salong: booke en ledig time
• Nettbutikk: finne en vare i riktig størrelse og legge den i kurven
• Advokat eller rådgiver: sende en henvendelse om et konkret saksområde

Skriv oppgaven ned slik en kunde ville sagt den til agenten, for eksempel «be om tilbud på nytt bad, rundt seks kvadratmeter». Det er den du skal teste.

Sjekklisten

1. Bruk ekte skjemaelementer

Vanlige HTML-elementer som <input>, <select>, <textarea>, avkrysningsbokser og radioknapper har innebygd oppførsel som agenter forstår. Egendefinerte komponenter som ser ut som en nedtrekksliste, men egentlig er en samling <div>-er, gjør det ikke uten ekstra arbeid.

Bruker du et komponentbibliotek, velg et som er bygget for tilgjengelighet og gir riktige roller og tilstander.

2. Gi hvert felt en synlig etikett

Hvert felt trenger en <label> som sier hva som skal fylles inn. Plassholdertekst i feltet forsvinner når man begynner å skrive og er ikke nok. Er det krav til formatet, som telefonnummer eller postnummer, skriv det ved feltet.

3. Vis valgt tilstand på en måte som kan leses

Kalendere, tidsluker, størrelser og farger er de vanligste stedene agenter stopper. Valget må synes i strukturen, ikke bare i fargen: bruk radioknapper eller attributter som aria-pressed, aria-selected og aria-checked, og oppdater dem når brukeren velger.

4. La knappene si hva de gjør

«Send forespørsel», «Velg tid» og «Legg i handlekurv» er tydeligere enn «Neste», «OK» eller en pil. Ikonknapper trenger et navn med aria-label.

5. Skriv feilmeldinger som tekst ved feltet

En rød ramme forteller ikke agenten hva som er galt. Skriv feilmeldingen som tekst, knytt den til feltet (for eksempel med aria-describedby) og si hvordan feilen rettes.

6. Tenk gjennom captcha og robotsperrer

Captcha og andre robotsperrer er laget for å stoppe automatiserte besøk, og agenter blir ofte stoppet. Det kan være riktig å beholde dem. Spørsmålet er hvor de står: en sperre helt til slutt, rett før innsending, lar agenten gjøre det meste av jobben og la brukeren ta det siste steget selv. En sperre som dukker opp før skjemaet i det hele tatt vises, stopper alt.

Bruker skjemaet en skjult honningkrukke, altså et felt som bare roboter fyller ut, må du sjekke at agenter ikke ser den. Vi oppdaget at vår egen honningkrukke dukket opp som et vanlig felt for agenter. Les hvordan vi løste det.

7. Hold siden i ro

Bannere for informasjonskapsler, chatvinduer og nyhetsbrev-popuper som legger seg over skjemaet eller skyver innholdet ned, får agenten til å klikke feil eller lete etter noe som er skjult. Vis dem slik at de ikke dekker oppgaven.

8. Ha priser, vilkår og åpningstider som tekst

Informasjon som bare finnes i bilder eller PDF-er, er tyngre å bruke for agenter og mennesker. Står prisene i en tabell på siden, kan agenten sammenligne og svare brukeren.

9. Ikke krev innlogging før det er nødvendig

Krever du konto før kunden får se priser eller ledige tider, stopper de fleste agenter der. La kunden komme så langt som mulig før innlogging, og tilby bestilling uten konto der det går.

10. Bekreft tydelig at oppgaven er fullført

Etter innsending bør siden si klart hva som skjedde: «Forespørselen er sendt. Vi svarer innen to virkedager.» Da vet agenten at jobben er gjort, og kan gi beskjed videre.

11. Legg grunnmuren

Strukturerte data om virksomheten, en oppdatert sitemap og en llms.txt-fil gjør det lettere for agenter og AI-assistenter å finne riktig side. Det løser ikke punktene over, men det er lite arbeid.

Slik tester du

1. Ta en hurtigsjekk. Vår gratis sjekk ser på robots.txt, llms.txt, strukturerte data, skjemaetiketter og captcha på forsiden.
2. Kjør Lighthouse. Kategorien Agentic Browsing sjekker blant annet tilgjengelighetstreet og stabil layout. Vi har forklart hva hver sjekk betyr.
3. Prøv selv med et agentverktøy. Gi agenten oppgaven du skrev ned, med fiktive data, og be den stoppe før innsending. Se hvor den nøler, gjetter eller gir opp.
4. Test på mobil og med tastatur. Det du finner med tastatur og skjermleser, er ofte det samme som stopper agenter.
5. Gjenta etter endringer. Et nytt bookingsystem eller en ny skjemaløsning kan endre resultatet helt.

Vil dere heller at vi tester?

En agenttest er en del av Foretrukket, vår faste tjeneste for AI-synlighet (9 900 kr/mnd eks. mva.). Foretrukket hjelper norske bedrifter å bli anbefalt når kundene spør ChatGPT og Google.