Att bygga en webbplats handlar inte bara om design och funktionalitet – det handlar också om att skapa en sida som sökmotorer kan förstå, tolka och ranka högt.
Redan vid programmeringen kan man lägga grunden för en stark SEO-struktur. En välplanerad kod, tydlig struktur och rätt taggar gör det enklare för sökmotorer att läsa av innehållet och förstå vad sidan handlar om.
I det här inlägget går vi igenom både grundläggande SEO-förbättringar (on-page) och tekniska SEO-aspekter som hjälper din webbplats eller e-handel att prestera bättre i sökresultaten.
Tänk SEO redan vid kodning
När du bygger upp din sida i HTML är det viktigt att tänka på hur både människor och sökmotorer uppfattar sidan. Det räcker inte att ha ett bra och informativt innehåll – strukturen i koden spelar också stor roll.
Använd beskrivande HTML-taggar som hjälper sökmotorer att förstå innehållet:
<header>för sidhuvud<footer>för sidfot<main>för huvudinnehåll<article>,<section>och<nav>för olika delar
Undvik att använda <div> för allt – använd rätt semantiska element. Det gör koden tydligare och stärker sidans SEO.
Rubriker – mer än bara textstorlek
Korrekt användning av rubriker hjälper både användaren och sökmotorn.
Varje sida ska ha en <h1>-rubrik som tydligt berättar vad sidan handlar om, följt av <h2> och <h3> för undernivåer. Detta skapar en tydlig hierarki och hjälper sökmotorer att förstå vad som är viktigast.
Titlar och metabeskrivningar
Varje sida bör ha en titel (title-tag) som kortfattat beskriver innehållet, gärna med relevanta sökord.
Metabeskrivningen fungerar som en kort sammanfattning i sökresultatet och bör vara 150–160 tecken lång.
En välskriven metabeskrivning kan avgöra om användaren klickar på just din länk eller någon annans.
Optimerade URL:er och bilder
En bra URL ska vara enkel att läsa och förstå – både för människor och sökmotorer.
Undvik automatiskt genererade länkar med siffror och tecken. Använd istället beskrivande ord, till exempel: www.dinsida.se/kepsar/sommar-keps
Det gör det tydligt vad sidan handlar om och stärker sidans SEO.
Sökmotorer kan inte “se” bilder, men de kan läsa den alt-text du anger.
Alt-texten beskriver vad bilden föreställer, vilket både förbättrar tillgängligheten och ger SEO-fördelar.
Tänk också på:
- Bildstorlek: För stora bilder gör sidan långsam. Skala dem till den storlek som faktiskt visas.
- Lazy loading: Låt bilder laddas in när användaren scrollar – det förbättrar hastigheten.
- Unika bilder: Använd egna bilder när möjligt. Dubbletter minskar chansen att ranka bra.
Intern länkning och struktur
En tydlig intern struktur hjälper både användare och sökmotorer.
Genom att länka mellan relaterade sidor – till exempel mellan produktkategorier, guider och relaterade produkter – skapas ett naturligt flöde.
Tips för bra intern länkning:
- Använd brödsmulor (breadcrumbs) för att visa var användaren befinner sig.
- Lägg in länkar till relaterade produkter eller artiklar längst ner på sidan.
- Kontrollera regelbundet att det inte finns brutna länkar. Om en sida tas bort, använd redirects till en relevant sida.
En välstrukturerad intern länkning stärker sidans SEO och förbättrar användarupplevelsen.
Teknisk SEO – strukturen bakom resultatet
När grunden är på plats kommer nästa steg: att säkerställa att hela webbplatsen är tekniskt optimerad. Teknisk SEO handlar om allt det som ligger bakom – kod, indexering, hastighet, mobilanpassning och säkerhet.
Indexering och struktur
En e-handel kan ha tusentals sidor, vilket gör det avgörande att sökmotorer hittar och indexerar alla viktiga sidor. Detta kan man hjälpa till med genom att ha en tydlig sidstruktur där alla produkter kan nås via huvudmeny eller kategorier. En XML-sitemap fungerar som en karta över hela webbplatsen och visar sökmotorer var allt finns. För sidor som ständigt förändras – med nya och borttagna produkter – är det viktigt att uppdatera sitemapen regelbundet.
Tips: Använd Google Search Console (GSC) för att skicka in din sitemap och kontrollera att alla sidor indexeras korrekt.
Använd tekniska verktyg
Google Search Console är ett gratis verktyg som hjälper dig identifiera tekniska problem, brutna länkar, indexeringsfel och prestandafrågor.
Andra bra verktyg att använda är:
- PageSpeed Insights: mäter hastighet och ger konkreta förbättringsförslag.
- GTmetrix / WebPageTest: fördjupad analys av laddningstider.
- Screaming Frog: hittar brutna länkar och tekniska SEO-fel (gratis upp till 500 URL:er).
- Rich Results Test: validerar strukturerad data (t.ex. recensioner, pris, lagerstatus).
robots.txt och duplicerat innehåll
Filen robots.txt berättar för sökmotorer vilka delar av webbplatsen de får eller inte får genomsöka. Det kan vara klokt att utesluta sidor som kundvagn eller kassa, men man måste vara försiktig så att man inte oavsiktligt blockerar viktiga sidor. Duplicerat innehåll är ett annat vanligt problem. Sökmotorer kan bli osäkra på vilken version av en sida som ska visas, vilket påverkar rankningen negativt.
Det kan uppstå när:
- Samma produkt ligger i flera kategorier.
- Produkter har flera färger eller varianter.
- Texter är kopierade från leverantören.
Lösningen är att använda kanoniska länkar (canonical tags) eller skriva om texterna så att varje sida blir unik.
Sidans hastighet
Snabba sidor ger både bättre användarupplevelse och högre ranking.
Sökmotorer mäter särskilt tre nyckelfaktorer (Core Web Vitals):
- LCP (Largest Contentful Paint): hur snabbt huvudinnehållet laddas.
- INP (Interaction to Next Paint): hur snabbt sidan reagerar på användarens klick.
- CLS (Cumulative Layout Shift): hur stabil sidan är under laddning.
För att förbättra dessa:
- Optimera bilder och använd moderna format (t.ex. WebP).
- Minimera tunga scripts och tredjeparts-widgets.
- Ladda innehåll asynkront så att sidan blir användbar snabbt.
- Använd ett snabbt webbhotell och CDN för bättre global prestanda.
- Rensa bort onödig kod som bromsar sidans laddning.
Mobile First och HTTPS – standard i dag
Allt fler besökare använder mobil, och Google använder mobile-first indexering, vilket betyder att mobilversionen är den som bedöms först.
Se därför till att:
- Din design är responsiv och fungerar på alla skärmstorlekar.
- Navigeringen är tydlig och anpassad för mindre skärmar.
- Sidan laddar snabbt även på mobila nätverk.
- Popups inte täcker hela skärmen.
- Kassa- och betalflöden är enkla att använda på mobil.
Dessutom måste din sida vara säker. Använd alltid HTTPS – annars varnar webbläsare besökaren och förtroendet sjunker direkt. SSL-certifikat är numera ett måste, särskilt för e-handel.
Strukturerad data
Strukturerad data hjälper sökmotorer att förstå innehållet på din sida. Det gör att dina produkter kan visas med pris, lagerstatus, recensioner och stjärnor direkt i sökresultaten.
Detta implementeras oftast med JSON-LD-skript och stöds av de flesta plattformar.
Om du säljer i flera länder är det viktigt att:
- Sidan finns tillgänglig på flera språk
- Din sitemap uppdateras när produkter läggs till eller tas bort
- Alla kategorisidor går att indexera
Sammanfattning
SEO handlar inte om ett enda knep – utan om helheten. För att lyckas behöver du tre starka delar: innehåll, länkar och teknik. Alla tre måste fungera tillsammans för att ge bästa resultat.
Börja med grunderna:
- Strukturera sidan med tydliga rubriker och rätt HTML-taggar.
- Använd beskrivande URL:er och optimerade bilder.
- Länka mellan sidor för bättre flöde och indexering.
- Se till att alla viktiga sidor indexeras via sitemap och robots.txt.
- Håll sidan snabb, säker och mobilvänlig.
- Implementera strukturerad data för att förbättra synligheten i sökresultat.
SEO är ett ständigt pågående arbete – men ju bättre du bygger grunden, desto längre håller resultatet.