Das schnellste kostenlos Metagenerator online. Build SEO title tags, meta descriptions, Open Graph tags, Twitter Cards, and technical meta tags — then copy the finished HTML directly into your website's head section. Live SERP preview updates as you type.
Google ignores this tag. Bing uses it lightly. Comma-separated, max 10 terms.
Prevents duplicate content by defining the "master" URL for this page.
Shown in Facebook/LinkedIn cards. Keep under 95 chars.
100–200 chars shown in social cards.
1200×630px JPG or PNG. Must be accessible over HTTPS.
Canonical URL for social sharing — prevents like-count splitting.
Appears as the source label on Facebook and LinkedIn.
Declaring dimensions prevents Facebook layout shifts before the image loads.
Accessibility alt text for your OG image on social platforms.
Required for Twitter/X to show any image. summary_large_image gives a full-width preview.
Under 70 chars.
Under 200 chars.
1200×628px recommended for summary_large_image.
Your site's Twitter/X @handle.
The content author's @handle.
Required for Google mobile-first indexing. Always include this.
Set on your HTML tag (e.g. lang="en"). Critical for international SEO.
Colors the mobile browser bar. Used by Progressive Web Apps.
SEO-Meta-Tags are lines of HTML placed inside your page's head section. They're invisible to visitors but essential for search engines and social platforms — they tell Google what your page is about, how to index it, and exactly how to display it in search results and social shares.
Die beiden wichtigsten sind die Titel-Tag Und Meta-Beschreibung. Together they form your "organic ad" in Google — the snippet that determines whether someone clicks your result or the one above or below it. Our free Meta-Tag-Generator Hier können Sie alles an einem Ort erstellen, in der Vorschau anzeigen und kopieren.
Über die grundlegenden SEO-Tags hinaus umfasst eine vollständige Implementierung Öffnen Sie Graph-Meta-Tags für Sozialkarten, Meta-Tags für Twitter-Kartenund technische Tags wie charset, viewport, Und canonical — all generated by this tool with one click.
<!-- Basic SEO Meta Tags --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Meta Generator — Build SEO Tags Free</title> <meta name="description" content="Generate perfect SEO meta tags…"> <link rel="canonical" href="https://yoursite.com/">
<!-- Open Graph Tags --> <meta property="og:title" content="Your Title for Social Sharing"> <meta property="og:image" content="https://yoursite.com/og.jpg">
<!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
Ihr Title-Tag ist das wichtigste On-Page-SEO-Element. Nutzen Sie unsere Titel-Tag-Generator preview above to see exactly how yours looks in Google — and follow these rules to maximise clicks.
Platzieren Sie Ihr primäres Schlüsselwort am oder nahe dem Anfang des Titels. Sowohl Google als auch Nutzer gewichten Wörter weiter oben im Titel stärker.
Our pixel-width bar shows your title's true width. Google truncates at ~600px — a pixel-accurate limit our meta title generator tracks in real time.
Separate your brand name from the main title with | or — at the end. This builds recognition without wasting keyword space at the front.
Google rewrites titles it considers keyword-stuffed or inaccurate. Write naturally — include the keyword, make it click-worthy, and let our SERP preview confirm it looks right.
Unser kostenloses Meta-Beschreibungsgenerator previews your description exactly as Google shows it — complete with keyword highlighting when your target phrase matches the search query. A great description doesn't improve rankings directly, but it Erhöht die Klickrate drastisch, was mehr Verkehr von derselben Position aus bedeutet.
Benutzen Sie dies Meta-Beschreibungsersteller to craft unique descriptions for every page. Google may rewrite generic or duplicate descriptions — so always write something specific, compelling, and within 120–160 characters.
Fügen Sie Ihr primäres Schlüsselwort auf natürliche Weise ein
Google bolds matching keywords in the SERP — this draws the user's eye to your listing over competitors.
Schließen Sie mit einem klaren Call-to-Action ab
"Try it free today", "Get your free report", "Start in 60 seconds" — action phrases convert readers into visitors.
Stay between 120–160 characters
Unser Zeichenzähler markiert Beschreibungen, die zu kurz (Platzverschwendung) oder zu lang (mitten im Satz abgeschnitten) sind.
Niemals Beschreibungen auf mehreren Seiten duplizieren
Google may override duplicate descriptions with auto-generated snippets. Every page needs a unique description — use SkySEOManager Pro to bulk-generate them.
Über Google hinaus wird jeder Link, den Sie auf Facebook, LinkedIn, WhatsApp und Twitter/X teilen, von Google kontrolliert Open Graph (OG)-Tags. Unser und Tag-Generator Und Twitter-Meta-Tags-Generator — built into the tabs above — let you craft perfect social cards for all platforms in one session.
Requires og:title, og:description, og:image (1200×630px), og:url, og:type. Missing og:image = no image preview on Facebook — the single biggest mistake most sites make.
Legen Sie twitter:card="summary_large_image" fest, um eine Bildvorschau in voller Breite zu erhalten. Ohne dieses Tag zeigt Twitter einen einfachen Textlink ohne Bild an, unabhängig von Ihrem og:image.
Both use og:title, og:description, and og:image automatically — no separate tags needed. Make sure your og:image works at small sizes (WhatsApp shows a thumbnail).
Haben Sie bereits OG-Tags?
Nutzen Sie unseren kostenlosen Open Graph Checker, um zu überprüfen, was auf Ihrer Website live ist.
Nutzen Sie unsere Kostenloser Meta-Tag-Generator Tool oben und befolgen Sie diese vier Schritte, um in weniger als fünf Minuten perfekt formatierte HTML-Meta-Tags auf Ihrer Website zu erhalten.
Enter your page title (45–60 chars), meta description (120–160 chars), keywords, and canonical URL. Watch the live SERP preview update instantly.
Add your og:image URL (1200×630px) and set twitter:card="summary_large_image". Leave other fields blank to auto-inherit from your SEO tab.
Bestätigen Sie Zeichensatz (UTF-8), Ansichtsfenster und Sprache. Fügen Sie eine Designfarbe für PWA-Unterstützung hinzu. Aktivieren Sie bei Bedarf optionale Tags.
Click "Copy All" and paste the HTML inside your page's head section — before the closing head tag. Done.
The safest way to add global meta tags without editing PHP files. WPCode → Add Snippet → HTML Snippet → Insert in Head. Works with any theme and survives all theme updates.
Beide Plugins verfügen über ein Metafeld pro Seite, in das Sie Ihren Titel und Ihre Beschreibung einfügen können. Sie verarbeiten den HTML-Code automatisch. Verwenden Sie unsere SERP-Vorschau, um den Text zu erstellen, und fügen Sie ihn dann in das Plugin-Feld ein.
Fügen Sie Meta-Tags programmgesteuert mit der Aktion „wp_head“ in der „functions.php“ Ihres untergeordneten Themas hinzu. Am besten für dynamische Tags geeignet, die PHP-Logik pro Beitragstyp benötigen.
Von der Meta-Keyword-Generator zum Roboter-Meta-Tag-Generator — every tag our tool builds, explained in plain English.
| Etikett | Priorität |
|---|---|
Meta Title Tag |
Kritisch |
meta description |
Kritisch |
meta robots |
Kritisch |
meta viewport |
Kritisch |
meta charset |
Kritisch |
link canonical |
Wichtig |
og:title |
Wichtig |
og:description |
Wichtig |
og:image |
Wichtig |
og:url |
Wichtig |
twitter:card |
Wichtig |
og:type |
Empfohlen |
og:site_name |
Empfohlen |
og:locale |
Empfohlen |
meta keywords |
Optional |
meta author |
Optional |
meta theme-color |
Optional |
og:image:width / height |
Optional |
Für WordPress-Sites mit mehr als 10 Seiten
Dies kostenlos Metacode-Generator ist perfekt für einzelne Seiten. Wenn Sie jedoch eine WordPress-Site mit Dutzenden oder Hunderten von Beiträgen betreiben, ist das manuelle Verfassen eindeutiger Titel und Beschreibungen in großem Umfang unmöglich. SkySEOManager Pro behebt das.
Füllen Sie die Felder oben aus und kopieren Sie Ihre vollständigen HTML-Meta-Tags in weniger als 60 Sekunden. Kein Konto, kein Wasserzeichen, keine Seitenbegrenzung.