Tips til mobile first-optimering, så AI-crawlere lægger mærke til dit brand

Hvordan din mobile hjemmeside påvirker AI-systemers adgang til dit indhold, og om AI-crawlere ser det samme indhold som besøgende på computer.

Kladde

De fleste hjemmesider vises forskelligt på mobil og computer. Det, den besøgende ser, afhænger af enheden. Men for AI-crawlere skaber den forskel et problem: Hvis din mobilversion skjuler eller fjerner indhold, der vises på computer, finder crawleren det måske aldrig.

Hvordan beslutter en crawler, hvad den skal behandle? Når en AI-bot beder om din side, venter den ikke. Den henter fra din server, indlæser det, den kan nå inden for sin tidsgrænse, læser den HTML, CSS og JavaScript, den får, og henter ud, hvad den kan læse. Hvis din mobilversion fjerner vigtige afsnit, bygger indholdet om eller ødelægger layoutet, ser crawleren en mindre og mindre komplet udgave af din hjemmeside.

Dette kapitel handler om, hvordan AI-crawlere håndterer mobile hjemmesider, hvilke designvalg der påvirker, om de kan crawle dig, og hvordan du sikrer, at AI-systemer får adgang til det samme indhold, som dine besøgende ser.

Sådan ser AI-crawlere din mobile hjemmeside

AI-crawlere (som GPTBot, ClaudeBot og PerplexityBot) beder om sider på samme måde som en browser. De sender en User-Agent-header, der fortæller, hvem de er, de følger reglerne i din robots.txt, og de behandler den HTML og CSS, du sender tilbage.

Den vigtigste forskel: De fleste AI-bots viser sider med et mobilt visningsvindue. De efterligner en mobil enhed, når de crawler, så de ser dit mobile layout og ikke dit layout til computer. Det er et bevidst valg, fordi de fleste brugere er mobile først, og AI-platforme vil forstå, hvad rigtige brugere faktisk ser.

Crawlerens måde at vise siden på

Når crawleren indlæser din side, gennemgår den disse trin:

Først beder den om HTML'en og henter den første pakke. Dernæst kører den JavaScript, hvis siden skal bruge det for at vise indhold (det tager tid). Så venter den på, at billeder, skrifttyper og andre ressourcer indlæses (inden for grænser). Til sidst læser den den færdige side og henter det læsbare indhold ud.

Hvis et trin løber ud i tid eller fejler, får crawleren et ufuldstændigt billede. En langsom mobilside kan løbe ud i tid, før JavaScript er færdigt. En hjemmeside med indhold, der indlæses først ved scroll, viser måske kun den øverste del. En side, der skjuler indhold bag en "læs mere"-knap, indlæser måske aldrig den skjulte tekst.

Hvad bliver hentet ud fra din mobilside

Ikke alt, en crawler indlæser, bruges til placeringer eller citater. Crawleren prioriterer det, den ser som hovedindholdet.

Forskning viser, at de første 30 % af en side står for 44 % af alle citater, AI-systemer laver. Det er ikke tilfældigt. Indhold i den øverste del bliver behandlet først, indlæst hurtigst og vægtet tungere, fordi det er det, læseren ser med det samme.

Hvorfor placeringen betyder noget for AI-synlighed

Hvis du gemmer dit bedste indhold under en scroll, bag en fane eller under en harmonika, finder AI-crawlere det stadig, men det vejer mindre. Indhold, man skal klikke, swipe eller folde ud for at se, bliver indekseret, men behandlet som sekundært.

På mobil betyder det endnu mere. Mobilskærme er mindre. Mere indhold ligger under den synlige del. Hvis dit mobile layout flytter de vigtigste oplysninger nedad, eller hvis du viser en forenklet mobilversion uden de detaljerede forklaringer, ser crawlere mindre.

Core Web Vitals og crawlernes tidsgrænser

Core Web Vitals måler brugeroplevelsen med tre mål: LCP (Largest Contentful Paint), FID (First Input Delay) og CLS (Cumulative Layout Shift).

For crawlere er det kun hastigheden, der tæller. Din side har en tidsgrænse. Hvis ressourcer ikke indlæses, billeder ikke hentes, og JavaScript ikke kører inden for den grænse, går crawleren videre med det, den har indtil nu.

LCP og crawlerens syn på din side

LCP bør ske inden for 2,5 sekunder. Hvis din LCP på mobil er 5 sekunder eller langsommere, ser crawlere måske kun den første HTML, uden at vente på, at hovedindholdet vises. Det gælder især AI-bots, som ofte har strammere tidsgrænser end Googles crawler.

Mobile sider er langsommere end sider på computer, fordi mobilnet er langsommere. En indlæsning på 2 sekunder på computer kan blive til 6 sekunder på et nedsat mobilnet. Hvis din mobilside skal hente store JavaScript-pakker, før noget vises, ser crawlere en tom eller næsten tom side.

Sådan retter du langsomme mobile sider

Optimer især til Core Web Vitals på mobil. Test på langsomme net (3G, 4G). Udsæt JavaScript, der ikke er kritisk. Komprimer billeder. Brug et CDN. Indlæs vigtigt indhold før pynt.

Responsivt design eller komplet indhold

Responsivt design er nødvendigt. Din hjemmeside skal virke på mobil. Men responsiv er ikke det samme som komplet.

Nogle hjemmesider skjuler indhold på mobil som en del af det responsive design. De folder afsnit sammen, fjerner sidebjælker, skjuler dokumentationens sidebjælker eller forenkler navigationen. Det er fint for brugerne, som kan finde rundt og finde det, de leder efter. Men for crawlere er skjult indhold usynligt indhold.

Det, crawlere går glip af i interaktive layouts

Hvis din mobilversion indlæser faner og kun viser indholdet i den første fane, uden at indlæse de andre før et klik, går en crawler, der ikke interagerer med siden, glip af de skjulte faner. Hvis du bruger CSS til at sætte display:none på visse elementer på mobil, vises de slet ikke. Hvis JavaScript indlæser forskelligt indhold på mobil og computer, ser crawleren kun mobilversionen.

Princippet er ens indhold. Hvert ord, billede, link og stykke struktureret data, der vises på computer, skal også vises på mobil (eller være tilgængeligt uden klik). Hvis din hjemmeside viser en mobilversion, der fjerner eller markant forenkler indholdet, giver du crawlerne en mindre og mindre komplet udgave af din hjemmeside.

Hvor det er sikkert at forenkle på mobil

Det betyder ikke, at dine layouts skal være ens. Din mobilnavigation kan se anderledes ud. Dit layout kan stables lodret. Men dit indhold må ikke forsvinde. Hvis du skal skjule noget for at spare plads, så skjul navigation eller sidebjælker, ikke dit hovedindhold.

JavaScript-rendering og AI-crawlere

Nogle hjemmesider bygger deres sider helt i JavaScript. HTML-filen er næsten tom, og det egentlige indhold vises hos brugeren, når JavaScript kører i browseren.

AI-crawlere kan køre JavaScript, men ikke på samme måde som en browser. De har begrænsede tidsgrænser. De har ikke GPU-acceleration. De venter ikke altid på, at asynkrone opgaver bliver færdige.

Hvorfor rendering hos brugeren svigter crawlere

En side, der bruger JavaScript til at hente data fra en API og derefter vise dem, kan svigte over for en crawler. Crawleren indlæser HTML'en og begynder at køre JavaScript, men løber ud i tid, før API-kaldet er færdigt, og siden er vist. Crawleren ender med kun skallen af din side og intet reelt indhold.

Derfor slår rendering på serveren (SSR) rendering hos brugeren (CSR), når det gælder synlighed for crawlere. Når du viser indholdet på serveren og sender færdig HTML til crawleren, får den hele siden med det samme. Når du viser det hos brugeren og får crawleren til at køre JavaScript for at se siden, gør du den langsommere og risikerer, at tiden løber ud.

Anbefalinger til JavaScript-frameworks

Hvis du bruger et JavaScript-framework, så sørg for, at det vigtigste indhold bliver vist på serveren eller står i den første HTML. Crawleren skal ikke køre JavaScript for at se dit hovedindhold.

Struktureret data på mobil skal matche computer

AI-crawlere henter struktureret data (schema markup) fra dine sider for at forstå, hvad du skriver om. De bruger strukturerede data til at finde enheder, tjekke fakta og forstå sammenhænge.

Hvis din mobilversion ikke har de samme strukturerede data som versionen til computer, ser crawlere ufuldstændige oplysninger. En produktside kan have prisschema på computer, men ikke på mobil. En artikel kan have forfatterschema på computer, men miste det på mobil for at spare plads.

Tag altid alle strukturerede data med på begge versioner af din hjemmeside. Hvis du skal skjule pynt på mobil, så gør det. Men skjul ikke schema. Schema er alligevel usynligt for brugerne, så det koster ingen plads at have det med på mobil.

Hastighed på mobil og antal citater

Undersøgelser viser en direkte sammenhæng mellem hjemmesidens hastighed og AI-citater. Sider, der indlæses hurtigt, bliver oftere citeret. Effekten er stærkere på mobil, fordi mobilnettet er flaskehalsen.

En side, der indlæses på 1,5 sekunder på mobil, bliver oftere citeret end den samme side, der indlæses på 4 sekunder. Forskellen handler ikke kun om brugeroplevelsen (selv om den også betyder noget). Den handler også om crawlerens adgang. Hurtigere sider indlæses mere fuldstændigt inden for crawlerens tidsgrænse. Crawlere ser mere indhold, henter flere oplysninger og forstår siden bedre.

Optimering af billeder for hurtigere mobil

Billedoptimering er en af de største gevinster her. Store, uoptimerede billeder gør mobile sider markant langsommere. Billeder i WebP-format indlæses 35 % hurtigere end JPEG. Når billeder først indlæses, når de skal bruges (lazy loading), går den første indlæsning hurtigere. Et CDN, der leverer billeder fra en server tæt på brugeren, skærer markant i indlæsningstiden.

Almindelige fejl på mobil, der blokerer AI-crawlere

Din hjemmeside kan være mobilvenlig og stadig blokere crawlere fra at nå dit indhold. Her er de største fejl:

Indhold skjult bag interaktive elementer

Indhold i faner, harmonikaer eller karruseller, hvor man skal klikke for at folde ud, kan i princippet crawles, men vægtes lavere. Hvis dit mobile layout skjuler 50 % af dit indhold i faner, ser crawleren det hele, men AI-systemer behandler det som sekundært.

Indhold fjernet fra mobil

Nogle hjemmesider viser simplere mobilversioner uden de detaljerede forklaringer. Det sparer båndbredde, men giver crawlere mindre adgang. Lad være med det. Vis det samme indhold på begge enheder.

Uendelig scroll uden sideinddeling

Sider, der indlæser mere indhold, mens du scroller, bruger JavaScript til at hente flere elementer. Crawlere scroller ikke. De indlæser siden én gang og læser det, de får. Uendelig scroll ligner en kort side for en crawler, medmindre du giver sideinddelte links eller en knap til næste side, som crawleren kan finde.

Påtrængende pop-ups og overlays

Pop-ups, der dækker indhold eller skal lukkes, før man kan læse, er dårlige for brugerne og dårlige for crawlere. De kan blokere adgangen til hovedindholdet. Brug dem sparsomt, og lad aldrig vigtigt indhold ligge bag dem.

Billeder eller ressourcer blokeret for AI-crawlere

Din robots.txt eller dine regler for user-agents blokerer måske levering af billeder til visse crawlere. Hvis billeder ikke indlæses, går crawlere glip af billedernes alt-tekst og strukturerede data. Lad alle crawlere få adgang til billeder og ressourcer (medmindre du har en særlig grund til andet).

Forkert viewport-metatag

Viewport-metatagget fortæller browsere og crawlere, hvordan sidens bredde skal håndteres. Hvis din mobilside ikke har den rigtige viewport-angivelse, har både crawlere og browsere svært ved at vise siden korrekt.

Test din mobile hjemmeside for adgang fra AI-crawlere

Du kan ikke bare antage, at din mobile hjemmeside kan crawles. Test den.

Tjek visningen i Google Search Console

Brug Google Search Console til at tjekke for problemer med visningen af mobilversionen. Google viser dig, hvordan Googlebot ser dine mobile sider. Led efter manglende indhold, ødelagte billeder eller JavaScript, der fejler.

Test sidens hastighed på mobil

Test sidens hastighed på mobil med PageSpeed Insights, hvor mobil er valgt. Sigt efter grønne score (90+) på LCP, FID og CLS. Test indlæsningstiden på et rigtigt mobilnet (ikke dit wifi på kontoret). Hjemmesider bør indlæses på under 3 sekunder på 4G.

Tjek selv, at indholdet er synligt

Åbn din hjemmeside på en rigtig mobil (eller brug Chromes enhedsemulering). Scroll gennem dine sider. Sørg for, at intet vigtigt er skjult, fjernet eller kræver et klik. Spørg dig selv: Ville en crawler se det her indhold uden at klikke, trykke eller scrolle?

Test med mobile crawlere

Test om muligt med crawlere, der efterligner mobil. Nogle SEO-værktøjer kan crawle din hjemmeside med mobile Googlebot-user-agents. Det viser dig, hvad Googles crawler ser på mobil.

Ofte stillede spørgsmål

Ser AI-crawlere det samme mobile indhold som besøgende?

AI-crawlere efterligner mobile enheder, når de crawler, så de ser dit mobile layout og dit responsive design. Men de interagerer ikke med siden som mennesker. De klikker ikke på faner, folder ikke harmonikaer ud og scroller ikke for at indlæse mere indhold. Hvis indhold kræver interaktion for at indlæses, går crawlere måske glip af det eller behandler det som mindre vigtigt end indhold, der er synligt med det samme. Med WEMASY's hjemmesidebygger kan du sætte det op direkte på din hjemmeside.

Hvad sker der, hvis min mobilside er langsom?

Langsomme sider løber ud i tid, før crawlere har set alt indholdet. Hvis din side tager over 5 sekunder at indlæse på mobil, kan crawlere være færdige inden for deres tidsgrænse, før JavaScript er kørt færdigt, eller billeder er indlæst. De ender med et ufuldstændigt billede af din side. Det påvirker, hvor mange oplysninger de henter, og hvor meget vægt AI-systemer giver dit indhold.

Kan jeg vise crawlere andet indhold på mobil end på computer?

Du kan have forskelligt design og layout på mobil og computer. Men du bør ikke vise forskelligt indhold. Core Web Vitals og strukturerede data skal være ens på begge versioner. Al tekst, alle billeder og alle vigtige oplysninger skal stå på begge versioner (eller være tilgængelige uden klik). Hvis du viser en forenklet mobilversion, der udelader indhold, ser crawlere mindre.

Skader skjulte faner og harmonikaer min AI-synlighed?

Indhold i faner og harmonikaer kan stadig crawles, men vægtes lavere end indhold, der er synligt med det samme. Hvis dine vigtigste oplysninger er skjult bag faner på mobil, ser AI-systemer dem, men behandler dem som sekundære. For størst synlighed bør du flytte dit bedste indhold øverst på siden, hvor det indlæses først og vises uden klik.

Hvordan tester jeg, om min mobile hjemmeside er venlig over for AI-crawlere?

Tjek din mobilvisning i Google Search Console for at se, hvordan Googlebot læser dine sider. Test sidens hastighed på mobil med PageSpeed Insights, og sigt efter score på 90+ for Core Web Vitals. Åbn din hjemmeside på en rigtig mobil, og tjek, at alt vigtigt indhold er synligt uden at klikke eller scrolle. Crawlere ser kun det, der er tilgængeligt med det samme eller indlæses automatisk inden for deres tidsgrænse.

Skal jeg lave en separat mobilversion eller bruge responsivt design?

Brug responsivt design. Hvis du laver separate hjemmesider til mobil og computer (med forskelligt indhold), forvirrer du crawlere og skal vedligeholde to versioner. Responsivt design tilpasser layoutet til forskellige skærmstørrelser og viser det samme indhold og den samme HTML. Det er lettere at vedligeholde, bedre for crawlere og den tilgang, Google og AI-platforme anbefaler.

Brug det med det samme
på din egen hjemmeside.

Start gratis med WEMASY, og byg din side på få minutter.