SEO för utvecklare: En praktisk guide

Många utvecklare ignorerar SEO och fokuserar bara på koden. Men teknisk SEO handlar i grunden om att skriva bra kod. Om du kan bygga en snabb, tillgänglig webbplats med korrekt HTML så har du redan gjort 80 procent av SEO-arbetet.

Teknisk grund

Det viktigaste för SEO är att Google kan förstå din sajt. Det börjar med semantisk HTML. Använd rätt element för rätt sak. En rubrik ska vara en h1-tagg, inte en div med stor text. En navigationslista ska vara en nav med ul och li, inte en rad med divar.

Varje sida behöver en unik title-tagg och en meta-beskrivning. Title-taggen ska vara under 60 tecken och beskriva sidans innehåll. Meta-beskrivningen ska vara 120-160 tecken och locka användaren att klicka.

Canonical-taggar är viktiga för att undvika duplicerat innehåll. Om samma sida kan nås via flera URL:er ska du peka alla mot en kanonisk URL med en link rel canonical-tagg.

Strukturerad data med JSON-LD

Google använder strukturerad data för att förstå vad din sajt handlar om och visa rika resultat i sökningen. JSON-LD är det rekommenderade formatet.

För en företagssida passar ProfessionalService-schemat. Det inkluderar företagsnamn, kontaktinfo, tjänster, öppettider och sociala länkar. För bloggartiklar passar Article-schemat med författare, publiceringsdatum och bild.

Lägg JSON-LD i en script-tagg med type application/ld+json i head-sektionen. Validera med Google Rich Results Test för att säkerställa att allt fungerar korrekt.

Sitemap och robots.txt

En sitemap.xml hjälper Google att hitta alla sidor på din sajt. Den ska innehålla alla publika URL:er med lastmod-datum. Submitta den via Google Search Console för snabbare indexering.

Robots.txt berättar för sökmotorer vilka delar av sajten de ska undvika. Se till att den inte blockerar viktiga sidor av misstag. Lägg till en referens till din sitemap i robots.txt.

Prestanda och Core Web Vitals

Google använder Core Web Vitals som rankingfaktor. De tre mätvärdena är Largest Contentful Paint (LCP), som mäter laddningstid, Interaction to Next Paint (INP), som mäter interaktivitet, och Cumulative Layout Shift (CLS), som mäter visuell stabilitet.

Optimera LCP genom att använda WebP-bilder med lazy loading, minimera JavaScript-paket och använda en CDN. Håll INP lågt genom att undvika tunga beräkningar på huvudtråden. Eliminera CLS genom att alltid ange dimensioner på bilder och undvika dynamiskt innehåll som skiftar layouten.

Lighthouse i Chrome DevTools är ditt bästa verktyg. Sikta på 90 eller högre i alla kategorier. PageSpeed Insights ger dig fältdata från riktiga användare.

Intern länkning och URL-struktur

En tydlig URL-struktur hjälper både användare och sökmotorer. Använd korta, beskrivande URL:er med bindestreck som ordavgränsare. Undvik ID-nummer och slumpmässiga tecken.

Intern länkning sprider auktoritet genom sajten. Länka från startsidan till dina viktigaste sidor. Länka relaterade bloggartiklar till varandra. Använd beskrivande ankartext istället för generiska fraser.

Open Graph och social delning

Open Graph-taggar styr hur din sajt ser ut när den delas på sociala medier. Inkludera og:title, og:description, og:image och og:url på varje sida.

OG-bilden ska vara minst 1200 gånger 630 pixlar för bästa resultat på alla plattformar. Varje sida bör ha en unik OG-bild om möjligt, men en gemensam standardbild fungerar som utgångspunkt.

Slutsats

SEO för utvecklare handlar om att göra det grundläggande rätt. Semantisk HTML, snabba laddningstider, korrekt metadata, strukturerad data och en bra sitemap. Du behöver inte vara SEO-expert. Du behöver bara vara en bra utvecklare som förstår hur Google läser din kod.