SEO står för search engine optimization, sökmotoroptimering på svenska. SEO är en av de många grundstenar som måste finnas på den hemsida för att den ska synas i Googles sökresultat, men en del som oftas glöms bort eller får ta ett steg åt sidan för annat då det kan vara både svårt och ta lång tid att lära sig. 


I Pontus blogginlägg Utvecklingen av Dagsverket 1.0 - Prestanda och JAMStack och arbetet kan du läsa om varför vi valde just att bygga våra hemsidor i JAMStack, ett val som blev lätt att göra då vi såg hur mycket högre prestanda och SEO en JAMStack hemsida fick redan från grunden utan speciellt mycket innehåll.



Nuförtiden handlar SEO mer än bara optimerat innehåll, meta-titlar och meta-beskrivningar, din hemsida måste också vara tekniskt optimerad för både prestanda och användarvänlighet. Låt oss hoppa in i JAMstack och SEO!



Prestanda innebär hur snabbt en hemsida laddas i din webbrowser samt hur snabbt det går för google att crawla och indexera din hemsida. 

En hemsida som är bygg i JAMStack har ingen server, som en traditionell hemsida har, vilket gör att HTML filerna laddas ännu snabbare vilket leder till högre prestanda. Vill du lära dig mer om JAMStack och prestanda, läs Pontus blogginlägg Vad är JAMStack?.

Att ha en snabb hemsida bidrar också till hur användarvänlig din sida ses vara av Google.  Om dina besökare tröttnar på att din hemsida laddas för sakta är det inte omöjligt att de väljer en av dina konkurrenters sida som laddas fortare.

När en besökare lämnar hemsidan och går tillbaka till sökresultatet ser Google det som en bounce (en studs), som mäts i så kallad bounce rate. Målet är att ha en bounce rate runt 40%-55%, men det som ofta händer vid långsamt laddande hemsidor är att bounceraten blir hög och då ses som mindre användarvänlig av Google.

Då mer än 60% av alla sökningar kommer från mobilanvändare är det extra viktigt att se till att din hemsida är optimerad för just mobiltrafik samt att den är designad för mobil, alltså är responsiv dvs. anpassad för olika sorters skärmar. Som webbdesigner sittandes vid en stor skärm är det viktigt att hela tiden se till att knappar, formulär och bilder är anpassad även för mobilskärmen och är en bra storlek för en användares tumme. På Dagsverket jobbar vi alltid med mobile first och ser till att alla komponenter på en hemsida anpassas efter skärmstorlek, är funktionella och snygga.

HTTPS innebär att all trafik till hemsida är krypterad. Google favoriserar hemsidor som är krypterade och därmed anses trovärdiga, vilket gör att de för en fördel och kan ranka högre än okrypterade HTTP-sidor. 



Att se till att din hemsida har HTTPS är speciellt viktigt om du driver e-handel eller hanterar någon form av uppgifter. Personligen undviker jag alltid HTTP sidor då de känns osäkra och jag inte litar på att de hanterar mina uppgifter säkert nog.

On-page SEO innebär allt det du kan optimera i ditt CMS, som i vårt fall är Prismic. För så kallad on-page SEO finns det andra faktorer som är viktiga:

En av de viktigaste sakerna när det kommer till on-page SEO är att veta vilka sökord ditt innehåll och din hemsida ska synas för i sökmotorn. Att hitta rätt sökord och ranka för dem är en hel vetenskap i sig självt som jag inte kommer gå in på i dagens inlägg, men en bra start är att se på dina konkurrenter, vad har de för innehåll och för vilka ord syns de i sökmotorn? 

Gör en lista och börja bygga innehåll och skriva blogginlägg kring de sökorden så är du på god väg. Kom ihåg att orden ska vara relevanta för din bransch, din målgrupp och din sidas innehåll, annars är risken att dina besökare snabbt lämnar din sida för en konkurrents. I det här blogginlägget har jag tex. fokuserat på att skriva innehåll kring JAMStack och SEO då det är ord som jag vill att mitt inlägg ska synas för, så om du går tillbaka i inlägget kan du säkert se de poppa upp lite här och var. Men kom ihåg! Det är viktigt att inte överanvända orden du vill synas för, då kan Google se din innehåll som spammigt och ge dig en lägre rankning.

Meta-titlar och meta-beskrivningar är något av det första jag brukar föreslå att en kund tar tag i och optimerar. Det är ofta en väldigt lätt sak att optimera och som snabbt hjälper att öka din hemsidas SEO. Använd de sökord du har på din lista och se till att använda de orden i dina meta-titlar och meta-beskrivningar.

För meta-titlar försöka hålla dig inom ramen av 35 - max 60 tecken.

För meta-beskrivningar 130 - 160 tecken.

Alt-text är en beskrivande text du bör sätta på alla dina bilder. Du vet när man laddar över en bild från mobilen och den heter något som 35805840595795.jpg!? Det är inte den mest beskrivande texten för en bild som tex. föreställer en snygg hemsida. I alt-texten bör du alltid försöka beskriva vad bilden föreställer samt om det känns relevant, lägg till ett av dina sökord så får bilden möjlighet att synas i Google bildsök.

URL är namnet på din sida som syns i webbläsaren. Om du tittar i webbläsarens sökfält ser du att den här sidans URL är tex. jamstack-och-SEO. Här har jag valt de sökord som jag vill att det här blogginlägget ska ranka för vilket är JAMStack och SEO. 

Se till att dina URL:er är läsbara och beskrivande för sidans innehåll, precis som du gjort för dina bilders alt-texter, och undvik URL:er som har %! och .html i sig. 

Med länkflöde menas att alla sidor länkar till varandra utöver hela sidan. Det är viktigt att länkflödet går från startsidan vidare ner till alla undersidor, som en trappa. Men! Det är också viktigt att varje undersida länkar tillbaka till din startsida i tex. menyn eller footern av din hemsida. Kom ihåg att inte har för lång trappa nedåt i länkflödet, 3-4 trappsteg är max.

Hoppas att SEO och fördelarna med JAMStack för SEO nu känns tydligare och enklare att förstå!