Vad är JavaScript?
JavaScript är ett programmeringsspråk som används på de allra flesta webbplatser. Alla populära CMS-system som WordPress, Joomla, Shopify och Drupal är beroende av JavaScript för att fungera fullt ut. Vanligtvis används JavaScript för begränsade interaktiva funktioner som förbättrar användarupplevelsen på webbplatsen, men JavaScript kan också användas för att visa innehåll.
JavaScript och SEO går inte alltid hand i hand. Google och andra sökmotorer kan genomsöka JavaScript-filer, men det finns ingen garanti för att de kommer att göra det. Anledningen är att crawling och exekvering av JavaScript-filer kräver mycket resurser - och när Google måste crawla miljarder webbsidor varje dag vill de naturligtvis spara resurser.
Studier visar att mängden JavaScript som Google genomsöker varierar från webbplats till webbplats. Det beror bl.a. på mängden och typen av JavaScript på webbplatsen. Vanligtvis genomsöker Google inte JavaScript som är mycket resurskrävande eller som, enligt Googles egen bedömning, inte är nödvändigt att genomsöka för att indexera innehållet på webbplatsen.
Denna brist på JavaScript-passhrough är ett stort problem om innehållet (särskilt text och bilder) på din webbplats är beroende av JavaScript för att visas. I så fall riskerar du att Google inte kan se ditt innehåll, vilket naturligtvis får stora konsekvenser för din synlighet på Google. Risken är högst verklig, för det händer då och då att företag som kontaktar oss står inför problemet att Google inte kan se deras innehåll på grund av JavaScript.
Tips för användning av JavaScript
Ovanstående fallgropar innebär inte att du inte ska använda JavaScript på din webbplats, men det finns ett antal rekommendationer för användningen av JavaScript som du bör följa när det är möjligt:
- Ta bort JavaScript som inte används. Du kan använda Google PageSpeed-insikter för att identifiera hela eller delar av JavaScript-filer som inte används.
- Minska alla JavaScript-filer. Du kan till exempel använda JavaScript Minifier för att krympa JavaScript-filer och därmed minska filstorleken.
- Ge Google tillgång till alla JavaScript-filer. Blockera inte Googles åtkomst till JavaScript-filer via webbplatsen robots.txt-fil.
- Visa innehåll utan att använda JavaScript. Utveckla inte en webbplats där JavaScript krävs för att visa innehållet (text och bilder).
- Visa innehåll utan användarinteraktion. Dölj inte innehåll utan visa det först efter en användarinteraktion (t.ex. genom att klicka på en "Läs mer"-knapp eller skrolla längst ned på sidan). Google utför inte sådana här interaktioner. Du får dock dölja innehåll från användare och endast visa det efter interaktion, så länge som innehållet alltid är en del av webbplatsens HTML-källkod.
Även om du visar allt innehåll utan JavaScript bör du ändå följa rekommendationerna i punkterna 1-3 ovan. Inte minst eftersom en minskning av mängden JavaScript på din webbplats kan ha en positiv inverkan på webbplatsens laddningstid.
Kartläggning av JavaScript-problem
Ett enkelt sätt att kontrollera om Google kan indexera din text är att söka efter utvalda textsnuttar inom citationstecken på Google. Om din webbplats dyker upp i sökresultaten är det ett tecken på att Google kan läsa och indexera texten. Vanligtvis kan du bara undersöka en sida av varje typ (t.ex. förstasidan, en kategorisida och en produktsida).
På samma sätt kan du kontrollera om Google kan indexera dina bilder. Gå till Google Image Search och klicka på kameraikonen till höger i sökfältet. Du kan sedan ladda upp eller ange URL:en till den bild du vill kontrollera. Var särskilt uppmärksam på bilder och text som kräver användarinteraktion för att visas.
Du kan använda ett verktyg som Web Developer för Google Chrome för att kontrollera hur din webbplats ser ut utan JavaScript. Klicka på fliken "Inaktivera", sedan på "Inaktivera JavaScript" och ladda slutligen om sidan. Detta kan ge en indikation på hur Google ser på din webbplats i värsta fall. Innehållet, inklusive menyer som leder till innehållet, ska kunna visas utan JavaScript.
Ett sista bra test är att använda funktionen "URL-inspektion" i Google Search Console. Ange en webbadress från din webbplats i sökfältet högst upp i Google Search Console och klicka sedan på knappen "Testa aktiv webbadress" till höger. Du kan nu se den HTML-kod som Google ser på din webbplats och sedan kontrollera om din text och dina bilder är en del av HTML-koden.
Lösningar för JavaScript-tunga webbplatser
Det finns i princip två sätt att exekvera JavaScript: Rendering på klientsidan (CSR) och server-sidrendering (SSR, även kallad förgenerering). Det förstnämnda kör JavaScript i webbläsaren, medan det sistnämnda kör JavaScript på din webbserver innan webbplatsen skickas till webbläsaren. Det finns många bra artiklar om detta på webben, så vi hoppar över de tekniska detaljerna här.
JavaScript körs vanligen med CSR, men SSR är faktiskt en bättre lösning för din SEO. Det beror dels på att det förbättrar laddningstiden och därmed användarupplevelsen på din webbplats, dels på att du använder dina egna serverresurser för att exekvera JavaScript, så att Google inte behöver göra det själv. SSR är dock en mycket resurskrävande lösning som också är tekniskt svår att implementera, vilket är anledningen till att CSR är mycket mer utbrett.
Om du har problem med att Google inte indexerar ditt innehåll på grund av JavaScript, är en möjlig lösning att byta från rendering på klientsidan till rendering på serversidan. Nackdelarna med det senare är dock så stora att det vanligtvis finns en bättre lösning: dynamisk rendering.
Dynamisk rendering är en hybrid av CSR och SSR. I praktiken innebär det att när en användare besöker din webbplats skickas en vanlig CSR-version av webbplatsen där JavaScript exekveras i användarens webbläsare. När en sökmotor besöker din webbplats skickas i stället en statisk SSR-version av webbplatsen, där din webbserver har exekverat allt JavaScript i förväg.
Google rekommenderar dynamisk rendering på JavaScript-tunga webbplatser och har skrivit en guide här. Det finns flera verktyg tillgängliga för detta ändamål, bland annat Prerender.io. Det är viktigt att den statiska sidan du skickar till Google innehåller samma innehåll som den du skickar till vanliga användare. Om innehållet inte är identiskt kallas det för cloaking - en metod som syftar till att manipulera sökmotorer.
Är JavaScript skadligt för din webbplats?
Henning Madsen presenterar Quick JavaScript Switcher i videon nedan. Det är ett användbart verktyg för att se om din JavaScript-webbplats påverkar din synlighet på Google. Det är ett enkelt plugin som snabbt ger dig en överblick över vilka delar av webbplatsen som är utmanade när det gäller SEO. Titta på videon här:
