Open-Graph-Generator

Website-Verantwortliche und Content-Teams nutzen es vor der Veröffentlichung oder dem Teilen einer neuen Seite. Bereiten Sie das Teilen einer Seite in sozialen Medien vor.

Bereiten Sie das Teilen einer Seite in sozialen Medien vor. Alles bleibt im Browser; nichts wird hochgeladen oder gespeichert.

Bedienung

Sammle den Titel, die Beschreibung, die Seitenadresse und die Bildadresse, die erscheinen sollen, wenn der Link geteilt wird.
Gib diese Werte in das Feld ein und folge der Reihenfolge, die die Tool-Oberfläche anzeigt.
Führe die Generierung aus, um die passenden Open-Graph-Tags zu erstellen, die kopiert werden können.
Kopiere den resultierenden Code und platziere ihn im Head-Bereich der Zielseite.
Lösche die Felder, um eine andere Seite vorzubereiten oder alternative Versionen vor der Veröffentlichung zu vergleichen.

Beispiel

Mit dem bereitgestellten Beispiel erstellt der Generator Tags aus einem Titel, einer Beschreibung, einer Seitenadresse und einer Bildadresse. Prüfe, ob jeder Wert wirklich zu der Seite gehört, an der du arbeitest, bevor du den Code in deine Website kopierst, insbesondere den Bildlink und die kanonische Seitenadresse.

Eingabe

Page title
Short description for sharing
https://example.com/page
https://example.com/image.jpg

Ergebnis

<meta property="og:type" content="website">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Short description for sharing">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/image.jpg">

Grenzen und Formate

Das Tool erstellt nur Tags zum Kopieren; es veröffentlicht nichts für dich auf deiner Website.
Die Werte müssen korrekt sein, denn eine falsche Adresse erzeugt eine defekte Social-Vorschau.
Das endgültige Aussehen hängt von jeder Social-Plattform und ihren Caching-Regeln ab.
Prüfe Bildgröße und Bildformat direkt auf der Plattform, auf der du den Link teilen möchtest.
Teste das Ergebnis auf mehreren Plattformen, da jede eigene Anzeigeregeln anwenden kann.

Wo die Verarbeitung stattfindet

Die Generierung geschieht in deinem Browser. Die eingegebenen Informationen bleiben auf deinem Gerät und werden nicht an einen externen Dienst gesendet. Du brauchst kein Konto, um das Ergebnis zu erstellen oder zu kopieren.

Häufige Fragen

Wo soll ich den generierten Code einfügen?

Platziere die Tags im Head-Bereich der Zielseite, idealerweise vor anderen Skripten. Sie teilen Social-Plattformen mit, welcher Titel, welche Beschreibung und welches Bild angezeigt werden sollen, wenn jemand den Link teilt.

Kann ich eine lokale Bilddatei verwenden?

Nein, Social-Plattformen müssen das Bild von einer öffentlich erreichbaren Adresse abrufen. Verwende ein Bild, das bereits online auf deiner Website oder auf einem erlaubten Hosting-Dienst liegt.

Warum aktualisiert sich die Vorschau nach meiner Änderung nicht?

Social-Plattformen speichern oft alte Daten im Cache. Verwende nach der Veröffentlichung der neuen Tags ihr Debugging-Tool, um den Cache zu aktualisieren, oder warte, bis er natürlich abläuft.