Meta-tagg-generator

Genererade taggar
Nästa

En utökad version av den snabba meta-tagg-generatorn, det här verktyget levererar hela paketet: primära SEO-taggar, Open Graph med varianter per locale, Twitter Card med stöd för djuplänkar till appar, en favikonuppsättning (ico, svg, apple-touch-icon, mask-icon), en länk till PWA-manifestet, temafärg för ljust och mörkt schema samt ett valfritt JSON-LD-block för schemat Artikel, Produkt, Recept, FAQ eller Evenemang. Praktiskt när du startar en ny webbplats och vill få <head> rätt redan från början.

Så bygger du hela metatagguppsättningen

  1. 1

    Fyll i kärnfälten

    Titel, beskrivning, canonical, webbplatsnamn, standardbild.

  2. 2

    Lägg till överskrivningar särskilt för sociala medier

    Använd en annan titel eller beskrivning för Open Graph eller Twitter vid behov.

  3. 3

    Konfigurera ikoner och PWA

    Sökvägar till favikon, Apple touch-ikon, manifest, temafärg för ljust/mörkt.

  4. 4

    Välj Schema.org-typ

    Artikel, Produkt, Recept, Evenemang, FAQ, Organisation. Fyller JSON-LD med dina uppgifter.

  5. 5

    Kopiera hela fragmentet

    Klistra in mellan `<head>...</head>`.

Hela paketet

  • Primär SEO: <title>, description, canonical, viewport, robots, author, charset.
  • Open Graph: og:type, og:title, og:description, og:image (med bredd/höjd), og:url, og:site_name, og:locale, og:locale:alternate för översättningar.
  • Twitter Card: twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image, twitter:app:* för djuplänkning till en inbyggd app.
  • Ikoner: favikon i flera format (.ico för äldre webbläsare, .svg för moderna, Apple touch-ikon på 180×180, maskikon för fästa flikar i Safari).
  • PWA: manifest.json-länk, theme-color för ljust och mörkt, apple-mobile-web-app-capable.
  • JSON-LD: strukturerade Schema.org-data för innehållstypen.

JSON-LD-mallar per schema

Artikel

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

Produkt

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

FAQ-sida

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

När du ska använda varje Schema.org-typ

Innehållstyp Schema
Blogginlägg, nyheter Article / NewsArticle
Produktsida Product + Offer
Recept Recipe
Evenemang (konsert, webbinarium) Event
Person (författarsida) Person
Företagssida Organization
FAQ FAQPage
Brödsmulenavigering BreadcrumbList
Lokalt företag LocalBusiness

Validering

Validera hela <head> efter att du klistrat in:

  • Rich Results Test (Google) för att avgöra om JSON-LD är kvalificerat.
  • Schema Markup Validator för att kontrollera att Schema.org är korrekt.
  • Facebook Sharing Debugger för förhandsgranskning av Open Graph.
  • Twitter Card Validator för förhandsgranskning på Twitter.
  • Lighthouse (Chrome DevTools → Lighthouse) för en helhetsgranskning.

Vanliga frågor

Inte direkt. JSON-LD i sig höjer inte positionerna. Det möjliggör visning av rika resultat (stjärnbetyg, FAQ-dragspel, pris och lager), vilket kan öka klickfrekvensen. En bättre CTR hjälper sedan indirekt.

Ja. Vanligt mönster: en BreadcrumbList och en Article (eller Product). Håll varje block fokuserat på en enda schematyp i stället för att blanda.

Twitter faller visserligen tillbaka på OG, men du kanske vill ha ett annat bildförhållande eller ett upphovspersonshandtag som OG inte stöder. Ange Twitter-specifika taggar endast där de skiljer sig från OG.

Nej. Den färgar webbläsarens gränssnitt i Android Chrome och iOS Safari (när sidan lagts till på hemskärmen). Skrivbordswebbläsare ignorerar den.

Nej, generatorn körs helt i din webbläsare. Alla dina inmatningar stannar lokalt.

Relaterade verktyg

Verktyget finns på andra språk