Open Graph erstellen
Was erscheint, wenn jemand deinen Link in WhatsApp verschickt oder auf LinkedIn teilt? Ohne diese Angaben sucht sich jeder Dienst selbst etwas aus der Seite zusammen – meist das erste Bild und ein abgeschnittener Satz.
Art des Inhalts
Für Start- und allgemeine Seiten.
Was beim Teilen erscheint
Darf vom Seitentitel abweichen – hier zählt, was zum Klicken verleitet, nicht das Schlagwort.
WhatsApp kürzt am schärfsten – nach rund 90 Zeichen.
1200 × 630 Pixel. Kleinere Bilder zeigen manche Dienste gar nicht.
X (Twitter)
Vorschau
Die Netzwerke kürzen unterschiedlich stark. Das Bild wird nur zur Ansicht lokal geladen – es verlässt deinen Rechner nicht und landet nicht im erzeugten Code.
beispiel.de
(kein Titel)
(keine Beschreibung)
beispiel.de
(kein Titel)
(keine Beschreibung)
X
beispiel.de
(kein Titel)
(keine Beschreibung)
beispiel.de
(kein Titel)
(keine Beschreibung)
Es fehlen noch: Titel, Beschreibung, Adresse, Bild.
<!-- Open Graph – gelesen von Facebook, LinkedIn, WhatsApp und den meisten anderen -->
<meta property="og:type" content="website">
<meta property="og:locale" content="de_DE">
<!-- X (Twitter) – liest zwar Open Graph mit, eigene Angaben gehen aber vor -->
<meta name="twitter:card" content="summary">
Worauf es ankommt
1200 × 630 Pixel. Kleinere Bilder zeigen manche Dienste gar nicht, andere schneiden mittig zu. Die Maße stehen im erzeugten Code mit dabei – ohne sie reserviert kein Netzwerk den Platz, bevor das Bild geladen ist, und die Vorschau springt beim Aufbauen.
Der Titel darf vom Seitentitel abweichen. In der Suche zählt das Schlagwort, beim Teilen zählt die Neugier. Hier ist ein anderer Ton erlaubt.
WhatsApp kürzt am schärfsten – nach rund 90 Zeichen. Die Vorschaukarten zeigen jede Grenze einzeln.
Zwei Eigenheiten
Die Netzwerke merken sich das Ergebnis. Änderst du die Angaben nachträglich, zeigt Facebook oft tagelang die alte Fassung. Zum Auffrischen gibt es den Sharing-Debugger von Facebook und den Post Inspector von LinkedIn.
Das Vorschaubild wird hier nur lokal geladen. Diese Website lädt grundsätzlich keine fremden Bilder – dafür ein ganzes Web an Bildquellen freizugeben wäre für eine Vorschau ein schlechter Tausch. Wähle die Datei von deinem Rechner, um die Karte zu sehen; im erzeugten Code steht die eingetragene Adresse.
Die übrigen Kopfzeilen – Titel, Beschreibung, Canonical – liefert der Meta-Tag-Generator, der Open Graph gleich mit erzeugt. Diese Seite hier geht tiefer: Artikel- und Produktangaben, X-Konto und die Vorschau je Netzwerk.