SEO Guide Steg 2: On-Page & Meta Taggar

Detta är Steg 2 av 13-Stegs SEO Guiden. On-page meta taggar kontrollerar vad sökmotorerna visar om din sajt — och om användare klickar.

---

Teknisk SEO (Steg 1) säkerställer att sökmotorerna kan hitta din sajt. On-page optimering säkerställer att de förstår den — och presenterar den attraktivt i resultaten. Varje sökresultat du ser på Google är byggt av meta taggar på sidan. Om du inte kontrollerar dem, gissar Google. Och Google gissar dåligt.

Skillnaden mellan en 2% och 8% klickfrekvens är ofta bara en bättre titeltagg och beskrivning. På en sida med 1 000 månatliga visningar, det är 60 extra besökare per månad — gratis.

Vad On-Page SEO Täckar

On-page optimering spänner över 8 områden:

1. Titeltaggar — Den blå länken i sökresultat
2. Metabeskrivningar — Den grå texten under länken
3. Open Graph & Social — Hur dina sidor ser ut när de delas
4. Rubrikhierarki — Innehållsstruktur som signalerar relevans
5. Strukturerad Data — Rika resultat (stjärnor, priser, vanliga frågor)
6. Bildoptimering — Alt-text, filnamn och lazy loading
7. Intern Ankartext — Vad dina egna länkar säger om dina sidor
8. Nyhets & Artikel Markup — Google News, Discover och AI crawlers

1. Titeltaggar

Titeltaggen är det mest påverkande on-page elementet. Det är den blå klickbara länken i sökresultaten, texten i webbläsarfliken, och en direkt rankningsfaktor.

Regler för högpresterande titeltaggar:

• 50-60 tecken (Google trunkerar vid ~60)
• Primärt nyckelord nära början
• Unik för varje sida på din sajt
• Lockande för människor, inte bara algoritmer
• Varumärkesnamn i slutet (om det finns utrymme)

Formler som fungerar:

| Sidsort | Formeln | Exempel | |---------|---------|---------| | Hemsida | [Varumärke] — [Värde Proposition] | LANGR — SEO Automation för Växande Företag | | Produkt | [Produkt] — [Fördel] | [Varumärke] | Pro Plan — Daglig SEO Övervakning | LANGR | | Blogg | [Ämne]: [Löfte] ([År]) | Titeltaggar: Den Kompletta Guiden (2026) | | Kategori | [Kategori] — [Kontext] | [Varumärke] | Löparskor — Herrkollektion | Nike |

Vanliga misstag:

• Samma titel på flera sidor (dubbla titlar)
• Nyckelords stuffing: "SEO SEO Guide SEO Tips SEO Hjälp"
• För kort: "Hem" eller "Produkter"
• Helt saknas (Google genererar en från ditt innehåll — vanligtvis dåligt)

Snabb vinst: Exportera alla dina titeltaggar (Screaming Frog, eller kolla Search Console). Hitta dubbleringar och sidor med titlar under 30 tecken. Åtgärda de först.

2. Metabeskrivningar

Metabeskrivningar påverkar inte direkt rankningen, men de påverkar dramatiskt klickfrekvensen. De är din annonskopi i organiska resultat.

Regler:

• 120-155 tecken (mobil trunkerar tidigare)
• Inkludera ditt primära nyckelord (Google fetar matchande termer)
• Inkludera en call-to-action ("Lär dig hur", "Kom igång", "Se prissättning")
• Unik per sida (dubblering ersätts av Googles auto-snippet)
• Matcha sökintention (information, transaktion, navigering)

Formel: [Vad sidan erbjuder] + [nyckelfördel] + [CTA]

Exempel: "Lär dig de 8 meta taggar som direkt påverkar rankningarna. Handlingsbara tips med före/efter exempel. Börja optimera idag."

När Google ignorerar din beskrivning: Google skriver om ~70% av metabeskrivningarna för att bättre matcha den specifika frågan. Du kan inte förhindra detta, men en välskriven beskrivning används fortfarande oftare än en dålig. Den visas också i sociala delningar och länkförhandsvisningar.

Snabb vinst: Skriv beskrivningar för dina 20 bästa trafik sidor först. Prioritera sidor där Search Console visar höga visningar men låg CTR.

3. Open Graph & Social Meta

När någon delar din länk på Facebook, LinkedIn, Twitter/X, eller i en meddelandeapp, kontrollerar Open Graph-taggar förhandsvisningskortet som visas.

Väsentliga OG-taggar:

<meta property="og:title" content="Din Sidtitel" />
<meta property="og:description" content="Lockande beskrivning för socialt" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

För Twitter/X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Din Sidtitel" />
<meta name="twitter:description" content="Beskrivning för Twitter" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Bildkrav:

• Minst 1200x630px för stora kort
• Under 8MB filstorlek
• Använd text på bilder sparsamt (20% regeln)
• Testa med Facebook Debugger och Twitter Card Validator

Snabb vinst: Skapa en högkvalitativ OG bildmall för ditt varumärke. Använd den som standard, och skapa sedan anpassade bilder för dina 10 bästa sidor.

4. Rubrikhierarki

Rubriker (H1-H6) ger sökmotorer en uppsättning av innehållet. De signalerar vad din sida handlar om och vilka sektioner som är viktigast.

Regler:

• Exakt en H1 per sida (ditt huvudämne/nyckelord)
• H2 för stora sektioner (dessa blir ofta funktionerade snippet-svar)
• H3 för undersektioner inom H2:or
• Hoppa aldrig över nivåer (H1 → H3 utan H2)
• Använd nyckelord naturligt i rubriker, inte påtvingat
• Framför viktiga ord (scanners läser de första 3 orden)

SEO-påverkan:

• Google använder H2/H3-text för funktionerade snippets och "People also ask"
• Rubriktext påverkar passage rankning (Google kan ranka en sektion av din sida oberoende)
• Skärmläsare och AI crawlers använder rubriker för att förstå sidstrukturen

Exempel på struktur:

H1: Hur man Väljer Löparskor
  H2: Fottyp och Pronation
    H3: Överpronation
    H3: Neutral
    H3: Underpronation
  H2: Skokategorier
    H3: Landsvägslöpning
    H3: Terränglöpning
  H2: När man Ska Byta Ut sina Skor

Snabb vinst: Kolla dina topp sidor — om några har flera H1, ingen H1, eller rubriker som bara är "Avsnitt 1", "Avsnitt 2", åtgärda dem omedelbart.

5. Strukturerad Data (Schema Markup)

Strukturerad data berättar för sökmotorerna exakt vad ditt innehåll representerar. Det möjliggör rika resultat — de förbättrade listorna med stjärnor, priser, vanliga frågor, how-to steg, och mer.

Hög-ROI schema typer:

| Schema | Rikt resultat | Bäst för | |--------|--------------|----------| | FAQ | Expandabel Q&A direkt i SERP | Tjänstesidor, produktsidor | | HowTo | Steg-för-steg med bilder | Handledning/guide innehåll | | Article | Författare, datum, bild i resultat | Blogginlägg, nyheter | | Product | Pris, betyg, tillgänglighet | E-handel | | LocalBusiness | Karta, öppettider, recensioner | Fysiska företag | | BreadcrumbList | Vägnavigation i SERP | Alla sidor | | Organization | Kunskapspanel | Hemsidan |

FAQ-schema exempel:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Hur lång tid tar SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "De flesta sidor ser mätbara förbättringar inom 3-6 månader..."
    }
  }]
}

Regler:

• Markera endast innehåll som faktiskt är synligt på sidan
• Fabrikera inte recensioner eller betyg
• Validera med Googles Rich Results Test
• Övervaka i Search Console → Förbättringar

Snabb vinst: Lägg till FAQ-schema till dina 5 bästa service/produkt sidor. Skriv 3-5 äkta frågor och svar för varje. Detta kan fördubbla din SERP fastighet över en natt.

6. Bildoptimering

Bilder är ofta den största prestandahindret och en bortglömd SEO-möjlighet. Google Bilder driver betydande trafik för många sidor.

De 5 nödvändigheterna:

1. Alt text: Beskriv vad som finns i bilden (för tillgänglighet + SEO). Inkludera nyckelord när det är naturligt: alt="Nike Air Max 2026 löparsko i svart", inte alt="sko" eller alt=""
2. Filnamn: Byt namn före uppladdning. nike-air-max-2026-black.webp inte IMG_4382.jpg
3. Format: WebP för fotografier (30-50% mindre än JPEG). SVG för ikoner/logotyper. Undvik PNG för foton.
4. Lazy loading: Lägg till loading="lazy" till bilder under vikten. Låt aldrig hero-bilden laddas lazy.
5. Dimensioner: Specifera alltid width och height attributen för att förhindra layoutskift (CLS).

Snabb vinst: Hitta dina 10 största bilder (PageSpeed Insights flaggar dem). Konvertera till WebP och lägg till rätt alt text. Det förbättrar både prestanda och bildupplevelse.

7. Intern Ankartext

Den klickbara texten i dina interna länkar berättar för sökmotorerna vad målsidan handlar om. De flesta sidor slösar detta genom att använda "klicka här" eller "läs mer."

Regler:

• Använd beskrivande ankartext som inkluderar relevanta nyckelord
• Variera ankartexten (använd inte exakt samma text för varje länk till en sida)
• Länka från hög-auktoritativa sidor till sidor som du vill ranka
• Länka kontextuellt inom innehållet, inte bara i navigeringen

Bra vs. dåligt:

• Dåligt: "Klicka här för vår SEO-guide"
• Bra: "Läs vår kompletta SEO-guide för alla 13 steg"
• Dåligt: "Lär dig mer"
• Bra: "Se hur strukturerad data förbättrar klickfrekvenser"

Snabb vinst: Sök din sajt efter "klicka här" och "läs mer" länkar. Ersätt dem med beskrivande ankartext som innehåller relevanta nyckelord.

8. Nyhets & Artikel Markup

Om du publicerar blogginlägg, nyhetsinnehåll eller något som uppdateras regelbundet, så frigör nyhetsoptimerad markup Google News, Google Discover, och förmåner av AI crawlers.

Artikel schema (krävs för nyhetsfunktioner):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Din Artikel Titel",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Författarens Namn",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Ditt Varumärke",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Använd NewsArticle vs Article:

• NewsArticle — för tidskänsligt nyhetsinnehåll (evenemang, tillkännagivanden)
• Article — för evergreen blogginlägg och guider
• BlogPosting — för åsiktsinlägg och personliga bloggar

Google News & Discover optimering:

• Högkvalitativ hero bild (minst 1200px bred, max-image-preview:large meta)
• Publiceringsdatum tydligt synligt på sidan
• Författarsignatur med länk till författarens sida
• Original rapportering eller unik analys (inte omskrivningar)
• robots meta: max-snippet:-1, max-image-preview:large (tillåtna fullständiga förhandsvisningar)

Robots meta för nyhetsinnehåll:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

Detta berättar för Google att den kan använda stora bilder och full text i Discover-kort och nyhetsresultat.

Varför detta är viktigt för högre nivåer:

• Bloggstrategi: Artikelmarkup möjliggör att ditt innehåll förs fram i Discover (potentiellt tusentals visningar per inlägg)
• Länkintjäning: Nyhetsindexerat innehåll citeras av andra publikationer, vilket ger naturliga bakåtlänkar
• AI crawlers: ChatGPT, Perplexity, och andra AI-system citerar helst källor med korrekt artikelmarkup och klar författarskap
• Varumärkesövervakning: Nyhetsomnämnanden av ditt varumärke (spåras via skannrar som LANGR:s News Scanner) avslöjar länkbyggnads- och PR möjligheter

Snabb vinst: Lägg till artikel schema till alla dina blogginlägg. Se till att varje har ett synligt datum, författarnamn och hero bild över 1200px bred. Aktivera max-image-preview:large i dina robots meta.

On-Page SEO Granskning Checklista

Gå igenom detta för varje viktig sida:

• [ ] Unik titeltagg, 50-60 tecken, nyckelord nära början
• [ ] Unik metabeskrivning, 120-155 tecken, inkluderar CTA
• [ ] Open Graph-taggar inställda (titel, beskrivning, bild, url)
• [ ] Exakt en H1 som innehåller primärt nyckelord
• [ ] Logisk rubrikhierarki (H1 → H2 → H3, inga hopp)
• [ ] Strukturerad data tillagd och validerad (FAQ, Artikel, Produkt, etc.)
• [ ] Bilder: WebP-format, beskrivande alt-text, lazy loading under vikten
• [ ] Interna länkar använder beskrivande ankartext
• [ ] Artikel schema på allt blogginlägg/nyhetsinnehåll med datePublished + författare
• [ ] max-image-preview:large meta robot tagg på innehållssidor

Vanliga On-Page Misstag (Rankade efter Påverkan)

1. Dubbla titeltaggar — Flera sidor som tävlar mot sig själva
2. Saknade metabeskrivningar — Låter Google gissa (och gissa fel)
3. Ingen strukturerad data — Saknar rika resultat som dina konkurrenter har
4. Nyckelord-stoppade rubriker — "SEO Tips SEO Guide SEO Hjälp SEO 2026"
5. Saknad alt-text på bilder — Osynlig för sökning + tillgänglighetsfel
6. Ingen artikelmarkup på blogginlägg — Osynlig för Nyheter/Discover/AI
7. Generisk ankartext — "Klicka här" lär Google ingenting
8. Samma OG bild överallt — Alla dina delningar ser identiska ut

Vad är Nästa?

Steg 3: Innehåll & Strategi — Vad du ska skriva, när du ska publicera, och hur du skapar innehåll som rankas istället för bara existerar.

---

Denna guide är en del av LANGR:s 13-stegs SEO-serie. Gör en gratis granskning för att se var din sajt står i alla 13 discipliner.