Prüfpunkt open-graphStrukturierte Daten und Vorschau
Was sind Open-Graph-Tags und warum braucht meine Website sie?
Open-Graph-Tags sind unsichtbare Angaben im Quelltext, die festlegen, wie Ihre Seite aussieht, wenn jemand den Link teilt — etwa in WhatsApp, LinkedIn oder Facebook. Aus den Angaben baut der Messenger die Vorschaukarte mit Bild, Titel und Kurzbeschreibung. Fehlen sie, erscheint statt einer ansprechenden Karte nur ein nackter Link oder ein zufälliger Textausschnitt, oft ganz ohne Bild.
Die Vorschaukarte entsteht aus fünf Angaben
Wenn ein Kunde Ihren Link in eine WhatsApp-Gruppe stellt, fragt der Messenger bei Ihrer Website nach: Wie soll dieser Link dargestellt werden? Die Antwort geben fünf Open-Graph-Angaben im Quelltext — ein Titel für die Vorschau, eine Kurzbeschreibung, ein Vorschaubild, die Adresse der Seite und die Art des Inhalts. Sind alle fünf vorhanden, entsteht eine vollständige Karte: Bild oben, Titel darunter, Beschreibung dazu. Unsere Prüfung kontrolliert jede dieser fünf Angaben einzeln und weist im Bericht genau aus, welche fehlen. Je vollständiger der Satz, desto mehr Punkte erhält die Seite in diesem Prüfpunkt.
Geteilte Links sind Empfehlungen unter Bekannten
Ein geteilter Link ist die wertvollste Form der Werbung: eine persönliche Empfehlung von jemandem, den der Empfänger kennt. Die Vorschaukarte entscheidet, ob aus der Empfehlung ein Klick wird. Eine Karte mit Bild und klarem Titel wirkt wie ein gepflegtes Schaufenster; ein nackter Link ohne Bild wirkt wie eine zugeklebte Auslage — viele Empfänger klicken ihn gar nicht erst an. Das betrifft nicht nur soziale Netzwerke: Auch wenn ein Mitarbeiter Ihren Link intern in Teams verschickt oder ein Kunde ihn per Messenger an Freunde weitergibt, entsteht die Vorschau aus denselben Open-Graph-Angaben.
So richten Sie die Angaben dauerhaft ein
Die fünf Angaben werden einmal je Seite im Quelltext hinterlegt; viele Redaktionssysteme bieten dafür eigene Felder, oft unter Bezeichnungen wie „Social-Media-Vorschau“. Für das Vorschaubild lohnt Sorgfalt: Es sollte das Angebot oder das Unternehmen zeigen und im Querformat vorliegen, weil Messenger die Karte breit darstellen. Titel und Beschreibung dürfen von Seitentitel und Meta-Description abweichen — beim Teilen zählt eher ein einladender Ton als eine Suchanfrage. Nach der Einrichtung bleibt die Vorschau stabil, bis jemand die Angaben ändert. Unsere Prüfung zeigt Ihnen je Seite, ob der Satz vollständig ist.
So gehen Sie es an
- Schicken Sie sich den Link Ihrer Startseite selbst per WhatsApp und sehen Sie sich die entstehende Vorschau an.
- Bitten Sie Ihre Agentur, auf jeder wichtigen Seite alle fünf Open-Graph-Angaben zu hinterlegen: Titel, Beschreibung, Bild, Adresse und Inhaltsart.
- Wählen Sie als Vorschaubild ein Querformat-Foto, das Ihr Angebot oder Ihr Team zeigt, statt des Logos auf weißem Grund.
- Wiederholen Sie den WhatsApp-Test nach jeder größeren Änderung an der Website.
- Prüfen Sie auch die Unterseiten, die Sie aktiv verschicken — etwa Angebots- oder Stellenseiten.
Weiter im Prüfbereich SEO
- Was sind strukturierte Daten und was bringt JSON-LD meiner Website?Strukturierte Daten sagen Suchmaschinen maschinenlesbar, was Ihre Seite ist: Firma, Produkt, Veranstaltung. Sie sind die Grundlage für erweiterte Suchergebnisse.
- Warum ist meine Website am Smartphone so klein dargestellt?Winzige Schrift am Smartphone hat meist eine Ursache: die fehlende Viewport-Angabe. Sie sagt dem Gerät, wie die Seite skaliert werden soll.
- Wozu dient die Sprachangabe im HTML einer Website?Die Sprachangabe im HTML sagt Programmen, in welcher Sprache die Seite verfasst ist. Vorleseprogramme wählen danach ihre Aussprache.
- Warum zeigt meine Website Fragezeichen statt Umlauten an?Fragezeichen oder Kästchen statt ä, ö, ü deuten auf eine fehlende Zeichensatz-Angabe hin. Eine Zeile im Quelltext legt die richtige Kodierung fest.
Dieser Prüfpunkt gehört zum Prüfbereich SEO; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: Rodney Truitt Jr, CC0
.jpg){kind=link}