ChatGPT läser inte din webbplats som en människa. Den läser inte varje ord i ordning uppifrån och ned. Den läser i bitar och hoppar genom innehållet enligt ett bestämt mönster. Om du förstår det ändras hur du bör formatera och strukturera dina sidor.
De flesta strukturerar innehåll för mänsklig läsbarhet och för Googles algoritm. ChatGPT behöver något annat. När du förstår hur den läser kan du anpassa strukturen efter det.
Den här artikeln går igenom hur ChatGPT kommer åt och läser ditt innehåll, och vilken struktur som hjälper den att plocka ut den information den behöver.
Så kommer ChatGPT åt din webbplats
När du ställer en fråga till ChatGPT gör ChatGPT Search en HTTP GET-förfrågan för att hämta webbplatsens råa HTML. Den läser HTML-koden direkt: inte renderad JavaScript, inte en skärmbild och inte det du ser i webbläsaren.
Det är samma sak som att högerklicka på din webbplats och välja Visa sidkälla. ChatGPT ser den råa koden.
HTML-koden innehåller:
- Rubriker (h1, h2, h3)
- Stycken (p)
- Listor (ul, ol)
- Tabeller (table)
- Länkar (a)
- Semantiska element (article, section, nav, header)
- Metadata (title-taggar, metabeskrivningar)
- Strukturerad data (schema.org-märkning)
ChatGPT ser inte:
- Bilder (om inte alt-text finns med)
- Innehåll som renderas av JavaScript
- CSS-formatering
- Layout och design
- Allt som laddas dynamiskt efter den första HTML-koden
Det glidande fönstret: Så läser ChatGPT egentligen
Det här är det viktigaste begreppet. ChatGPT läser inte linjärt. Den börjar inte på rad 1 och läser varje rad till slutet.
I stället använder ChatGPT ett glidande fönster. Den läser innehållet i bitar och tar stickprov med jämna mellanrum. Den kan läsa:
- Rad 0 till 50 (inledning och första avsnittet)
- Rad 50 till 100 (mittenavsnitten)
- Rad 100 till 150 (mer innehåll)
- Rad 150 till slutet (avslutning)
Den hoppar genom innehållet och läser strategiskt placerade bitar. Det beror på tokengränser: ChatGPT kan inte bearbeta oändligt långa sidor, så den tar stickprov med jämna mellanrum.
Slutsatsen: Innehåll allra högst upp på sidan och på strategiska ställen längre ned blir läst. Innehåll som ligger djupt begravt i ett långt mittenavsnitt kan hoppas över.
Det skiljer sig från Google, som crawlar varje ord på din sida. ChatGPT prioriterar innehåll utifrån position.
Semantisk HTML: Grunden
Semantisk HTML talar om för ChatGPT vad olika delar av ditt innehåll är. Använd HTML-element som beskriver sitt syfte i stället för generiska div-containrar.
I stället för det här
<div>
<div>Main Article</div>
<div>This is the introduction...</div>
<div>This is the body...</div>
</div>
Använd det här
<article>
<h1>Main Article</h1>
<p>This is the introduction...</p>
<section>
<h2>Section Heading</h2>
<p>This is the body...</p>
</section>
</article>
Semantiska element som ChatGPT känner igen:
- header: Det inledande avsnittet eller navigeringen
- nav: Navigeringslänkar
- main: Huvudinnehållet
- article: Fristående innehåll (ett blogginlägg, en artikel, en guide)
- section: En tematisk gruppering av innehåll
- aside: Innehåll i sidofält, kompletterande information
- footer: Information i sidfoten
De här taggarna hjälper ChatGPT att förstå strukturen med en blick och prioritera sin läsning.
Innehållsformat som fungerar för ChatGPT
Eftersom ChatGPT läser i bitar och använder ett glidande fönster fungerar vissa format bättre.
Tydliga rubriker med jämna mellanrum
Rubriker fungerar som vägskyltar. De talar om för ChatGPT vilket avsnitt som kommer härnäst. Placera rubriker med jämna mellanrum (ungefär var 200:e till 300:e ord). Då ser ChatGPT strukturen även när den tar stickprov.
Numrerade listor
ChatGPT känner igen numrerade listor och läser dem effektivt. Använd numrerade listor i stället för löpande text för alla steg-för-steg-processer. Strukturen blir tydligare och ChatGPT bearbetar den snabbare.
Tabeller för jämförelser
Tabeller är mycket strukturerade och ChatGPT läser dem helt. Använd en tabell när du jämför saker (priser, funktioner, alternativ).
FAQ-avsnitt
FAQ-formatet (fråga och svar i par) är mycket strukturerat. ChatGPT känner igen formatet och hämtar svaren direkt. Därför citeras FAQ-innehåll ofta.
Fetmarkera nyckeltermer och definitioner
När du introducerar en term eller definition ska du låta den sticka ut:
<p><strong>Bounce rate</strong> is the percentage of visitors who leave a page without taking any action.</p>
Fetstil signalerar till ChatGPT att det här är ett nyckelbegrepp som är värt att komma ihåg.
Lyft fram data och statistik
När du tar med siffror, data eller statistik ska du se till att de står i ett format som ChatGPT enkelt kan hämta:
<p>Studies show <strong>53% of visitors leave pages that take longer than 3 seconds to load</strong>.</p>
Eller i en tabell eller lista. Siffror i löptext fungerar, men strukturerad data är bättre.
Innehållstäthet och tokenanvändning
Eftersom ChatGPT har tokengränser påverkar mängden innehåll vad den hinner läsa.
En sida med 2 000 ord kan läsas helt. En sida med 10 000 ord kan få kraftiga stickprov, där stora bitar hoppas över. På mycket långa sidor finns risken att viktigt innehåll hamnar i de överhoppade bitarna.
Praktisk tumregel:
- 500 till 1 500 ord: Läses helt
- 1 500 till 3 000 ord: Läses mestadels, med enstaka stickprov
- 3 000 till 5 000 ord: Tydliga stickprov (mittenavsnitten löper störst risk)
- Över 5 000 ord: Kraftiga stickprov (viktigt innehåll måste ligga högst upp eller på flera strategiska ställen)
Om din sida är lång bör du upprepa nyckelinformation på olika ställen. Anta inte att innehåll i mitten blir läst.
Strategi för placering
Med tanke på det glidande fönstret bör du placera innehållet strategiskt:
Översta 20 % av sidan: Det här läses alltid. Lägg ditt kärnsvar, din definition eller ditt viktigaste påstående här.
Var 20:e till 30:e procent: Placera avsnittsrubriker och sammanfattningar av ämnet. De fungerar som kontrollpunkter.
Nedersta 10 %: Ta med slutsatsen och eventuella sista nyckelpunkter.
Undvik: Lång löpande text. Dela upp den i avsnitt med rubriker och visuell hierarki.
Så hjälper WEMASY dig att strukturera för ChatGPT:s läsning
WEMASY:s webbplatsbyggare använder semantiska HTML-mallar som standard, så att ditt innehåll är strukturerat på ett sätt som ChatGPT läser effektivt. Du kan se hur din sida ser ut i rå HTML-vy, vilket gör det enkelt att granska strukturen. Inbyggda mallar för FAQ, listor och tabeller ger optimal formatering. Läsbarhetsanalysen visar om innehållet är rätt placerat i ChatGPT:s mönster med glidande fönster. Optimera din struktur med WEMASY:s verktyg för innehållsstruktur.
Vanliga frågor
Om jag har en artikel på 5 000 ord, läser ChatGPT hela?
Inte nödvändigtvis. ChatGPT tar stickprov, med tonvikt på början, mitten och slutet. Viktigt innehåll riskerar att ligga i de överhoppade delarna. För långa artiklar bör du antingen korta ned dem eller upprepa nyckelinformation strategiskt på flera ställen. Med WEMASY:s webbplatsbyggare kan du ställa in detta direkt på din webbplats.
Påverkar CSS- eller JavaScript-formatering hur ChatGPT läser mitt innehåll?
Nej. ChatGPT läser rå HTML, inte renderade sidor. CSS och JavaScript påverkar inte hur ChatGPT ser ditt innehåll. Det som räknas är HTML-strukturen.
Ska jag ha rubriker var 100:e ord eller var 200:e ord?
Ungefär var 200:e till 300:e ord är idealiskt. Rubriker fungerar som vägskyltar för ChatGPT:s glidande fönster. För många rubriker skapar brus, och för få ger långa textbitar utan struktur.
Om jag använder tabeller, läser ChatGPT dem helt?
Ja. Tabeller är mycket strukturerade och ChatGPT läser dem i sin helhet. Tabeller passar utmärkt för jämförelser, specifikationer och strukturerad data.
Påverkar min navigeringsmeny hur ChatGPT läser mitt huvudinnehåll?
Navigeringen ska ligga i en nav-tagg. ChatGPT känner igen den som strukturell navigering och prioriterar den inte framför huvudinnehållet (i main-taggen). Korrekt semantisk HTML ser till att navigeringen inte stör.
Vad händer om min sida har avancerad formatering med div-element i stället för semantisk HTML?
ChatGPT läser fortfarande innehållet, men kan missförstå strukturen. Semantisk HTML är bästa praxis och hjälper ChatGPT (och Google och skärmläsare) att förstå vad varje avsnitt är. Byt ut generiska div-element mot semantiska element när det går.