En hjemmeside, som AI kan læse: hvad det betyder for design og bygning

En side, der ser fuld ud i browseren, kan nå frem til maskinen som tom. Det er hverken en fejl i koden eller i designet. Det følger af beslutninger, der falder i begyndelsen af designet, og som ingen træffer i ond mening.

Hvad vi ved om det

Vercel offentliggjorde sammen med bureauet MERJ i december 2024 målinger fra sit eget netværk: på en måned registrerede de 569 millioner forespørgsler fra GPTBot og 370 millioner fra Anthropics crawler. Ingen af de store AI-crawlere kørte JavaScript. De hentede godt nok scripterne, men at hente og at køre er ikke det samme.

Undtagelsen er Googlebot, der har en renderingstjeneste og også fodrer Gemini. De øvrige ikke. Det er data fra ét netværk, ikke en lov, og crawlernes adfærd kan ændre sig uden varsel. Som grundlag for beslutninger er det nok: det, der ikke står i HTML fra serveren, findes ikke for de fleste maskiner.

Fire beslutninger, der tømmer en side

• Tekst i et billede. En overskrift sat i grafikken holder den præcise typografi og ser bedre ud. Maskinen ser kun en fil.
• Indhold i faneblade og udfoldere, der først hentes efter et klik. Specifikationer, indhold, fragt. I browseren mønsterværdig orden, i HTML fra serveren ingenting.
• Tekst, der først dukker op, når man scroller. Animationen er en effekt, ikke en teknik, men den er som regel bygget sådan, at et script først sætter afsnittet ind på siden.
• En side bygget på video, hvor hele budskabet kører i videoen. Nedenunder bliver en overskrift på to ord og en knap tilbage.

Ingen af de fire ting er dårligt design i sig selv. Tre af dem har vi selv designet, og dem står vi ved. Forskellen ligger i, om det samme budskab også findes i tekst, der kommer fra serveren.

En god hjemmeside ser rigtig ud for et menneske og giver mening for en maskine. Det er ikke modsætninger, der tænkes bare på dem i en anden rækkefølge.

Det betyder ikke kedelige hjemmesider

Den almindelige reaktion er, at sitet så skæres ned til bar tekst. Sådan er det ikke. Animation, video og grafisk typografi må blive. Pointen er at have et lag nedenunder, der bærer det samme budskab som almindelig tekst: overskriften, første afsnit og ved et produkt pris og lagerstatus.

I praksis er det ét ekstra spørgsmål i designet. Alle steder, hvor et billede, en video eller bevægelse bærer budskabet, spørger vi, hvor det samme står med ord. Er der ikke noget svar, bliver teksten enten føjet til, eller vi beslutter bevidst, at den side ikke betyder noget.

Sådan tjekker du det på et minut

Åbn kildekoden til din side med Ctrl+U og prøv at finde en sætning fra dit eget indhold i den. Står den der ikke, ser maskinen den heller ikke. Hurtigere er tjekket af, hvad AI ser af en hjemmeside: du indtaster en adresse og ser, hvor mange ord af siden der bliver tilbage uden kørende scripts, og hvor meget af det der er menu og sidefod.

Mere udførligt står det i artiklen hvorfor en side fuld af tekst kan være tom for AI, med kilderne til den måling.

Hvad det betyder for briefen

Når du bestiller en ny hjemmeside, er det én sætning i briefen: det indhold, vi går op i, skal stå i HTML fra serveren. Det lyder teknisk, men det afgøres i designet, ikke i kodningen. Et layout, der bygger på gradvist at afsløre indhold, bliver så enten bygget anderledes eller får et tekstlag ved siden af.

På de hjemmesider, vi bygger, er det standard. Den tekniske side står udviklingsdelen af vores gruppe for; vi tager det tidligere: bærer siden overhovedet sit budskab med ord, eller kun med billeder.

En smuk side, som en maskine læser som tom, er ikke godt udført arbejde. Det er arbejde, hvor ét spørgsmål aldrig blev stillet.