Meta-tagg-generator
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
Fyll i kärnfälten
Titel, beskrivning, canonical, webbplatsnamn, standardbild.
-
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
Konfigurera ikoner och PWA
Sökvägar till favikon, Apple touch-ikon, manifest, temafärg för ljust/mörkt.
-
4
Välj Schema.org-typ
Artikel, Produkt, Recept, Evenemang, FAQ, Organisation. Fyller JSON-LD med dina uppgifter.
-
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:alternatefö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 (
.icoför äldre webbläsare,.svgför moderna, Apple touch-ikon på 180×180, maskikon för fästa flikar i Safari). - PWA:
manifest.json-länk,theme-colorfö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
Open Graph-kontroll
Klistra in sidans HTML och se direkt vilka Open Graph- och Twitter Card-taggar som finns, vilka obligatoriska som saknas och det exakta värdet på var och en.
Breadcrumb Schema-generator
Generera giltig BreadcrumbList JSON-LD för vilken sidhierarki som helst. Skapar schema.org-markering redo att klistras in i webbplatsens head.
Indexerbarhetskontroll
Kontrollera om en URL är indexerbar: robots.txt, meta robots, X-Robots-Tag, kanoniska signaler och HTTP-status.
Sitemap-generator
Klistra in din lista med URL:er och generera en giltig XML-sitemap med changefreq, priority och valfri lastmod, redo att spara och skicka in till Search Console.
SERP-förhandsvisning
Förhandsgranska ett Google-sökresultat innan du publicerar. Tecknräknare i realtid varnar för för långa titlar och metabeskrivningar, och ett snippet i Google-stil visar hur ditt resultat ser ut.
UTM-länkbyggare
Bygg kampanjspårnings-URL:er med UTM-parametrarna source, medium, campaign, term och content. Rena, URL-kodade länkar redo för annonser och nyhetsbrev.
Verktyget finns på andra språk
- Generator metatagów [PL]
- ตัวสร้าง Meta Tag [TH]
- Generador de Meta Tags [ES]
- メタタグジェネレーター [JA]
- Trình tạo thẻ Meta [VI]
- 메타 태그 생성기 [KO]
- Générateur de balises Meta [FR]
- Gerador de Meta Tags [PT]
- مولّد وسوم Meta [AR]
- Meta Tags Generator [DE]
- Generator Meta Tag [ID]
- Meta-taggenerator [NL]
- Генератор метатегов [RU]
- Meta Etiket Oluşturucu [TR]
- 元标签生成器 [ZH]
- Meta Tags Generator [EN]
- Generatore di Meta Tag [IT]