Web / SEO

Open-Graph- und Social-Preview-Generator

Erstelle Meta-Tags für Link-Vorschauen in Facebook, LinkedIn, X/Twitter und allgemeinen Messengern. Der Generator zeigt dir eine Vorschaukarte und erzeugt den passenden HTML-Code für den <head>-Bereich deiner Webseite.

Social-Preview-Daten erstellen

Trage Titel, Beschreibung, Seiten-URL, Bild-URL und Seitentyp ein. Aus diesen Angaben werden Open-Graph-Tags und optional Twitter/X-Card-Tags erzeugt. Die Werte bleiben lokal im Browser und werden nicht an einen Server gesendet.

Generator

Die Vorschau hilft dir, typische Linkkarten für soziale Netzwerke und Messenger vor dem Einbau zu prüfen.

0 Zeichen. Für Linkkarten ist ein kurzer, klarer Titel meist am besten.

0 Zeichen. Die Beschreibung sollte den Inhalt verständlich zusammenfassen.

Die URL sollte absolut sein und zur finalen kanonischen Seite passen.

Für Social-Previews wird häufig ein breites Vorschaubild verwendet.

Vorschau

Die Darstellung ist eine Annäherung. Jede Plattform kann Linkkarten anders zuschneiden, zwischenspeichern oder darstellen.

Facebook

Bildvorschau nicht geladen

example.com

Titel der Seite

Beschreibung der Seite

LinkedIn

Bildvorschau nicht geladen

example.com

Titel der Seite

Beschreibung der Seite

X / Twitter

Bildvorschau nicht geladen

Titel der Seite

Beschreibung der Seite

example.com

Allgemeine Link-Vorschau

Bildvorschau nicht geladen

example.com

Titel der Seite

Beschreibung der Seite

HTML-Ausgabe

Kopiere den erzeugten Code in den <head>-Bereich deiner Seite. Bestehende Tags solltest du vorher prüfen, damit keine widersprüchlichen Werte ausgegeben werden.

Hinweise

Bild-URL

Die Bild-URL sollte öffentlich erreichbar sein. Plattformen speichern Vorschauen häufig zwischen, daher werden Änderungen manchmal verzögert sichtbar.

Titel und Beschreibung

Kurze und konkrete Texte funktionieren in Linkkarten meist besser als lange, allgemeine Beschreibungen.

Seitentyp

website passt für normale Seiten, article für Ratgeber und Beiträge, product für Produktseiten.