Was ist ein Open-Graph-Generator?
Ein Open-Graph-Generator erstellt die Meta-Tags, die Social-Plattformen helfen, eine Seite zu verstehen, wenn jemand ihren Link teilt. Diese Tags liefern Titel, Beschreibung, kanonische Seiten-URL, Inhaltstyp und optional ein Vorschaubild. Plattformen können damit eine reichere Link-Vorschau bauen, statt aus dem Seiteninhalt zu raten. Dieses Tool erstellt auch passende X/Twitter-Card-Tags, wenn Sie diese Option wählen.
Social-Sharing-Tags erstellen
- Fügen Sie einen knappen Titel und eine klare Beschreibung hinzu.
- Geben Sie die vollständige URL der geteilten Seite ein.
- Optional eine öffentliche Vorschaubild-URL und sinnvollen Alt-Text hinzufügen.
- Seitentyp, Site-Name und Locale wählen, dann HTML erzeugen.
Open-Graph-Titel und -Beschreibung können sich von Ihrem üblichen SEO-Title und der Meta-Description unterscheiden. Das hilft, wenn eine gesprächigere Fassung auf Social besser wirkt. Bleiben Sie bei der Botschaft genau: Ein Mismatch zwischen Vorschau und Zielseite kann Besucher frustrieren und Vertrauen senken.
Zuverlässiges Vorschaubild wählen
Das Share-Bild ist meist der sichtbarste Teil einer Social-Vorschau. Nutzen Sie eine absolute, öffentliche Bild-URL, die Social-Crawler ohne Login, Cookie oder browser-only Skript erreichen können. Ein breites Bild ist für Social Cards oft nützlich, aber jede Plattform kann zuschneiden, cachen oder anders anzeigen. Fügen Sie nach Möglichkeit aussagekräftigen Alt-Text hinzu, damit das Bild eine knappe textuelle Beschreibung hat.
Open Graph und X/Twitter Cards
Die zentralen Open-Graph-Eigenschaften sind bei sozialen Netzwerken weit anerkannt. X/Twitter-Card-Tags können ähnliche Informationen für diese Plattform liefern, inklusive eines Card-Typs mit größerem Bild, wenn Sie eine Bild-URL angeben. Die erzeugten Werte für Titel, Beschreibung und Bild stimmen mit Open Graph überein und halten das initiale Setup konsistent. Später können Sie sie anpassen, wenn eine Plattform eine andere Botschaft braucht.
Nach dem Veröffentlichen testen
Fügen Sie die erzeugten Tags in den Page-Head ein, veröffentlichen Sie die Seite und nutzen Sie den Sharing-Debugger oder die Vorschau der Plattform. Plattformen cachen Vorschauen oft, sodass eine kürzliche Bild- oder Textänderung nicht sofort erscheint. Bestätigen Sie, dass Seiten-URL, Bild-URL und Metadaten für Crawler erreichbar sind, bevor Sie eine aktualisierte Card erwarten.
Private Erzeugung im Browser
Dieser Generator verarbeitet das Formular lokal in Ihrem Browser. Ihre Titel, Beschreibungen und URLs werden hier nicht hochgeladen. Die Ausgabe escaped spezielle HTML-Zeichen und ist bereit zum Prüfen und Einfügen in ein Template. Sie lädt keine Bilder hoch und prüft keine Live-Seite; verifizieren Sie das veröffentlichte Ergebnis mit der Social-Plattform, die Ihnen wichtig ist.