Hvordan indekserer Google JavaScript dynamiske sider?
Googlebot, Googles webcrawler, har traditionelt stået over for udfordringer med at forstå JavaScript-kode og dynamisk sidegenerering. For at sikre, at indhold, der genereres dynamisk, indekseres korrekt, er det vigtigt at optimere dit websted til JavaScript-gengivelse og give tip til Google. Her er nogle effektive strategier:
1. Dynamisk gengivelse :
- Server-Side Rendering (SSR):
Generer HTML fra JavaScript på serveren, før du sender siden til browseren. Denne metode giver Googlebot mulighed for at crawle og indeksere dit indhold direkte uden at støde på problemer med JavaScript-udførelse.
- Client-Side Rendering (CSR):
Brug en hybrid tilgang, hvor statisk indhold og SEO-metainformation gengives på serveren, mens dynamisk indhold gengives på klienten. Dette sikrer, at søgemaskiner kan få adgang til væsentligt indhold uden at gengive JavaScript fuldt ud.
2. Forudgående/hovedløs gengivelse :
Brug en tjeneste som Puppeteer eller hovedløse browsere som PhantomJS til at prægengive JavaScript-indhold, før Googlebot besøger dit websted. Dette gør det muligt for Googlebot at se den endelige HTML-version af siden.
3. Omskrivning af webadresse :
- AJAX Crawling:
Hvis dit websted bruger AJAX til dynamiske opdateringer uden URL-ændringer, skal du implementere AJAX-crawling for at informere Googlebot om det opdaterede indhold, når det besøger en bestemt URL.
- Single Page Applications (SPA):
Rediger URL'en, så den afspejler den aktuelle tilstand eller rute for crawlbare, unikke versioner af din SPA.
4. Metatags og strukturerede data :
- Brug -tags som til at give indekseringsinstruktioner til Googlebot.
- Brug strukturerede data til at tilføje rig kontekst til dit indhold og lette forståelsen.
5. Sitemaps og URL-inspektionsværktøj :
- Indsend et sitemap for at informere Google om dine webadresser.
- Brug Googles URL-inspektionsværktøj i Search Console til at teste, hvordan Google gengiver og indekserer individuelle webadresser.
6. HTTP-headertips :
- HTTP-svar-headere:
Overvej at bruge HTTP-svarheadere som HTTP Vary til at angive, hvornår ændringer i HTTP-anmodningsheaderen resulterer i andet indhold.
- Varier HTTP-header:
For AJAX-crawlere skal du bruge overskriften ```Vary:Accept``` for at angive variationer baseret på Accept-headeren.
7. Linktip og forhåndshentning :
- Forhåndshentning af link:
Brug `` `` tag for at foreslå Google, at visse ressourcer skal forudhentes til fremtidig brug.
- Linktip:
Brug `` `` og `` ``-tags for at give URL-tip for på hinanden følgende sider eller næste og forrige sider i en serie.
Ved effektivt at kombinere disse teknikker kan du guide Googlebot til at få adgang til, forstå og indeksere dynamisk indhold på dit websted og derved forbedre dit websteds synlighed og gennemgang.