SEO
Meta Tags / Open Graph Generator
HTML-Meta-Tags für SEO, Open Graph (Facebook) und Twitter Card generieren — mit Kartenvorschau.
The meta tags in a page's <head> control how it appears in search results and in the preview card when it's shared on social media or messaging apps. This tool generates a full set of SEO, Open Graph, and Twitter Card tags along with a live preview of the card.
How to use it
- Fill in the page's title, description, URL, and image — the tags generate instantly, and a preview shows how the card will look on Facebook, X (Twitter), and similar services.
- Copy the finished HTML block and paste it into the page's <head>.
- Check the title and description length — values that are too long get truncated by the search engine or social platform.
Common uses
- Setting up Open Graph for a page so the link looks polished when shared on Telegram, Slack, or social media.
- Writing a title and meta description targeting a specific search query for a new page.
- Quickly sanity-checking a page's existing meta tags through the card preview before publishing.
Things to keep in mind
Open Graph and Twitter Card are separate standards; most platforms except X read og: tags directly, so duplicating the main fields under twitter: isn't always required, but it improves compatibility.
The og:image must be reachable at an absolute URL, not a relative path — otherwise the social platform's crawler won't be able to fetch it.
Artikel zu diesem Tool: Meta-Tags: welche wirklich Suche und soziale Netzwerke beeinflussen
Häufig gestellte Fragen
Warum brauche ich separate Open-Graph- und Twitter-Card-Tags, wenn sie dasselbe tun?
Open-Graph-Tags (og:title, og:image usw.) werden von Facebook, LinkedIn und den meisten anderen Plattformen gelesen, während Twitter einen eigenen Tag-Satz hat (twitter:card, twitter:title) — Twitter greift auf Open-Graph-Tags zurück, wenn die eigenen fehlen, aber das Hinzufügen beider garantiert konsistente Vorschauen.
Welche Größe sollte mein og:image tatsächlich haben?
1200x630 Pixel ist die weithin empfohlene Größe — sie wird auf den meisten Plattformen korrekt als große Vorschaukarte angezeigt, ohne unbeholfen zugeschnitten zu werden, und bleibt unter den üblichen Dateigrößenbeschränkungen.
Sendet das Generieren dieser Tags meine Inhalte an einen Server?
Nein. Die Tags werden vollständig aus dem, was Sie eingeben, direkt in Ihrem Browser generiert — nichts wird irgendwohin hochgeladen.
Was macht das Canonical-URL-Tag?
Es teilt der Suchmaschine mit, welche Version einer Seite die Hauptversion ist, wenn derselbe Inhalt über mehrere Adressen erreichbar ist (mit und ohne www, mit Parametern usw.) — das hilft, das Ranking auf einer Seite zu bündeln, statt es auf Duplikate zu verteilen.
Was ist der Unterschied zwischen meta robots noindex und einer Sperre in robots.txt?
noindex in einem Meta-Tag verhindert, dass bereits gecrawlter Seiteninhalt indexiert wird, während Disallow in robots.txt einen Bot daran hindert, die Seite überhaupt zu crawlen — genau deshalb funktioniert noindex nicht auf einer in robots.txt gesperrten Seite: Die Suchmaschine bekommt dieses Tag nie zu Gesicht.