JavaScript <\/em>\u00e4r ett programmeringsspr\u00e5k som anv\u00e4nds p\u00e5 de allra flesta webbplatser. Alla popul\u00e4ra CMS-system som WordPress, Joomla, Shopify och Drupal \u00e4r beroende av JavaScript f\u00f6r att fungera fullt ut. Vanligtvis anv\u00e4nds JavaScript f\u00f6r begr\u00e4nsade interaktiva funktioner som f\u00f6rb\u00e4ttrar anv\u00e4ndarupplevelsen p\u00e5 webbplatsen, men JavaScript kan ocks\u00e5 anv\u00e4ndas f\u00f6r att visa inneh\u00e5ll.<\/p>\n JavaScript och SEO<\/a> g\u00e5r inte alltid hand i hand. Google och andra s\u00f6kmotorer kan genoms\u00f6ka JavaScript-filer, men det finns ingen garanti f\u00f6r att de kommer att g\u00f6ra det. Anledningen \u00e4r att crawling och exekvering av JavaScript-filer kr\u00e4ver mycket resurser - och n\u00e4r Google m\u00e5ste crawla miljarder webbsidor varje dag vill de naturligtvis spara resurser.<\/p>\n Studier visar att m\u00e4ngden JavaScript som Google genoms\u00f6ker varierar fr\u00e5n webbplats till webbplats. Det beror bl.a. p\u00e5 m\u00e4ngden och typen av JavaScript p\u00e5 webbplatsen. Vanligtvis genoms\u00f6ker Google inte JavaScript som \u00e4r mycket resurskr\u00e4vande eller som, enligt Googles egen bed\u00f6mning, inte \u00e4r n\u00f6dv\u00e4ndigt att genoms\u00f6ka f\u00f6r att indexera inneh\u00e5llet p\u00e5 webbplatsen.<\/p>\n Denna brist p\u00e5 JavaScript-passhrough \u00e4r ett stort problem om inneh\u00e5llet (s\u00e4rskilt text och bilder) p\u00e5 din webbplats \u00e4r beroende av JavaScript f\u00f6r att visas. I s\u00e5 fall riskerar du att Google inte kan se ditt inneh\u00e5ll, vilket naturligtvis f\u00e5r stora konsekvenser f\u00f6r din synlighet p\u00e5 Google. Risken \u00e4r h\u00f6gst verklig, f\u00f6r det h\u00e4nder d\u00e5 och d\u00e5 att f\u00f6retag som kontaktar oss st\u00e5r inf\u00f6r problemet att Google inte kan se deras inneh\u00e5ll p\u00e5 grund av JavaScript.<\/p>\n Ovanst\u00e5ende fallgropar inneb\u00e4r inte att du inte ska anv\u00e4nda JavaScript p\u00e5 din webbplats, men det finns ett antal rekommendationer f\u00f6r anv\u00e4ndningen av JavaScript som du b\u00f6r f\u00f6lja n\u00e4r det \u00e4r m\u00f6jligt:<\/p>\n \u00c4ven om du visar allt inneh\u00e5ll utan JavaScript b\u00f6r du \u00e4nd\u00e5 f\u00f6lja rekommendationerna i punkterna 1-3 ovan. Inte minst eftersom en minskning av m\u00e4ngden JavaScript p\u00e5 din webbplats kan ha en positiv inverkan p\u00e5 webbplatsens laddningstid.<\/p>\n Ett enkelt s\u00e4tt att kontrollera om Google kan indexera din text \u00e4r att s\u00f6ka efter utvalda textsnuttar inom citationstecken p\u00e5 Google. Om din webbplats dyker upp i s\u00f6kresultaten \u00e4r det ett tecken p\u00e5 att Google kan l\u00e4sa och indexera texten. Vanligtvis kan du bara unders\u00f6ka en sida av varje typ (t.ex. f\u00f6rstasidan, en kategorisida och en produktsida).<\/p>\n P\u00e5 samma s\u00e4tt kan du kontrollera om Google kan indexera dina bilder. G\u00e5 till Google Image Search och klicka p\u00e5 kameraikonen till h\u00f6ger i s\u00f6kf\u00e4ltet. Du kan sedan ladda upp eller ange URL:en till den bild du vill kontrollera. Var s\u00e4rskilt uppm\u00e4rksam p\u00e5 bilder och text som kr\u00e4ver anv\u00e4ndarinteraktion f\u00f6r att visas.<\/p>\n Du kan anv\u00e4nda ett verktyg som Web Developer f\u00f6r Google Chrome f\u00f6r att kontrollera hur din webbplats ser ut utan JavaScript. Klicka p\u00e5 fliken \"Inaktivera\", sedan p\u00e5 \"Inaktivera JavaScript\" och ladda slutligen om sidan. Detta kan ge en indikation p\u00e5 hur Google ser p\u00e5 din webbplats i v\u00e4rsta fall. Inneh\u00e5llet, inklusive menyer som leder till inneh\u00e5llet, ska kunna visas utan JavaScript.<\/p>\n Ett sista bra test \u00e4r att anv\u00e4nda funktionen \"URL-inspektion\" i Google Search Console. Ange en webbadress fr\u00e5n din webbplats i s\u00f6kf\u00e4ltet h\u00f6gst upp i Google Search Console och klicka sedan p\u00e5 knappen \"Testa aktiv webbadress\" till h\u00f6ger. Du kan nu se den HTML-kod som Google ser p\u00e5 din webbplats och sedan kontrollera om din text och dina bilder \u00e4r en del av HTML-koden.<\/p>\n Det finns i princip tv\u00e5 s\u00e4tt att exekvera JavaScript: Rendering p\u00e5 klientsidan<\/em> (CSR) och server-<\/em>sidrendering<\/em> (SSR, \u00e4ven kallad f\u00f6rgenerering<\/em>). Det f\u00f6rstn\u00e4mnda k\u00f6r JavaScript i webbl\u00e4saren, medan det sistn\u00e4mnda k\u00f6r JavaScript p\u00e5 din webbserver innan webbplatsen skickas till webbl\u00e4saren. Det finns m\u00e5nga bra artiklar om detta p\u00e5 webben, s\u00e5 vi hoppar \u00f6ver de tekniska detaljerna h\u00e4r.<\/p>\n JavaScript k\u00f6rs vanligen med CSR, men SSR \u00e4r faktiskt en b\u00e4ttre l\u00f6sning f\u00f6r din SEO. Det beror dels p\u00e5 att det f\u00f6rb\u00e4ttrar laddningstiden och d\u00e4rmed anv\u00e4ndarupplevelsen p\u00e5 din webbplats, dels p\u00e5 att du anv\u00e4nder dina egna serverresurser f\u00f6r att exekvera JavaScript, s\u00e5 att Google inte beh\u00f6ver g\u00f6ra det sj\u00e4lv. SSR \u00e4r dock en mycket resurskr\u00e4vande l\u00f6sning som ocks\u00e5 \u00e4r tekniskt sv\u00e5r att implementera, vilket \u00e4r anledningen till att CSR \u00e4r mycket mer utbrett.<\/p>\n Om du har problem med att Google inte indexerar ditt inneh\u00e5ll p\u00e5 grund av JavaScript, \u00e4r en m\u00f6jlig l\u00f6sning att byta fr\u00e5n rendering p\u00e5 klientsidan till rendering p\u00e5 serversidan. Nackdelarna med det senare \u00e4r dock s\u00e5 stora att det vanligtvis finns en b\u00e4ttre l\u00f6sning: dynamisk rendering<\/em>.<\/p>\n Dynamisk rendering \u00e4r en hybrid av CSR och SSR. I praktiken inneb\u00e4r det att n\u00e4r en anv\u00e4ndare bes\u00f6ker din webbplats skickas en vanlig CSR-version av webbplatsen d\u00e4r JavaScript exekveras i anv\u00e4ndarens webbl\u00e4sare. N\u00e4r en s\u00f6kmotor bes\u00f6ker din webbplats skickas i st\u00e4llet en statisk SSR-version av webbplatsen, d\u00e4r din webbserver har exekverat allt JavaScript i f\u00f6rv\u00e4g.<\/p>\n Google rekommenderar dynamisk rendering p\u00e5 JavaScript-tunga webbplatser och har skrivit en guide h\u00e4r<\/a>. Det finns flera verktyg tillg\u00e4ngliga f\u00f6r detta \u00e4ndam\u00e5l, bland annat Prerender.io<\/a>. Det \u00e4r viktigt att den statiska sidan du skickar till Google inneh\u00e5ller samma inneh\u00e5ll som den du skickar till vanliga anv\u00e4ndare. Om inneh\u00e5llet inte \u00e4r identiskt kallas det f\u00f6r cloaking - en metod som syftar till att manipulera s\u00f6kmotorer.<\/p>\n Henning Madsen presenterar Quick JavaScript Switcher i videon nedan. Det \u00e4r ett anv\u00e4ndbart verktyg f\u00f6r att se om din JavaScript-webbplats p\u00e5verkar din synlighet p\u00e5 Google. Det \u00e4r ett enkelt plugin som snabbt ger dig en \u00f6verblick \u00f6ver vilka delar av webbplatsen som \u00e4r utmanade n\u00e4r det g\u00e4ller SEO. Titta p\u00e5 videon h\u00e4r:<\/p>\n
\nTips f\u00f6r anv\u00e4ndning av JavaScript<\/h2>\n
\n
\nKartl\u00e4ggning av JavaScript-problem<\/h2>\n
\nL\u00f6sningar f\u00f6r JavaScript-tunga webbplatser<\/h2>\n
\n\u00c4r JavaScript skadligt f\u00f6r din webbplats?<\/h2>\n