KOSTENLOSES SEO-TOOL FÜR META-TAGS & OG-TAGS
Meta-Tags sind HTML-Code-Schnipsel im <head>-Bereich einer Webseite. Sie sind auf der Seite selbst nicht sichtbar, teilen Suchmaschinen, Browsern und Social-Media-Plattformen aber entscheidende Informationen über Ihren Inhalt mit -- worum es auf der Seite geht, wie sie indexiert werden soll und wie sie beim Teilen aussehen soll. Meta-Tags sind quasi die Regieanweisungen hinter den Kulissen, die bestimmen, wie die Welt Ihre Website entdeckt und wahrnimmt.
Gut gestaltete Meta-Tags beeinflussen direkt Ihre Klickrate (CTR) in den Suchergebnissen. Wenn jemand bei Google sucht, sind Title-Tag und Meta-Beschreibung oft der erste Eindruck, den er von Ihrer Seite bekommt. Ein überzeugender, präziser Titel zusammen mit einer klaren Beschreibung kann über Klick oder Weiterscrollen entscheiden. Studien zeigen immer wieder, dass Seiten auf derselben Position in den Suchergebnissen allein aufgrund der Qualität ihrer Meta-Tags CTR-Unterschiede von 2x oder mehr aufweisen können.
Dieser kostenlose Meta-Tag-Generator hilft Ihnen, alle wichtigen Tags in Sekunden zu erstellen -- grundlegende SEO-Tags, Open-Graph-Tags für Facebook und LinkedIn, Twitter-Card-Tags und sogar JSON-LD-strukturierte Daten. Sie erhalten eine Live-Vorschau, wie Ihre Seite in den Google-Suchergebnissen und in sozialen Medien erscheint, sodass Sie alles feinjustieren können, bevor Sie den Code auf Ihrer Website einfügen.
<head>-Bereich Ihres HTML ein.Title-Tag: Das mit Abstand wichtigste On-Page-SEO-Element. Er erscheint als klickbare Überschrift in den Suchergebnissen und in Browser-Tabs. Jede Seite sollte einen eindeutigen Titel haben, der ihren Inhalt genau beschreibt. Google zeigt in der Regel die ersten 50-60 Zeichen an -- platzieren Sie Ihre wichtigsten Keywords deshalb möglichst weit vorn.
Meta-Beschreibung: Zwar kein direkter Rankingfaktor, beeinflusst die Meta-Beschreibung aber stark die CTR. Google zeigt auf dem Desktop bis zu etwa 155-160 Zeichen an. Schreiben Sie sie wie einen Anzeigentext -- erklären Sie, was der Nutzer bekommt und warum er klicken sollte. Legen Sie keine fest, generiert Google automatisch einen Ausschnitt aus Ihrem Seiteninhalt, der Ihre Seite möglicherweise nicht gut repräsentiert.
Robots-Meta-Tag: Steuert, wie Suchmaschinen eine Seite crawlen und indexieren. Gängige Werte sind index, follow (Standardverhalten), noindex (Indexierung verhindern), nofollow (Links nicht folgen) und noarchive (keine zwischengespeicherte Version anzeigen). Setzen Sie dies gezielt ein, etwa bei Login-Seiten, internen Suchergebnissen oder doppeltem Inhalt.
Open-Graph-Tags: Von Facebook entwickelt, steuern Open-Graph-Tags (OG), wie Ihr Inhalt beim Teilen auf Facebook, LinkedIn, WhatsApp und vielen anderen Plattformen erscheint. Die wichtigsten Tags sind og:title, og:description, og:image und og:url. Besonders wichtig ist das OG-Bild -- verwenden Sie ein hochwertiges Bild mit 1200x630 Pixeln für die besten Ergebnisse auf allen Plattformen.
Twitter-Card-Tags: Ähnlich wie OG-Tags, aber speziell für Twitter/X. Der Tag twitter:card definiert den Kartentyp (meist summary_large_image für die beste visuelle Wirkung). Twitter greift auf OG-Tags zurück, falls keine Twitter-spezifischen Tags vorhanden sind -- wenn Sie aber beide angeben, haben Sie die volle Kontrolle darüber, wie Ihr Inhalt auf jeder Plattform erscheint.
Canonical-Tag: Technisch gesehen kein Meta-Tag, aber genauso wichtig. Der Tag <link rel="canonical"> teilt Suchmaschinen mit, welche Version einer URL die „Hauptversion" ist. Das verhindert Probleme mit doppeltem Inhalt, wenn dieselbe Seite über mehrere URLs erreichbar ist (mit/ohne www, HTTP/HTTPS, Query-Parameter usw.).
noindex-Tag kann eine ganze Seite aus Google entfernen. Prüfen Sie Ihre Robots-Tags immer vor dem Launch.<meta name="viewport"> rendern mobile Browser Ihre Seite in Desktop-Breite und zoomen heraus, was zu einer schlechten Nutzererfahrung führt und dem mobilen Ranking schadet.Meta-Tags sind HTML-Elemente im <head>-Bereich einer Webseite, die Suchmaschinen, Browsern und Social-Media-Plattformen Metadaten über die Seite liefern. Dazu gehören der Title-Tag, die Meta-Beschreibung, die Charset-Deklaration, die Viewport-Einstellungen, Robots-Direktiven, Open-Graph-Tags und mehr. Meta-Tags sind für Besucher unsichtbar, spielen aber eine entscheidende Rolle dabei, wie Ihre Seite im Web entdeckt, indexiert und dargestellt wird.
Meta-Tags beeinflussen SEO sowohl direkt als auch indirekt. Der Title-Tag ist ein bestätigter Rankingfaktor -- Google nutzt ihn, um die Relevanz einer Seite zu verstehen. Die Meta-Beschreibung ist kein direkter Rankingfaktor, beeinflusst aber stark die Klickrate, was sich wiederum indirekt auf das Ranking auswirken kann. Das Robots-Meta-Tag steuert, ob eine Seite überhaupt indexiert wird. Canonical-Tags verhindern Abstrafungen wegen doppeltem Inhalt. Auch wenn einzelne Tags unterschiedlich stark direkt aufs Ranking wirken, bilden sie gemeinsam das Fundament der technischen On-Page-SEO.
Google zeigt in der Regel die ersten 50-60 Zeichen eines Title-Tags an (ungefähr 600 Pixel Breite). Bleiben Sie unter 60 Zeichen, damit Ihr vollständiger Titel in den Suchergebnissen sichtbar ist. Wird Ihr Titel abgeschnitten, ersetzt Google ihn möglicherweise durch etwas, das er aus Ihrem Seiteninhalt generiert -- und das können Sie nicht kontrollieren. Platzieren Sie Ihre wichtigsten Keywords und Ihr Alleinstellungsmerkmal innerhalb der ersten 50 Zeichen.
Google zeigt auf dem Desktop bis zu etwa 155-160 Zeichen einer Meta-Beschreibung an, auf Mobilgeräten etwa 120 Zeichen. Schreiben Sie Ihre wichtigsten Informationen innerhalb der ersten 120 Zeichen, damit sie auf allen Geräten sichtbar sind. Füllen Sie Beschreibungen nicht künstlich auf, um das Maximum zu erreichen -- wenn Sie es klar in 100 Zeichen sagen können, ist das völlig ausreichend. Qualität und Relevanz zählen mehr als die Länge.
Nein. Google hat offiziell bestätigt, dass der meta keywords-Tag vollständig ignoriert wird -- mindestens seit 2009. Auch Bing hat erklärt, dass er kein Rankingfaktor ist. Das Meta-Keywords-Tag wurde von Spammern massiv missbraucht und wird von keiner großen Suchmaschine mehr genutzt. Zeit in Meta-Keywords zu investieren ist verschwendete Mühe -- konzentrieren Sie sich stattdessen auf Ihren Title-Tag, Ihre Meta-Beschreibung und hochwertigen Seiteninhalt.
Open-Graph-Tags (OG) sind ein von Facebook entwickeltes Protokoll, mit dem Webseiten steuern können, wie sie beim Teilen in sozialen Medien erscheinen. Teilt jemand Ihre URL auf Facebook, LinkedIn, WhatsApp, Slack, Discord oder vielen anderen Plattformen, lesen diese Dienste Ihre OG-Tags aus, um Titel, Beschreibung und Bild zu bestimmen. Die vier wichtigsten OG-Tags sind og:title, og:description, og:image und og:url. Ohne sie raten Plattformen, was sie anzeigen sollen -- oft mit schlechtem Ergebnis.
Twitter-Card-Tags sind Twitter/X-spezifische Meta-Tags, die steuern, wie Ihr Inhalt beim Teilen auf der Plattform erscheint. Die wichtigsten Typen sind summary (kleines quadratisches Bild mit Titel und Beschreibung) und summary_large_image (großes Banner-Bild über dem Titel). Twitter greift auf Open-Graph-Tags zurück, falls keine Twitter-spezifischen Tags gesetzt sind -- definieren Sie aber beide, haben Sie präzise Kontrolle. Verwenden Sie twitter:card, twitter:title, twitter:description, twitter:image und twitter:site für die besten Ergebnisse.
Es gibt mehrere Möglichkeiten, Ihre aktuellen Meta-Tags zu prüfen. Am einfachsten ist es, mit der rechten Maustaste auf Ihre Seite zu klicken, „Seitenquelltext anzeigen" auszuwählen und den <head>-Bereich anzusehen. Sie können auch die Entwicklertools des Browsers (F12) nutzen, um das Head-Element zu inspizieren. Für Social-Tags speziell nutzen Sie Facebooks Sharing-Debugger (developers.facebook.com/tools/debug/), um genau zu sehen, was Facebook ausliest, sowie Twitters Card Validator für Ihre Twitter-Cards. Auch die Google Search Console zeigt, wie Google Ihre Seitentitel und -beschreibungen interpretiert.
Meta-Tags selbst haben praktisch keinen Einfluss auf die Seitengeschwindigkeit. Es sind winzige Textstrings in Ihrem HTML, die Ihrer Seite meist weniger als 1 KB hinzufügen. Es gibt jedoch einen indirekten Zusammenhang: Das viewport-Meta-Tag ist für korrektes mobiles Rendering erforderlich, und ohne es müssen Browser eventuell zusätzliche Layout-Berechnungen durchführen. Manche Tags wie <link rel="preconnect"> und <link rel="preload"> (technisch gesehen Link-Elemente, keine Meta-Tags) können die Ladeleistung sogar verbessern, indem sie Browsern signalisieren, Verbindungen frühzeitig aufzubauen.
Das Robots-Meta-Tag teilt Suchmaschinen-Crawlern mit, wie sie mit einer bestimmten Seite umgehen sollen. Gängige Direktiven sind: index (Indexierung erlauben), noindex (Indexierung verhindern), follow (Links auf der Seite folgen), nofollow (Links nicht folgen), noarchive (keine zwischengespeicherte Version anzeigen) und nosnippet (keinen Textausschnitt in den Ergebnissen anzeigen). Sie können Direktiven kombinieren: <meta name="robots" content="noindex, follow"> bedeutet „diese Seite nicht indexieren, aber ihren Links folgen". Ist kein Robots-Tag vorhanden, gilt standardmäßig index, follow.
Aktualisieren Sie Ihre Meta-Tags, wenn sich der Seiteninhalt wesentlich ändert, wenn Sie neue Keywords anvisieren oder wenn Sie in der Google Search Console eine schwache CTR bemerken. Ein fester Aktualisierungsplan ist nicht nötig, solange sich Ihr Inhalt nicht ändert. Es ist aber gute Praxis, Ihre Meta-Tags vierteljährlich zu prüfen -- achten Sie auf veraltete Beschreibungen, Titel, die nicht mehr zum Seiteninhalt passen, kaputte OG-Bilder und versehentliche noindex-Tags. Seiten mit saisonalem Inhalt (Sales, Events) sollten aktualisierte Meta-Tags erhalten, die die aktuellen Angebote widerspiegeln.
Ja, doppelte Meta-Tags können Probleme verursachen. Zwei Title-Tags oder zwei Meta-Beschreibungen auf derselben Seite können Suchmaschinen verwirren, welche davon verwendet werden soll. Sie wählen dann möglicherweise die falsche aus oder generieren eine eigene. Doppelte Titel und Beschreibungen über verschiedene Seiten hinweg sind ein noch größeres Problem -- das signalisiert Suchmaschinen, dass Ihre Seiten nicht differenziert sind, was Ihr Rankingpotenzial verwässern kann. Nutzen Sie Tools wie Screaming Frog oder die Google Search Console, um Seiten mit doppelten oder fehlenden Meta-Tags auf Ihrer Website zu identifizieren.
Das Canonical-Tag (<link rel="canonical" href="...">) teilt Suchmaschinen mit, welche URL die bevorzugte Version einer Seite ist. Das ist entscheidend, wenn derselbe Inhalt über mehrere URLs erreichbar ist -- zum Beispiel zeigen example.com/page und example.com/page?ref=twitter identischen Inhalt, sind aber technisch unterschiedliche URLs. Ohne Canonical-Tag können Suchmaschinen Rankingsignale auf mehrere URLs verteilen. Das Canonical sollte immer auf die saubere, bevorzugte URL zeigen und sich auf Seiten ohne Duplikate selbst referenzieren.
Standard-SEO-Meta-Tags (Titel, Beschreibung) werden für Social-Sharing-Vorschauen nicht zuverlässig genutzt. Stattdessen verwenden Social-Plattformen Open-Graph-Tags und Twitter-Card-Tags. Teilen Sie eine URL auf Facebook, LinkedIn oder WhatsApp, ruft die Plattform die Seite ab und liest die Tags og:title, og:description und og:image aus. Twitter/X liest zuerst twitter:card-Tags, greift dann auf OG-Tags zurück. Ist keines von beidem vorhanden, versucht die Plattform, aus dem Seiteninhalt zu raten -- meist mit schlechtem Ergebnis. Setzen Sie immer OG-Tags, wenn Sie professionell aussehende Social Shares möchten.
Schreiben Sie Meta-Beschreibungen wie Anzeigentexte. Beginnen Sie mit dem Hauptnutzen oder der Antwort auf die Suchanfrage des Nutzers. Bauen Sie Ihr wichtigstes Keyword natürlich ein -- Google hebt passende Suchbegriffe in der Beschreibung fett hervor, wodurch Ihr Ergebnis optisch heraussticht. Fügen Sie einen Call-to-Action hinzu („Erfahren Sie, wie", „Kostenlos testen", „Optionen vergleichen"). Seien Sie konkret statt allgemein: „Bilder in 3 Sekunden auf exakte Pixelmaße skalieren" schlägt „Ein tolles Tool zur Bildbearbeitung". Vermeiden Sie Clickbait -- klicken Nutzer und springen sofort wieder ab, schadet das Ihrem Ranking. Halten Sie sich an 120-155 Zeichen.
Das Viewport-Meta-Tag (<meta name="viewport" content="width=device-width, initial-scale=1.0">) teilt mobilen Browsern mit, wie sie die Abmessungen und Skalierung der Seite steuern sollen. Ohne dieses Tag rendern mobile Browser Ihre Seite in einer Standard-Desktop-Breite (meist 980px) und verkleinern anschließend alles, sodass Text winzig wird und Nutzer mit den Fingern zoomen müssen. Dieses Tag ist essenziell für responsives Webdesign und für Googles Mobile-First-Indexierung erforderlich. Jede moderne Webseite sollte es enthalten.
Es gibt keine feste Grenze, aber eine gut optimierte Seite hat in der Regel 10-20 meta-bezogene Tags. Die wichtigsten sind: Title-Tag, Meta-Beschreibung, Viewport, Charset, Canonical-Link, 4-6 Open-Graph-Tags, 4-5 Twitter-Card-Tags und optional ein Robots-Tag. Auch JSON-LD-strukturierte Daten werden empfohlen. Fügen Sie keine unnötigen Tags hinzu -- verzichten Sie zum Beispiel auf meta keywords (wird von allen großen Suchmaschinen ignoriert) und meta author (kein SEO-Wert). Jedes Tag sollte einen klaren Zweck erfüllen.
Ja, Meta-Tags müssen im <head>-Bereich Ihres HTML-Dokuments stehen, um korrekt erkannt zu werden. Im <body> platzierte Meta-Tags sind technisch ungültiges HTML und werden von Suchmaschinen und Social-Plattformen möglicherweise ignoriert. Das <title>-Tag, <meta>-Elemente, <link rel="canonical"> sowie Open-Graph-/Twitter-Tags gehören alle in den Head. Manche Crawler finden im Body platzierte Tags trotzdem, aber verlässlich ist das nicht. Platzieren Sie Ihre Meta-Tags immer vor jeglichem Inhalt oder Script-Elementen im Head.
Das Charset-Meta-Tag (<meta charset="UTF-8">) deklariert die Zeichenkodierung Ihres HTML-Dokuments. UTF-8 ist der universelle Standard, der praktisch alle Zeichen aller Schriftsysteme unterstützt -- lateinische Buchstaben, Zeichen mit Akzenten, Chinesisch, Arabisch, Emoji und mehr. Ohne dieses Tag könnten Browser die Kodierung falsch erraten, was zu unleserlichem Text (Mojibake) führt. Verwenden Sie immer UTF-8 und platzieren Sie die Charset-Deklaration als erstes Element im <head>, noch vor dem Title-Tag, um korrektes Parsing von Anfang an sicherzustellen.
Dieses Tool benötigt eine Internetverbindung und ist nur auf der offiziellen KlipTools-Website verfügbar. Es läuft vollständig in Ihrem Browser (es werden keine Daten an einen Server gesendet), muss aber von kliptools.com geladen werden, um zu funktionieren. Wenn Sie eine Offline-Lösung benötigen, können Sie die generierten Meta-Tags als Vorlagendatei speichern und lokal wiederverwenden. Das Tool ist völlig kostenlos und erfordert keine Anmeldung -- besuchen Sie einfach die Seite, geben Sie Ihre Details ein und kopieren Sie den generierten Code.