Open-Graph-Vorschau
Erstellen Sie saubere Open-Graph-Metadaten für Webseiten. Generieren Sie passende HTML-Tags für Titel, Beschreibungen, URLs und Vorschaubilder.
Tool ausführen
Mit dem Open-Graph-Vorschau-Generator erstellen Sie strukturierte Social-Media-Metadaten für Ihre Webseiten direkt aus Ihren Textangaben. Wenn Sie Links in sozialen Netzwerken oder Messengern teilen, greifen Plattformen auf Open-Graph-Tags im Quelltext zu, um Link-Vorschauen mit Überschrift, Beschreibungstext und Bild darzustellen. Dieses Werkzeug formatiert Ihre Eingaben zu fertigem HTML-Code für den Kopfbereich Ihrer Seite. Sobald Sie einen Titel angeben, erzeugt das Tool die passenden Meta-Tags für Titel, Beschreibung sowie Standardwerte für Webseitentyp und Sprachangabe. Zusätzliche Angaben wie eine Ziel-URL, eine Bildadresse oder der Name der Website fügt das Werkzeug automatisch ein, wenn Sie die entsprechenden Felder ausfüllen. Alle eingegebenen Zeichen werden dabei für den HTML-Kontext maskiert. Bleibt das Titelfeld leer, erzeugt die Funktion keinen Metadaten-Code. Das Tool ruft keine externen Links ab und prüft keine Bilddateien im Internet, sondern verarbeitet ausschließlich Ihre eingegebenen Zeichenketten.
Anleitung
- Tragen Sie den Seitentitel in das entsprechende Eingabefeld ein.
- Geben Sie optional eine Kurzbeschreibung, eine Bildadresse und die Webseiten-URL ein.
- Passen Sie bei Bedarf den Inhaltstyp und den Sprachcode an oder belassen Sie die Vorgabewerte.
- Starten Sie den Generator, um die HTML-Meta-Tags zu erzeugen.
- Kopieren Sie den ausgegebenen HTML-Block in das Kopf-Element Ihrer Webseite.
Beispiele
- Vollständiger Blogartikel: Geben Sie als Titel 'Einführung in TypeScript', eine prägnante Beschreibung, die Artikel-URL 'https://example.com/blog/typescript' sowie den Inhaltstyp 'article' und den Sprachcode 'de_DE' ein.
- Startseite mit Bild: Tragen Sie den Titel 'Mein Online-Shop', den Website-Namen 'ShopName' und die Bild-URL 'https://example.com/banner.jpg' ein, um eine Vorschau für die Hauptseite zu definieren.
FAQ
Ruft das Tool die angegebene Bild-URL oder Webadresse automatisch ab?
Nein. Das Werkzeug generiert die HTML-Tags rein aus Ihren Texteingaben und lädt keine externen Adressen oder Mediendateien aus dem Netzwerk.
Warum wird kein Code ausgegeben, wenn der Titel leer ist?
Das Werkzeug benötigt mindestens einen Titel, um sinnvolle Open-Graph-Metadaten zu strukturieren. Bleibt der Titel leer, werden keine Tags erzeugt.
Wie werden Sonderzeichen im Text verarbeitet?
Alle eingegebenen Zeichenketten werden automatisch für den HTML-Kontext maskiert, sodass Anführungszeichen oder Sonderzeichen die Tag-Struktur nicht beschädigen.
Welche Standardwerte gelten für Inhaltstyp und Sprache?
Wenn Sie keine abweichenden Werte angeben, setzt das Tool für den Inhaltstyp automatisch 'website' und für die Sprache 'en_US' ein.