Open Graph Meta-Tags sind unsichtbare Informationsfelder im <head>-Abschnitt einer Webseite, die beschreiben worum es auf der Seite geht. Entwickelt wurde das Open Graph Protocol ursprünglich von Facebook, heute wird es von praktisch allen sozialen Netzwerken, Messengern und Link-Vorschau-Diensten genutzt. Wenn du einen Link in WhatsApp, Slack oder Mastodon teilst und dort automatisch ein Vorschaubild mit Titel und Beschreibung erscheint, stammen diese Informationen aus den Open Graph Meta-Tags der verlinkten Seite.
Ein typischer Satz sieht so aus:
<meta property="og:title" content="Die Kunst des Notierens">
<meta property="og:description" content="Warum handgeschriebene Notizen das Denken schärfen.">
<meta property="og:image" content="https://example.com/vorschaubild.jpg">
<meta property="article:published_time" content="2026-06-04">
<meta property="article:author" content="ObsidianGuide Redaktion">Erstellt werden diese Tags in den meisten Fällen nicht von Hand, sondern automatisch vom verwendeten CMS oder Static Site Generator. Quartz, WordPress, Ghost und ähnliche Systeme generieren sie aus den vorhandenen Inhalten wie Titel, Beschreibung und Featured Image.
Der Web Clipper kann auf diese Tags über die {{meta:...}} Variable zugreifen. Das ist oft zuverlässiger als ein CSS-Selektor, weil die Tags einer festen Konvention folgen und nicht vom visuellen Design der Seite abhängen.