Generator für Open-Graph-Tags mit Vorschau
Die Tags fürs Teilen und die Vorschau der Karte, vor dem Veröffentlichen
beispiel.de
Der Titel Ihrer Vorschau
Die Beschreibung erscheint hier, abgeschnitten dort, wo die Plattform sie abschneidet.
Tags zum Einfügen in Ihre Seite
<meta property="og:type" content="website">
Alles wird in Ihrem Browser berechnet. Nichts wird gespeichert.
Ein ohne Open-Graph-Tags geteilter Link erscheint als nackter Text, manchmal mit einem zufällig aus der Seite gegriffenen Bild. Mit den richtigen Tags wird daraus eine Karte: Bild, Titel, Beschreibung, Name der Website. Dieses Tool schreibt die Tags und zeichnet die Karte so, wie jede Plattform sie darstellt, was erspart, das Problem erst nach dem Veröffentlichen zu bemerken, wenn der Cache schon steht.
Anleitung
So funktioniert es
Mit der Adresse beginnen
Adresse einfügen und auf Abrufen klicken: Die bereits vorhandenen og:-Tags werden ausgelesen und eingetragen. Bei einer noch nicht veröffentlichten Seite tippen Sie alles selbst.
Darstellungen vergleichen
Jedes Netzwerk kürzt bei einer anderen Länge und schreibt sein Bildformat vor. Die Vorschau zeigt die drei wichtigsten Fälle.
Tags kopieren
Der Block enthält die Open-Graph-Tags und die zugehörigen Twitter-Card-Tags, zum Einfügen in den Kopfbereich der Seite.
Gut zu wissen
Vier Dinge, die Sie im Kopf behalten sollten
Bild mit 1200 mal 630 Pixeln
Das ist das Format, das überall ohne brutalen Beschnitt durchgeht. Ein quadratisches Bild wird oben und unten abgeschnitten, ein zu kleines ignoriert und die Karte erscheint ohne Bild.
Die Bildadresse muss absolut sein
Ein relativer Pfad funktioniert nicht: Die Crawler der sozialen Netzwerke können ihn nicht auflösen. Die vollständige Adresse mit Protokoll ist Pflicht.
Cache nach der Korrektur leeren
Jede Plattform merkt sich die erste gesehene Fassung. Facebook und LinkedIn bieten ein Aktualisierungswerkzeug; ohne es bleibt Ihre Korrektur tagelang unsichtbar.
Text auf dem Bild muss groß sein
Die Karte erscheint im Feed oft schmaler als vierhundert Pixel. Ein Titel in kleiner Schrift auf dem Bild wird unlesbar, obwohl er beim Entwerfen perfekt aussah.
FAQ
Häufige Fragen
X liest die Open-Graph-Tags als Rückfallebene, doch das Tag twitter:card bleibt nötig, um zwischen großem Bild und Vorschaubild zu wählen. Beide Sätze entstehen hier gemeinsam.
Die Plattform sucht ein Bild in der Seite, oft das Logo oder die erstbeste Abbildung, und findet manchmal keines. Der Link erscheint dann als reiner Text, mit deutlich niedrigerer Klickrate.
Ja. Diese Adresse erhält die Shares und die Interaktionen. Eine Adresse mit Tracking-Parametern zersplittert die Zähler auf mehrere Fassungen derselben Seite.
Ja, ebenso wie die meisten Messenger. WhatsApp verlangt allerdings ein deutlich leichteres Bild als soziale Netzwerke, unter 300 Kilobyte, sonst bleibt die Vorschau leer.
Und auch
Weitere Tools derselben Familie
Und auch
Was Lokvi für Sie übernimmt
Mini-Website
Eine elegante öffentliche Seite mit Ihren Kontaktdaten, Öffnungszeiten und allen wichtigen Links, bereit zum Teilen überall.
Mehr erfahren →Automatische Google Posts
Die KI erstellt und veröffentlicht regelmäßig Posts mit Text und Bild in Ihrem Google-Eintrag, damit Sie sichtbar und aktiv bleiben.
Mehr erfahren →Und wenn das alles ohne Sie liefe
Bewertungen sammeln, beantworten, Beiträge und Treueprogramm, auf Ihrem Google-Business-Profil, vollautomatisch.
Ohne Kreditkarte: Erstellen Sie Ihr Konto und entdecken Sie Ihre echten Daten.
14 Tage kostenlos, dann 29 €/Monat, ohne Verpflichtung.