Teknisk SEO

Vad är teknisk SEO? Ett enkelt sett att se på saken är: all slags optimering som inte har med innehållet eller länkar att göra. Istället handlar det om delarna av sidan som användarna inte ser. De flesta webbplatsägare bör veta att sökmotoroptimering är en väsentlig del av att locka organisk trafik till sin sida, men betydligt färre är medvetna om inverkan som teknisk SEO kan ha.

Basic SEO pyramid

Teknisk SEO är din grund.

Det bör inte komma som en överraskning att den här typen av optimering kan blir väldigt… Teknisk. Därmed har vi valt att hålla den här sidan relativt kortfattad och lättläst. Du behöver inte må dåligt om det finns vissa åtgärder du inte kan ta, eftersom det inte är nödvändigt (eller ens möjligt) att ha en ”perfekt” webbplats.

Vad kan jag få ut av teknisk SEO?

Det stämmer förvisso att de största vinsterna från teknisk optimering av din webbplats kommer från att reparera, återställa och korrigera tidigare misstag – men å andra sidan kan man få väldigt positiva resultat på exempelvis laddningstider, konverteringsfrekvenser, avvisningsfrekvensser, klick-frekvensen och rent av trafikvolymen med korrekt teknisk SEO!

Vad innefattar teknisk SEO?

Teknisk SEO omfattar många olika aspekter av din webbplats, från hur snabbt den laddas till hur hela sidan är strukturerad och kodad. Vissa delar kan verka obetydliga, så som att minska storleken på dina bilder med ett par kilobyte styck, men i längden blir det mycket. En enda bild på 10 kilobyte som visas 3 gånger per dag blir totalt 10,95 megabyte på ett år – och det är bara en enda, liten bild. Föreställ dig vad som händer med hundratals bilder på hundratals kilobyte styck, som visas hundratals gånger per dag.

They add up to a lot

Webbegendom, språk och mål-land

Vi börjar här, eftersom du kan göra den här biten så fort du har en webbplats uppe på nätet. Din webbplats (domänen + innehållet) kan ses som en webbegendom, på samma vis som en landsegendom i verkligheten. Det unika problemet med webbegendomar är att de, till skillnad från tomter, kan ha mer än en adress. Följande är, till exempel, fyra olika adresser till samma webbegendom/webbplats:

  • http://example.com
  • http://www.example.com
  • https://example.com
  • https://www.example.com

Det är viktigt att säkerställa att den korrekta versionen av din webbplats är angiven som den primära i Google Search Console (tidigare Webmaster Tools), så att Google vet vilken version som ska visas i sökresultaten. Detta bör dessutom matchas med en ”rel=canonical”-tagg i HTML-koden.

På samma gång bör du se till att din webbplats är inriktad mot korrekt språk och land. Detta kan (och bör) också göras i både HTML och i Search Console. Observera att länkar till andra språkversioner rekommenderas att taggas, men att dessa taggar ignoreras av Google.

”Vi använder oss inte av någon språkinformation på kod-nivå, så som hreflang-attribut.” – Google

SSL Secure Web

Slutligen är det rekommenderat att använda HTTPS-kryptering över hela webbplatsen. Det är definitivt inte nödvändigt, men allt fler hemsidor ansluter sig till den säkra webben – Särskilt efter att Google annonserade att det är en (mindre) rankfaktor, samt att det är nödvändigt för att utnyttja HTTP/2. Varningar för sidor utan HTTPS kommer att bli allt vanligare.

Webbplatsarkitektur och struktur

Du bör ha funderat över din webbplats struktur, information, arkitektur och navigering innan du ens började med den. Om du inte gjorde det är det bättre att fixa det förr än senare. Att ha en uselt strukturerad sida med inkorrekt eller förvirrande navigering gör det svårare för så väl mänskliga besökare som för robotiserade sökmotorer att ta sig igenom din webbplats.

Site structure example

Ett simpelt exempel på en tydlig struktur.

Strukturen bör vara så enkel och tydlig som möjligt – men det finns inte ett perfekt sätt att göra det på. En typisk struktur använder sig av kategorier, underkategorier, sidor/inlägg, samt möjligtvis taggar och landningssidor. Att göra det på rätt sätt hjälper rätt personer att hitta rätt sida på rätt steg av försäljningsstegen.

URL-optimering

Allt för många webmasters och webbutiksägare förbiser URL-optimering av någon anledning. Det är viktigt, eftersom både sökmotorer och vanliga användare starkt föredrar korta och tydliga webbadresser. Man bör kunna lista ut vad sidan handlar om bara genom att läsa adressen, så om dina URL-adresser inte är optimerade finns det en god chans att du straffas i rankningen.

Pretty site structure example

Webbshoppen ”Bubbleroom” har en väldigt tydlig struktur.

Som ett exempel på bra sidstruktur: http://www.example.com/kategori/sida-om-saker – Detta är enkelt att förstå för både människor och sökmotorer. Använd lämpliga nyckelord i adressen. Det är lika viktigt att göra navigeringen (menyer, interna länkar, etc.) lika enkla att förstå. PS: Dina URL-adresser borde alltid använda sig av teckenkodningen UTF-8.

”Se till att använda UTF-8-teckenkodning i din URL (faktum är att vi rekommenderar UTF-8 överallt där det är möjligt)” – Google

Även om alla dina URL:er är lättlästa, kortfattade och beskrivande så kan du ha missat att definiera alla webbadressparametrar, så som paginering, sortering eller filtrering av produkter, spårningstaggar, sessions-ID:s, sökfrågor, etc. Google och andra sökmotorer har blivit väldigt bra på att själva identifiera dessa över åren, men det är fortfarande viktigt att försäkra att det fungerar som det ska. Det finns flera olika sätt att göra det på (Search Console, robots.txt, HTML-taggar, etc.), men Search Console är den främsta metoden för Google. Det kan vara värt att göra på mer än ett sätt i vissa fall, bara så att andra sökmotorer också förstår din webbplats. Se till att:

  • Din webbplats har en tydlig, logisk struktur
  • Den är enkel att navigera
  • Webbadresserna är korta, tydliga, relevanta och lättlästa
  • Webbadresserna använder teckenkodningen UTF-8

Indexering & crawling

Först och främst måste man se till så att sökmotorernas ”crawlers” eller ”spindlar” – datoriserade sökrobotar som ”kryper” genom webben, för att scanna och indexera individuella sidor – faktiskt kan söka igenom din webbplats korrekt. Google Search Console låter dig ansöka om en simulerad ”crawl” från Googles egna sökrobot, varpå du manuellt kan skicka din webbplats till Googles index. Alternativt kan du använda dig av andra crawlers, så som den utmärkta Screaming Frog SEO Spider eller webbaserade verktyg.

Google Web Crawler

Du måste försäkra att dessa crawlers kan komma åt varje sida de bör kunna komma åt, samt att de inte kan komma åt eventuella sidor du vill blockera dem från att besöka. Är din robots.txt-fil korrekt inställd? Där kan du ge instruktioner åt bots och crawlers om var de är tillåtna eller ej, hur ofta de får besöka, etc. I värsta fall kan du ha råkat blockera hela sidan från att indexeras.

Skapa en sidkarta (sitemap) för hela din webbplats och ange den i Google Search Console. Det försäkrar att din webbplats genomsöks och indexeras av sökmotorn, samt visar dig vad som eventuellt gick fel.

Checklista för indexering och crawling, se till att:

  • Din webbplats kan genomsökas av sökmotorer
  • Den passerar HTML/CSS-validering
  • Den har inget eller väldigt lite duplicerat innehåll
  • Din robots.txt är korrekt inställd
  • Du har skapat och skickat in en sidkarta
  • Din webbplats har inga 404-fel (eller andra typer)
  • Dina omdirigerade länkar fungerar

PageSpeed

Användare har alltid föredragit sidor som laddas snabbt, men det har blivit en mycket viktigare faktor över de senaste par åren. Den massiva näthandeln Amazon.com noterade att deras konverteringsfrekvens (andelen kunder som köper) gick upp med 1% per 100 ms av minskad laddningstid.

Dessutom har Google bekräftat att sidor som laddar snabbt brukar ranka högre än sidor som laddar långsamt. Deras mänskliga utvärderare betygsätter också laddningstider som en del av sidans användarvänlighet. De snabbaste sidorna på nätet laddar på ett par hundra millisekunder. Om du tror att din fyrasekunders laddningstid fortfarande är OK så är det dags att tänka om.

Page load speed runner

Så, vad bidrar till långsamma laddningstider för webbplatser? Hur snabbt din sida laddas beror på många olika variabler, inklusive webbplatsens: tema, design, plugins, webbhotell, CDN, bilder, cache, kodstruktur, HTML-komprimering, minifiering, antalet förfrågningar och så vidare.

Du måste naturligtvis börja med att använda en snabb webbserver, eftersom det är den enda biten du inte kan ändra från din ände. Webbservern kommer alltid att vara flaskhalsen i dina tekniska SEO-försök. Nästa steg vore att kombinera så många statiska filer som möjligt till så få filer som möjligt. Detta inkluderar exempelvis filer så som CSS, JavaScript och bilder, med målet att minska antalet förfrågningar till servern. Notera att webbplatser som använder sig av HTTP/2 förmodligen inte behöver minska antalet förfrågningar.

Statiska resurser som inte behöver laddas om på nytt varje gång de används kan laddas från användarens disk istället för från servern. Använd webbläsarcache (inställd på minst en vecka) för alla resurser som är kompatibla. Du kan använda dig av ett så kallat leveransnätverk, eller CDN (Content Delivery Network), för att stå värd åt alla statiska resurser på lokala servrar över hela världen – vilket minskar belastningen på din server ytterligare.

PageSpeed-checklista*:

  • CSS och JavaScript är separerad från HTML
  • All kod (HTML, JS, CSS, etc.) har kombinerats och minifierats
  • All kod har komprimerats med gzip
  • Allt renderingsblockerande innehåll är under mitten av sidan
  • Script laddas asynkront
  • Alla bilder är komprimerade
  • Alla bilder har fördefinierade storlekar
  • Disk-cache används

* Notera att många av åtgärderna på listan gäller där så är tillämpligt. Vissa serverkonfigurationer, teman eller designer är inte kompatibla med alla typer av optimering. För disk-cache är det t.ex. bäst att testa både med och utan, för att se vad som fungerar bäst.

Användarvänlighet, design och markup

De här bitarna är svårare att definiera. Google använder sig av mänskliga utvärderare för att avgöra om en sida är användarvänlig eller inte, sedan lär de sin algoritm vad som gör en sida användarvänlig, slutligen använder de en kombination av de mänskliga och algoritmiska resultaten för att ranka webbplatserna. De överväger saker så som:

  • Does it satisfy my needs/answer my question?
  • Does the page load quickly?
  • Does it look professional?
  • Is it easy to navigate?
  • Is the secondary content (such as ads) too distracting?

För att uppfylla alla dessa krav krävs en blandning av teknisk + vanlig SEO, copywriting och design, så kommunikation är nyckeln till att optimera alla dessa variabler. Du måste se till att webbplatsen är responsiv, samt renderas och ser bra ut på alla olika slags enheter, inklusive i alla upplösningar – särskilt på mobilen.

Strukturerad datauppmärkning (structured data markup) är ett standardiserat sätt att annotera ditt innehåll, så att maskiner kan förstå det. När din webbplats inkluderar strukturerad datauppmärkning så kan Google (och andra sökmotorer) använda sig av den informationen för att indexera ditt innehåll bättre, presentera det tydligare i sökresultaten och lyfta fram det på nya platser, så som röstsökande, kartor och Google Now.

Det hjälper produkter att stå ut i sökresultaten, genom att visa t.ex. bilder, brödsmulor, telefonnummer och så vidare, vilket har enorm potential för ökade klick-frekvenser. Du kanske har sett stjärnbetygen i Googles sökresultat? Det är här de kommer från. Du kanske har hört talas om W3C XML Schema Markup Language? Det är vad vi pratar om. Om du inte kan (eller vill) använda dig av det så kan du även använda Googles egna ”Data Highlighter” för att få liknande resultat.

Mobil optimering är ett eget kapitel i sig, men att ha en responsiv design är starkt rekommenderat. Inte bara skalar det din webbplats för att få plats på alla enheter och skärmtyper – du får dessutom behålla en enda version av sidan att sköta om och uppdatera.

Checklista för användarvänlighet och markup:

  • Din webbplats är responsiv och fungerar på alla enheter/upplösningar
  • Den är enkel, snabb och tillfredsställande att använda
  • Den använder sig av W3C Schema-uppmärkning (där det är lämpligt)
  • Den renderar korrekt när den hämtas av Google

Verktyg för teknisk SEO

De här verktygen kommer att hjälpa dig på traven.

  • Screaming Frog SEO Spider (gratisversionen går igenom upp till 500 sidor)
  • http://www.deadlinkchecker.com/ – Söker igenom en hel webbplats efter 40x-fel.
  • https://validator.w3.org/checklink – Validerar länkar (40x-fel)
  • https://validator.w3.org/ – Validerar markup language
  • https://jigsaw.w3.org/css-validator/ – Validerar CSS

De bästa verktygen för PageSpeed

  • Google PageSpeed Insights
  • GTMetrix
  • Pingdom
  • YSlow Chrome Plugin (Yahoo!)

Technical SEO audit by SEOSEON LTD.

Vi hos SEOSEON hjälper dig gärna att optimera din webbplats genom att utföra en grundlig, teknisk SEO-analys. Vi kommer att genomsöka din webbplats noggrant och gå igenom varenda sida efter eventuella fel, samt eventuella möjligheter. Efteråt kommer du att få en detaljerad rapport, men en tydlig handling och prioriteringsgrad för varje uppgift. Låt oss förbättra webben tillsammans!