Erstelle alle wichtigen Meta-Tags für deine Webseiten. SEO-Title, Meta-Description, Open Graph, Twitter Cards und Robots-Direktiven mit einem Klick.
Paste these tags inside your <head> section, before the closing </head> tag.
Sieh, wie optimierte Meta-Tags deine Suchperformance beeinflussen. OneStepToRank überwacht deine Google-Rankings rund um die Uhr und benachrichtigt dich, wenn sich Positionen ändern.
Jetzt startenMeta-Tags sind Code‑Snippets im <head>-Bereich einer Webseite, die Informationen über die Seite an Suchmaschinen, soziale Medien und Webbrowser liefern. Im Gegensatz zu sichtbarem Seiteninhalt werden Meta-Tags nicht den Besuchern angezeigt, spielen aber eine entscheidende Rolle dafür, wie deine Seite indexiert, gerankt und im Web präsentiert wird.
Die wichtigsten Meta-Tags für SEO sind das Title-Tag und die Meta-Description. Das Title-Tag ist die anklickbare Überschrift in den Suchergebnissen und eines der stärksten On‑Page‑Ranking‑Signale. Die Meta-Description ist der Vorschautext darunter, der beeinflusst, ob Nutzer klicken. Zusammen bilden sie die „Anzeige“ deiner Seite in den Google‑Suchergebnissen.
width=device-width, initial-scale=1.0 auf jeder Seite.UTF-8 für universelle Kompatibilität.Open Graph‑Tags (mit Präfix og:) bestimmen, wie deine Seite beim Teilen auf Facebook, LinkedIn, Pinterest und anderen Plattformen aussieht. Ohne sie raten soziale Netzwerke, was angezeigt werden soll, und zeigen oft das falsche Bild oder einen abgeschnittenen Titel. Die wesentlichen OG‑Tags sind og:title, og:description, og:image und og:url.
Twitter‑Card‑Tags erfüllen denselben Zweck für Twitter/X. Das twitter:card-Tag definiert das Kartenlayout (Summary oder Large Image), während twitter:title und twitter:description die OG‑Werte speziell für Twitter überschreiben können. Wenn du nur OG‑Tags setzt, greift Twitter darauf zurück; Twitter‑spezifische Tags sind also optional, geben dir aber mehr Kontrolle.
Für das beste Social‑Sharing-Erlebnis verwende ein Bild von mindestens 1200 × 630 Pixel für OG‑ und Twitter‑Large‑Image‑Cards. Diese Größe funktioniert auf allen wichtigen Plattformen gut.
Nutze diesen Generator zusammen mit unserem SERP Snippet Vorschau, um zu sehen, wie dein Title und deine Description in Google aussehen, und unserem Schema Generator, um strukturierte Daten hinzuzufügen.
Meta-Tags sind HTML-Elemente im Head‑Bereich einer Webseite, die Metadaten an Suchmaschinen und soziale Plattformen liefern. Wichtige Meta-Tags sind das Title‑Tag, die Meta‑Description, Open‑Graph‑Tags, Twitter‑Card‑Tags und Robots‑Direktiven, die steuern, wie deine Seite in der Suche und beim Social Sharing erscheint und sich verhält.
Das Title‑Tag und die Meta‑Description sind die wichtigsten. Das Title‑Tag wirkt sich direkt auf das Ranking aus und dient als anklickbare Überschrift in den Suchergebnissen. Die Meta‑Description beeinflusst die Klickrate. Robots‑, Canonical‑ und Viewport‑Tags sind ebenfalls entscheidend für eine korrekte Indexierung und mobile Optimierung.
Open Graph‑Tags bestimmen, wie deine Seite beim Teilen auf Facebook, LinkedIn und anderen sozialen Plattformen aussieht. Sie definieren Titel, Beschreibung, Bild und URL, die in der Social‑Share‑Vorschau angezeigt werden. Ohne sie erzeugen Plattformen automatisch Vorschaubilder, die oft schlecht aussehen oder falschen Inhalt zeigen.
Füge Meta-Tags im Head‑Bereich deines HTML ein. In WordPress kannst du Yoast SEO oder RankMath für integrierte Felder nutzen. In Shopify bearbeitest du die Datei theme.liquid. In Squarespace nutzt du das SEO‑Einstellungs‑Panel. Für individuelles HTML fügst du den generierten Code direkt zwischen deine Head‑Tags ein.