Open-Graph-Tag-Generator
Erstellen Sie saubere Open-Graph-Meta-Tags für soziale Netzwerke und Messenger-Vorschauen aus Ihren Webseiten-Metadaten.
Tool ausführen
Mit diesem Open-Graph-Generator erstellen Sie saubere HTML-Meta-Tags für die Vorschau Ihrer Webseiten in sozialen Netzwerken und Messenger-Diensten. Wenn Plattformen wie Facebook oder LinkedIn einen Link erfassen, lesen sie diese strukturierten Angaben aus dem Kopfbereich Ihres HTML-Dokuments aus.
Für die Ausgabe ist mindestens die Angabe eines Seitentitels erforderlich. Ohne Titel bleibt die Generierung leer. Ergänzend können Sie eine Beschreibung, eine kanonische Webadresse, einen Website-Namen sowie die URL zu einem Vorschaubild eintragen. Das Werkzeug belegt den Seitentyp standardmäßig mit dem Wert website und das Sprachgebiet mit en_US, falls Sie dort keine eigenen Angaben machen.
Alle eingefügten Textwerte werden vor der Ausgabe automatisch in HTML-gerechte Zeichen umgewandelt. So lassen sich Sonderzeichen ohne manuelle Maskierung direkt in den Quelltext Ihrer Webseite einbinden. Das Tool prüft keine Bildauflösungen oder Serverantworten, sondern liefert den fertigen Codeblock direkt zur Übernahme in Ihr Dokument.
Anleitung
- Geben Sie den Titel Ihrer Webseite in das dafür vorgesehene Textfeld ein.
- Fügen Sie optional eine kurze Beschreibung, eine Seiten-URL, einen Website-Namen und eine Bild-URL hinzu.
- Tragen Sie bei Bedarf die vollständige Bild-URL für das geteilte Vorschaubild ein.
- Passen Sie den Typ und die Sprachregion an, falls die Standardwerte website und en_US für Ihre Seite nicht zutreffen.
- Kopieren Sie die erzeugten Meta-Tags aus dem Ausgabefeld in den Kopfbereich (head) Ihres HTML-Dokuments.
Beispiele
- Eingabe von Titel 'Ratgeber für Webdesign', Beschreibung 'Tipps für moderne Layouts' und Sprachregion 'de_DE' erzeugt Meta-Tags mit og:title, og:description, og:type ('website'), og:locale ('de_DE'), og:site_name (falls angegeben), og:image (falls angegeben) und og:url (falls angegeben).
- Eingabe von Titel 'Produktneuheit 2025', Webseiten-URL 'https://example.com/neu' und Bild-URL 'https://example.com/bild.jpg' generiert die vollständigen Tags inklusive og:url und og:image.
FAQ
Warum wird kein Code erzeugt, wenn das Titelfeld leer bleibt?
Der Seitentitel ist das zentrale Pflichtelement für Open-Graph-Tags. Ohne eingegebenen Titel erzeugt das Werkzeug keine Meta-Tags.
Wie werden Sonderzeichen im Text behandelt?
Alle eingegebenen Zeichenketten werden automatisch HTML-konform maskiert, sodass Anführungszeichen oder spitze Klammern den Quellcode nicht beschädigen.
Prüft das Werkzeug, ob die angegebene Bild-URL tatsächlich erreichbar ist?
Nein. Das Werkzeug fügt die eingegebene Adresse unverändert in das entsprechende og:image-Tag ein, ohne externe Netzwerkabfragen oder Dateiprüfungen durchzuführen.
Welche Standardwerte gelten für Typ und Sprachregion?
Wenn Sie keine eigenen Angaben eintragen, verwendet das Werkzeug 'website' als Typ und 'en_US' als Sprachregion. Sie können diese Werte in den entsprechenden Feldern überschreiben.