Sökmotorkonsult.se

React SEO – Hur du hjälper Google på traven

Ska du bygga en ny sajt och ska använda React? Spännande! I denna artikel ska jag lugnt och sansat ta dig igenom vad det betyder för SEO:n och hur du kan säkerställa att din nya sajt tas väl emot av Google och kan fortsätta att ranka högt för viktiga sökord. Om du inte tänker på detta innan lanseringen så kommer det att stå dig dyrt.

React, och andra JavaScript-ramverk, blir bara mer och mer populära dels hos webbutvecklare, dels hos beslutsfattare. VD:n och marknadsavdelningen vill ha effektiv utveckling ur kostnads- och tids-aspekten, och utvecklaren vill ha ett kompromisslöst ramverk att luta sig tillbaka på samt ett sprudlande community att söka stöd och råd inom. Problemet med JavaScript är att Google tyvärr inte alltid har resurser att exekvera koden med deras botar, och då missar de att indexera väsentligt innehåll.

React + Google = sant?

Ja och nej. I dagsläget har Google dessvärre problem med indexering och avspindling av JavaScript-element på sajten (jag har skrivit om detta på bloggen tidigare). Problemet som uppstår är att exekveringen av JS-kod stannar upp Googlebot och gör att denne måste invänta full inhämtning av koden innan den fortsätter jobba sig igenom resterande kod.

Men ska vi gå till botten av problemet så handlar det snarare om ett tidigare problem än så. Något många inte tänker på är att det finns funktioner som Google använder sig av, Googlebot och Caffeine, dessa funktioner jobbar tillsammans men har två arbetsuppgifter. Googlebot (den mest kända) spindlar av och försöker finna så många URL:er som möjligt genom att följa länkar på sajten, när vi använder oss av React så kommer den inte att finna några länkar i koden, utan kommer behöva skicka vidare den till Caffeine. Dennes uppdrag är att rendera upp och indexera innehållet – här kan du läsa mer om vad exakt som Caffeine gör.

Caffeine får i sin tur den URL som Googlebot spindlade av, renderar upp den och extraherar alla länkar som den numera hittar (när JS-koden är exekverad och länkarna dyker upp). Nu måste dessa länkar på nytt skickas tillbaka till Googlebot för avspindling innan de skicka tillbaka till Caffeine. Från de sidor som Caffeine skickar tillbaka kommer vi antagligen hitta fler ”gömda” länkar och problemet eskalerar.

Som ni säkert förstår leder detta till en resurskrävande process för Google, och er indexering kan fördröjas länge.

Om vi dessutom slänger in problem med rendering av sidan (för att det tar för lång tid, eller för att Google blockas från vissa element på sidan) så kan det stå er dyrt vid lansering.

Single Page Applications (SPAs)

Single Page Applications eller SPAs är ett sätt att enbart ladda in en sida, och dynamiskt ändra på innehållet baserat på vilken sida man befinner sig på. Detta kan låta smidigt men kan samtidigt innebära problem om Google har problem med exekveringen av React. Om innehållet inte läses in så kommer sidan se helt tom ut för Google, vilket, som ni säkert förstår, inte är bra.

Det är därför jätteviktigt att man säkerställer att allt funkar som det ska innan man lanserar sin sajt med de senaste ramverken, vilket leder oss in på lösningen på React och SEO.

Hur löser man detta?

Som tur är, eftersom React är populärt och dessutom open-source, så finns det lösningar på detta. Det handlar om något som kallas för Server-Side Rendering (SSR). SSR är en process där man hämtar hem en färdig-renderad version av sajtens sidor och när Googlebot knackar på så levererar servern dessa sidor till Googlebot.

Googlebot kan således snabbt se samtliga länkar och skicka dessa vidare till Caffeine för rendering och indexering. Detta underlättar ledtiden för att dessa botar ska samarbeta och skicka hundratals URL:er mellan varandra, och säkerställa att ni får snabb indexering vid er lansering.

Är ni i behov av en SEO-partner som kan hjälpa er med allt från kravspecifikation till att vara rådgivare och bollplank vid er kommande lansering? Eller kanske en strategisk partner som tar er SEO till nästa nivå? Kontakta oss på Pineberry!

RSS feed for comments on this post.

Innan du kommenterar var vänlig och läs igenom reglerna för kommentarer

Pineberrys nya AI-konsult ALI

Möt vår nya AI-kollega ALI

Vi är idag mycket medvetna om hur föränderlig och fantastisk vår värld är. Varje dag uppstår nya möjligheter för innovation och framsteg. Nu tar Pineberry ett av sina största kliv någonsin. Låt oss introducera vår AI-kollega ALI.

Michael Wahlgren, Nicklas Krus och Simon Davidsson i avsnitt 70 av Sökpodden

#70 Turturduvan

Vad händer när Chrome dumpar tredjepartskakan? Detta ämne börjar vi med i avsnitt 70 av Sökpodden. Denna gång pratar vi även om hur Google Ads påverkar den organiska trafiken och så avslutar med en SEO-clinic – ett av våra mest populär ämnen! Du lyssnar väl?

Har SEO blivit svårare eller enklare?

Har SEO blivit enklare eller svårare?

Vad säger du? Har SEO blivit enklare eller svårare sedan du började jobba med det? Rösta och ge din syn på saken!

Michael Wahlgren, Jonathan Olsson och Alexander Bergström i avsnitt 69 av Sökpodden

#69 Trösklar

Då var det äntligen dags för ett nytt avsnitt av Sökpodden. Denna gång diskuteras trösklar för AdRank, vi genomför en SEO-clinic och så säger vi tack och hej till BMM efter tio års trogen tjänst. Du lyssnar väl?

Guldläge på nätet 2021

Guldläge på nätet i ny upplaga

Guldläge på nätet släpps i dag i en fjärde uppdaterad upplaga efter hela 7 000 sålda exemplar. Det är kul att vår SEO-bok fortsätter läsas och uppskattas. Även om det mesta inom SEO inte ändrat sig så mycket är där givitvis en del nyheter och förändringar i nya upplagan.