Kostenloser SEO-Meta-Tag-Generator
Erstelle SEO-freundliche Meta-Tags für deine Website. Titel, Beschreibung, Keywords und mehr. Kostenlos, schnell und läuft vollständig in deinem Browser ohne Anmeldung.
Aktualisiert am
Quick Templates
SEO Score
Critical
Essential Meta Tags
Open Graph & Twitter Cards
Recommended: 1200 x 630 pixels for optimal display on Facebook and Twitter.
Advanced Options
Validation
- Title is missing -- this is critical for SEO.
- Meta description is missing -- search engines may auto-generate one.
- Keywords are empty. While less critical today, they can still help.
- Author meta tag is missing.
- Canonical URL is missing. Recommended to prevent duplicate content.
- Social image is missing. Links shared on social media will lack a preview image.
Quick Reference
- ✓Keep titles between 50-60 characters (~580 pixels)
- ✓Write descriptions between 150-160 characters
- ✓Include primary keyword in title and description
- ✓Use canonical URLs to prevent duplicate content
- ✓Add Open Graph tags for better social sharing
- ✓Use 1200x630px images for social media previews
- ✓Set robots directives to control indexing behavior
- ✓Use the import feature to analyze competitor meta tags
Häufig gestellte Fragen
Was ist der Meta-Tag-Generator?
Der Meta-Tag-Generator ist ein kostenloses Online-Tool, das SEO-freundliche Meta-Tags für deine Website erstellt: Titel, Beschreibung, Keywords und mehr. Es läuft vollständig in deinem Browser, ohne Installation oder Anmeldung.
Was sind Meta-Tags?
Meta-Tags sind HTML-Elemente, die Suchmaschinen und Social-Media-Plattformen Informationen über deine Webseite liefern.
Wie lang sollten Meta-Beschreibungen sein?
Meta-Beschreibungen sollten zwischen 150 und 160 Zeichen lang sein, um in den Suchergebnissen optimal angezeigt zu werden.
Ist der Meta-Tag-Generator kostenlos nutzbar?
Ja, der Meta-Tag-Generator ist zu 100% kostenlos, ohne Registrierung, ohne versteckte Gebühren und ohne Nutzungsbeschränkungen. Die gesamte Verarbeitung erfolgt lokal in deinem Browser und gewährleistet vollständige Privatsphäre.
Sind meine Daten mit diesem Tool sicher?
Absolut. Der Meta-Tag-Generator verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Dein Inhalt bleibt jederzeit privat auf deinem Gerät.
Funktioniert der Meta-Tag-Generator auf Mobilgeräten?
Ja, der Meta-Tag-Generator ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen – ohne App-Download.
Muss ich ein Konto erstellen, um dieses Tool zu nutzen?
Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Meta-Tag-Generator in deinem Browser und beginne sofort. Es gibt keine Anmeldehürden oder Nutzungsbeschränkungen.
Folgt dieses Tool den neuesten Richtlinien von Google?
Ja, der Meta-Tag-Generator wurde gemäß den aktuellen Richtlinien und Best Practices von Google Search entwickelt. Wir aktualisieren das Tool regelmäßig, um Änderungen der Suchmaschinenanforderungen zu berücksichtigen.
Wie verwende ich den Meta-Tag-Generator?
Gib einfach deinen Text in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet ihn sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.
Welche Browser werden unterstützt?
Der Meta-Tag-Generator funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.
Welche Meta-Tags sind für SEO am wichtigsten?
Die wichtigsten Meta-Tags für SEO sind der Title-Tag und die Meta-Description, da sie bestimmen, wie deine Seite in den Suchergebnissen erscheint. Der Meta-Viewport-Tag ist für die Mobilfreundlichkeit wichtig, der Canonical-Tag verhindert Duplicate-Content-Probleme, und der Robots-Meta-Tag steuert die Indexierung. Open-Graph- und Twitter-Card-Tags verbessern die Darstellung von Links in sozialen Netzwerken. Dieses Tool generiert Title, Description sowie Open-Graph- und Twitter-Card-Tags.
Wie lang sollte ein Meta-Titel sein?
Ein Meta-Titel sollte in der Regel etwa 50 bis 60 Zeichen lang sein, damit er in den Suchergebnissen vollständig angezeigt und nicht abgeschnitten wird. Google kürzt Titel nach Pixelbreite statt nach exakter Zeichenzahl, kürzer ist also sicherer. Platziere dein wichtigstes Keyword und deine Marke möglichst weit vorne, formuliere beschreibend und für jede Seite einzigartig, und vermeide Keyword-Stuffing oder Füllwörter.
Spielen Meta-Keywords 2026 noch eine Rolle für SEO?
Nein, der Meta-Keywords-Tag spielt 2026 für SEO keine Rolle mehr. Google hat öffentlich erklärt, den Meta-Keywords-Tag für das Ranking zu ignorieren, und die meisten großen Suchmaschinen handhaben es genauso. Dort eingetragene Keywords bringen keinen Ranking-Vorteil und können deine Zielbegriffe sogar der Konkurrenz offenlegen. Konzentriere dich stattdessen auf hochwertige Inhalte, einen starken Title-Tag und eine überzeugende Meta-Description.
Was ist der Unterschied zwischen Meta-Titel und H1?
Der Meta-Titel ist der Seitentitel, der im Browser-Tab und in den Suchergebnissen angezeigt und über den HTML-Title-Tag gesetzt wird. Die H1 ist die sichtbare Hauptüberschrift auf der Seite selbst. Sie richten sich an unterschiedliche Zielgruppen: Der Titel soll Klicks aus den Suchergebnissen gewinnen, während die H1 Besuchern nach dem Klick das Thema bestätigt. Beide können ähnlich sein, müssen aber nicht exakt übereinstimmen.
Wie schreibe ich eine gute Meta-Description, die Klicks bringt?
Schreibe eine Meta-Description, die die Seite klar zusammenfasst und Suchenden einen Grund zum Klicken gibt, idealerweise in etwa 150 bis 160 Zeichen. Beginne mit dem wichtigsten Nutzen oder der Antwort, baue dein Haupt-Keyword natürlich ein und ergänze eine dezente Handlungsaufforderung wie „mehr erfahren“, „vergleichen“ oder „jetzt starten“. Halte sie für jede Seite einzigartig und inhaltlich korrekt, denn irreführende Beschreibungen schaden dem Vertrauen und erhöhen die Absprungrate.
Was sind Open-Graph-Tags und warum brauche ich sie?
Open-Graph-Tags sind Meta-Tags, die steuern, wie deine Seite beim Teilen auf sozialen Plattformen wie Facebook und LinkedIn dargestellt wird; sie legen Titel, Beschreibung und Vorschaubild fest. Ohne sie raten die Plattformen diese Angaben und wählen oft den falschen Text oder das falsche Bild. Mit Open-Graph-Tags, ergänzt um Twitter-Card-Tags für X, erhältst du saubere, ansprechende Linkvorschauen, die mehr Klicks erzielen. Dieses Tool generiert beides für dich.
Wie überprüfe ich die aktuellen Meta-Tags meiner Website?
Um deine aktuellen Meta-Tags zu prüfen, öffne die Seite im Browser, klicke mit der rechten Maustaste, wähle „Seitenquelltext anzeigen“ und suche im head-Bereich nach dem Title-Tag sowie den Meta-Tags für Description, Open Graph und Twitter Cards. Alternativ kannst du die Entwicklertools des Browsers oder Vorschau-Debugger für soziale Netzwerke verwenden. Sobald du weißt, was vorhanden ist, generierst du mit diesem Tool saubere, optimierte Ersatz-Tags zum Einfügen in dein HTML.
Warum misst Google Title-Tags in Pixeln statt in Zeichen?
Google kürzt Titel anhand der dargestellten Pixelbreite des Textes, nicht anhand einer festen Zeichenzahl, denn Buchstaben beanspruchen unterschiedlich viel Platz: Ein großes „W" ist deutlich breiter als ein kleines „i". Ein Titel mit 60 schmalen Zeichen kann vollständig passen, während 55 breite Zeichen bereits mit Auslassungspunkten abgeschnitten werden können. Die verbreitete Faustregel von 50 bis 60 Zeichen ist eine nützliche Abkürzung, aber nur eine Annäherung an das eigentliche Limit von rund 580 Pixeln bei Desktop-Ergebnissen. Deshalb zeigt dieser Generator sowohl einen Live-Zeichenzähler als auch eine geschätzte Pixelbreite für deinen Titel an und wird grün, sobald du dich im sicheren Bereich befindest. Behalte den Pixelmesser beim Tippen im Blick, damit deine Überschrift vollständig angezeigt und im Suchergebnis-Snippet nicht abgeschnitten wird.
Was ist der Unterschied zwischen twitter:card summary und summary_large_image?
Beides sind Twitter-Card-Typen, die steuern, wie dein Link beim Teilen auf X als Vorschau erscheint — sie unterscheiden sich jedoch in der Bildgröße. Die Karte „summary" zeigt ein kleines, quadratisches Vorschaubild neben Titel und Beschreibung und eignet sich für kurze Updates oder Seiten ohne starkes Hauptbild. Die Karte „summary_large_image" zeigt ein großes, bildschirmfüllendes Banner über dem Text, wodurch die Vorschau deutlich auffälliger wirkt und in der Regel mehr Klicks erzielt. Für die meisten Blogbeiträge, Produkte und Landingpages ist die große Bildkarte die bessere Standardwahl, kombiniert mit einem Bild von etwa 1200 mal 630 Pixeln; zu beachten ist, dass X auf eine kleinere Vorschau zurückgreift, wenn das Bild fehlt oder zu klein ist. Beide Kartentypen beziehen Titel und Beschreibung weiterhin aus deinen Tags, weshalb diese Felder unabhängig von der Wahl wichtig bleiben. Dieses Tool lässt dich deinen Twitter-Card-Typ auswählen und erzeugt die passenden Tags twitter:card, twitter:title, twitter:description und twitter:image, damit geteilte Links auf X gepflegt aussehen.
Welche Robots-Meta-Direktive sollte ich für eine normale Seite verwenden?
Für eine Standardseite, die in den Suchergebnissen erscheinen soll, verwendest du „index, follow" — das weist Suchmaschinen an, die Seite zu indexieren und ihren Links zu folgen; dies ist die Standardeinstellung und für die meisten Inhalte die richtige Wahl. Nutze „noindex, follow", um eine Seite aus der Suche herauszuhalten, während Linksignale weiterhin weitergegeben werden — das eignet sich für Dankeseiten, interne Suchergebnisse oder dünne Tag-Archive. „noindex, nofollow" blendet eine Seite komplett aus und ignoriert ihre Links, was für private Seiten oder Staging-Umgebungen nützlich ist. Direktiven wie noarchive, nosnippet und max-image-preview:large bieten feinere Kontrolle darüber, wie zwischengespeicherte Kopien und Rich-Previews dargestellt werden, und lassen sich mit index, follow kombinieren, wenn die Seite trotzdem gerankt werden soll. Denk daran, dass eine noindex-Seite crawlbar bleiben muss, damit die Direktive überhaupt erkannt wird — blockiere sie also nicht zusätzlich per robots.txt. Dieser Generator bietet diese gängigen Kombinationen in einem Dropdown an und schreibt den passenden Robots-Meta-Tag, sodass du das Indexierungsverhalten korrekt einstellst, ohne dir die Syntax merken zu müssen.
Warum hat Google meinen Titel umgeschrieben und den von mir festgelegten ignoriert?
Google ersetzt den in den Suchergebnissen angezeigten Titel häufig, wenn der Title-Tag als schlechte Übereinstimmung mit der Suchanfrage eingestuft wird, zu lang ist und wahrscheinlich abgeschnitten würde, mit wiederholten Keywords vollgestopft ist oder mit Standard-Markennamen aufgefüllt wurde. Stattdessen zieht Google möglicherweise Text aus deiner H1, anderen Überschriften auf der Seite oder aus Anchor-Texten heran. Du kannst Google nicht zwingen, deinen exakten Titel beizubehalten, machst ein Umschreiben aber deutlich unwahrscheinlicher, indem du einen prägnanten, einzigartigen, präzisen Titel formulierst, der ins Pixellimit passt und mit dem eigentlichen Thema der Seite beginnt statt mit wiederholten Keywords. Nutze die Live-SERP-Vorschau und die Längenzähler dieses Generators, um einen sauberen Titel im optimalen Bereich zu erstellen, und halte ihn auf jeder Seite beschreibend und unverwechselbar, um die Wahrscheinlichkeit einer automatischen Umschreibung zu senken.
Welche Größe sollte das og:image für Social-Media-Vorschauen haben?
Die empfohlene Größe für ein og:image ist 1200 mal 630 Pixel, ein Seitenverhältnis von 1,91 zu 1, das die große Vorschaukarte auf Facebook, LinkedIn und X ausfüllt, ohne unschön beschnitten zu werden. Halte das Bild unter etwa 8 Megabyte, verwende JPG oder PNG und referenziere es mit einer absoluten URL, die mit https beginnt, da soziale Plattformen relative Pfade nicht auflösen können. Platziere wichtigen Text oder Logos nahe der Mitte, damit auf verschiedenen Plattformen nichts Entscheidendes an den Rändern abgeschnitten wird. Ohne og:image raten Netzwerke selbst und greifen oft auf das falsche Bild zurück oder zeigen gar keins, was zu einer flachen Vorschau mit wenig Klicks führt. Dieses Tool fügt dein og:image gleichzeitig sowohl den Open-Graph- als auch den Twitter-Card-Tags hinzu, sodass eine einzige Bild-URL überall dort für eine saubere Vorschau sorgt, wo dein Link geteilt wird.
Verwandte Tools
Kostenloser Open-Graph-Tag-Generator
Erstelle Open-Graph- und Twitter-Card-Meta-Tags zum Teilen in sozialen Medien. Kostenlos, schnell und läuft vollständig in deinem Browser ohne Anmeldung.
Kostenloser Twitter-Card-Generator
Erstelle Twitter-Card-Meta-Tags für Vorschauen in sozialen Medien. Kostenlos, schnell und läuft vollständig in deinem Browser ohne Anmeldung.
Kostenloser Robots.txt-Generator
Erstelle eine robots.txt-Datei, um das Crawling durch Suchmaschinen zu steuern. Kostenlos, schnell und läuft vollständig in deinem Browser ohne Anmeldung.
Kostenloser Keyword-Dichte-Checker
Analysiere die Keyword-Dichte und -Häufigkeit in deinem Inhalt für die SEO-Optimierung. Kostenlos, schnell und läuft vollständig in deinem Browser ohne Anmeldung.
Über den Meta-Tag-Generator
Der Meta-Tag-Generator ist ein kostenloses Tool, das die HTML-<head>-Tags erstellt, die Suchmaschinen und sozialen Plattformen mitteilen, worum es auf einer Seite geht. Du füllst ein paar Felder aus — Seitentitel, Beschreibung, Keywords, Autor, kanonische URL —, aktivierst die gewünschten Optionen, und das Tool erstellt daraus fertiges, einfügbares Markup: Title-Tag, Meta-Beschreibung, Robots- und Viewport-Tags sowie Open-Graph- und Twitter-Card-Tags. Es richtet sich an alle, die eine Webseite ohne schweres CMS veröffentlichen: unabhängige Entwickler, Marketer, Inhaber kleiner Unternehmen und Lernende, die verstehen wollen, wie On-Page-SEO in der Praxis funktioniert.
Alles läuft direkt in deinem Browser. Nichts, was du eingibst, wird an einen Server gesendet — unveröffentlichte Titel, Entwurfstexte und interne URLs bleiben auf deinem Gerät. Es gibt keine Registrierung, kein Nutzungslimit und nichts zu installieren — und da der Generator einen kurzen Verlauf im lokalen Speicher führt, sind deine zuletzt erstellten Tags auch beim nächsten Besuch noch da.
Was der Generator erzeugt
Meta-Tags sind HTML-Elemente im <head>, die eine Seite beschreiben, statt Inhalte darauf anzuzeigen. Dieses Tool erzeugt genau die, die wirklich Gewicht haben:
- Title-Tag und Meta-Beschreibung — die Überschrift und Zusammenfassung, die in Suchergebnissen erscheinen und deine Klickrate maßgeblich beeinflussen.
- Canonical-, Robots- und Viewport-Tags — der Canonical-Tag verweist Suchmaschinen auf die bevorzugte URL und verhindert Duplicate-Content-Probleme, der Robots-Tag steuert Indexierung und das Folgen von Links, und der Viewport-Tag sorgt dafür, dass eine Seite auf Mobilgeräten korrekt dargestellt wird.
- Open-Graph- und Twitter-Card-Tags — sie bestimmen Titel, Beschreibung und Vorschaubild, die angezeigt werden, wenn dein Link auf Plattformen wie Facebook, LinkedIn und X geteilt wird. Ohne sie rät die Plattform selbst und wählt dabei oft das falsche Bild oder den falschen Text.
- Ergänzende Tags — Zeichensatz (Charset), Sprache und Autor-Meta sowie die
og:image-Referenz (1200 x 630 Pixel ist die empfohlene Größe für Social-Media-Vorschauen).
Zeichenlimits und die Live-Vorschau
Suchmaschinen kürzen Titel und Beschreibungen nach Pixelbreite, nicht nach einer festen Zeichenzahl — deshalb zeigt der Generator beide Werte an. Als Faustregel gilt: Halte Titel auf etwa 50–60 Zeichen (rund 580 Pixel auf dem Desktop) und Beschreibungen auf 150–160 Zeichen; darüber hinaus kürzt Google den Text wahrscheinlich mit Auslassungspunkten ab. Der Zeichenzähler wird grün, sobald du im optimalen Bereich liegst, und markiert alles, was zu lang ist.
Eine Live-Vorschau stellt deine Tags als Google-Desktop-Ergebnis, Bing-Ergebnis und mobiles Snippet dar, damit du siehst, wo die Kürzung greift, bevor du veröffentlichst. Ein integrierter Score (0–100) bewertet das gesamte Set anhand von fünf Bereichen — Titel, Beschreibung, Open Graph, Twitter Card und die übrigen technischen Tags —, um Lücken auf einen Blick sichtbar zu machen.
Warum diese Tags wichtig sind
Title-Tag und Meta-Beschreibung sind die beiden wirkungsvollsten Meta-Elemente, denn sie entscheiden darüber, wie deine Seite in der Suche aussieht und ob jemand klickt. Der Title-Tag unterscheidet sich zudem von der sichtbaren H1-Überschrift der Seite: Der Titel erscheint im Browser-Tab und im Suchergebnis-Snippet, während die H1 die Überschrift auf der Seite selbst ist. Beide können ähnlich sein, müssen aber nicht übereinstimmen.
Eine Frage, die geklärt gehört: Der Meta-Keywords-Tag hilft SEO-technisch nicht mehr. Google hat bestätigt, dass Keywords in diesem Tag beim Ranking ignoriert werden — das Feld ist also optional. Der eigentliche Hebel liegt in einem einzigartigen, aussagekräftigen Titel, einer ehrlichen Beschreibung, die den Klick verdient, sowie korrekten Canonical- und Open-Graph-Tags.
Die Tags einsetzen
Fülle deine Felder aus, kopiere den generierten Block (oder lade ihn herunter) und füge ihn in den <head> deines HTML-Dokuments ein, wobei du eventuell vorhandene entsprechende Tags ersetzt. Erstelle für jede Seite einen eigenen, einzigartigen Satz, statt einen für die ganze Website wiederzuverwenden — doppelte Titel und Beschreibungen verwässern die Relevanz. Um zu prüfen, was eine bestehende Seite bereits enthält, öffne sie, klicke mit der rechten Maustaste, wähle „Seitenquelltext anzeigen" und durchsuche den <head>; nutze anschließend diesen Generator, um saubere Ersatz-Tags zu erstellen.