So funktioniert’s
- Tragen Sie Seitentitel, Kurzbeschreibung und die vollständige Seitenadresse mit https:// in das Formular ein.
- Aktivieren Sie „Open Graph einbeziehen“ und „Twitter Card einbeziehen“, wenn Sie Tags für geteilte Links benötigen.
- Wählen Sie unter „og:type“ den Seitentyp und unter „Twitter Card“ das Kartenformat.
- Prüfen Sie die Vorschau und kopieren Sie den erstellten Code in den head-Bereich Ihrer Seite.
Beispiele
Blogartikel mit eigenem Social-Media-Text
Eingabe
Titel: Balkon bepflanzen: Kräuter für kleine Flächen Beschreibung: Welche Kräuter auf einem kleinen Balkon gedeihen und wie Sie passende Töpfe, Erde und einen sonnigen Standort auswählen. Seitenadresse: https://www.balkongarten-beispiel.de/ratgeber/kraeuter Bildadresse: https://www.balkongarten-beispiel.de/bilder/kraeuter.jpg Bildbeschreibung: Basilikum und Thymian in Töpfen auf einem Balkon Website: Balkongarten Twitter-Konto: @balkongarten Social-Media-Titel: Ihr Balkon als kleiner Kräutergarten Social-Media-Beschreibung: Basilikum, Thymian und Minze: Tipps für den Einstieg. Locale: de_DE Autorin: Lena Fischer
Ausgabe
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Balkon bepflanzen: Kräuter für kleine Flächen</title> <meta name="description" content="Welche Kräuter auf einem kleinen Balkon gedeihen und wie Sie passende Töpfe, Erde und einen sonnigen Standort auswählen."> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="author" content="Lena Fischer"> <link rel="canonical" href="https://www.balkongarten-beispiel.de/ratgeber/kraeuter"> <!-- Open Graph --> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.balkongarten-beispiel.de/ratgeber/kraeuter"> <meta property="og:title" content="Ihr Balkon als kleiner Kräutergarten"> <meta property="og:description" content="Basilikum, Thymian und Minze: Tipps für den Einstieg."> <meta property="og:image" content="https://www.balkongarten-beispiel.de/bilder/kraeuter.jpg"> <meta property="og:image:alt" content="Basilikum und Thymian in Töpfen auf einem Balkon"> <meta property="og:site_name" content="Balkongarten"> <meta property="og:locale" content="de_DE"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@balkongarten"> <meta name="twitter:image:alt" content="Basilikum und Thymian in Töpfen auf einem Balkon">
Testseite mit noindex ohne Social-Media-Tags
Eingabe
Titel: Vorschau der neuen Speisekarte | Café Lindenhof Beschreibung: Interne Testversion der neuen Speisekarte mit Frühstück, hausgemachten Kuchen und saisonalen Mittagsgerichten. Seitenadresse: https://test.cafe-lindenhof-beispiel.de/speisekarte
Ausgabe
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Vorschau der neuen Speisekarte | Café Lindenhof</title> <meta name="description" content="Interne Testversion der neuen Speisekarte mit Frühstück, hausgemachten Kuchen und saisonalen Mittagsgerichten."> <meta name="robots" content="noindex, follow"> <link rel="canonical" href="https://test.cafe-lindenhof-beispiel.de/speisekarte">
Häufige Fragen
Wie lang sollten Title und Meta Description sein?
Der Längenzähler bewertet einen Titel mit 30–60 Zeichen und höchstens 580 Pixeln als passend. Für die Beschreibung liegt dieser Bereich bei 70–160 Zeichen; längere Texte werden nicht automatisch gekürzt.
Zeigt Google später genau den Text aus der Vorschau?
Google kann Titel und Beschreibung umschreiben. Die Vorschau ist deshalb keine Garantie für die spätere Darstellung im Suchergebnis.
Kann ich auch Meta Keywords erstellen?
Der Generator erstellt keine Meta Keywords. Auch hreflang-Verweise und strukturierte Daten mit JSON-LD gehören nicht zum erzeugten Code.
Werden meine Eingaben gespeichert oder übertragen?
Die Tags entstehen im Browser; die eingegebenen Texte werden weder gespeichert noch an den Server der Website gesendet. Gespeichert werden nur die Auswahloptionen im localStorage. Beim Öffnen der Facebook- oder X-Vorschau lädt Ihr Browser das Bild direkt von der eingetragenen Bildadresse.