Meta-Tags und Sharing-Karten verstehen
Was dieses Tool erzeugt
Meta-Tags sind die unsichtbaren Signale im <head> einer Seite, die Suchmaschinen und sozialen Netzwerken mitteilen, wie sie deinen Inhalt betiteln, beschreiben und darstellen sollen. Dieses Tool macht aus einem kurzen Formular genau dieses Markup: Du gibst einen Titel, eine Beschreibung, Keywords, den Autor und eine kanonische URL ein, und es setzt die passenden <meta>- und <link>-Tags samt ihren Open-Graph- und Twitter-Card-Entsprechungen zusammen. Das erzeugte HTML aktualisiert sich beim Tippen, und eine Vorschau zeigt, wie der Eintrag auf einer Suchergebnisseite wirken würde.
Wann es sich lohnt
Nützlich ist es immer dann, wenn der head-Bereich einer Seite von Hand gefüllt werden muss: eine statische Website, eine Landingpage, ein CMS-Template oder eine E-Mail, die als Webseite angezeigt wird. Ebenso hilft es beim Prüfen einer bestehenden Seite: Füge den geplanten Titel und die Beschreibung ein, und die Zeichenzähler weisen auf alles hin, was Google voraussichtlich abschneidet. Marketing-Teams steuern damit das Bild, die Überschrift und die Zusammenfassung, die erscheinen, wenn ein Link in Slack, X, LinkedIn oder Facebook eingefügt wird, statt es diesen Plattformen zu überlassen.
Beispiel: Titel, Beschreibung und og:-Tags
Angenommen, du gibst den Titel „Handgemachte Keramiktassen", eine einsätzige Beschreibung und eine Bild-URL ein. Die Ausgabe enthält <title>Handgemachte Keramiktassen</title>, <meta name="description" content="..."> und einen kanonischen <link>. Zusätzlich schreibt es og:title, og:description, og:image und og:type für Open Graph sowie twitter:card, twitter:title und twitter:image für die Twitter Card. Mit einem OG-Bild in 1200x630 Pixeln erhältst du die große Karte, die die meisten Netzwerke anzeigen.
Empfohlene Länge und Sonderfälle
Halte Titel unter rund 60 Zeichen und Beschreibungen unter 160, damit Suchmaschinen sie vollständig anzeigen; die eingebauten Zähler warnen, sobald du darüber liegst. Die robots-Direktiven — index/noindex, follow/nofollow sowie noarchive und nosnippet — landen in einem einzigen <meta name="robots">-Tag, das Crawling und Zwischenspeicherung steuert. Die kanonische URL sollte auf die bevorzugte Version einer Seite zeigen, um Duplicate-Content-Probleme zu vermeiden. Sobald das Markup passt, kopierst du den gesamten Block und fügst ihn direkt vor dem schließenden </head>-Tag ein.