Welche Angaben gehören zur Linkvorschau?
Das Open Graph Protocol beschreibt Metadaten für Titel, Inhaltstyp, Adresse und Bild. Im HTML-Kopfbereich sieht eine Einbindung beispielsweise so aus:
<meta property="og:image" content="https://deine-domain.at/assets/img/vorschau.webp" />
<meta property="og:image:alt" content="Praxisräume für Ergotherapie und Rehabilitation in Mödling" />Das Vorschau-Bild sollte den verlinkten Inhalt erkennbar ankündigen. Ein Bild für einen Fachartikel kann dessen Thema aufgreifen; eine Leistungsseite benötigt eine passende Darstellung des Angebots.
Bei der Content-Erstellung und beim Aufbau einer konversionsorientierten Landingpage gehören Bild, Titel und Beschreibung zusammen. Eine auffällige Grafik nützt wenig, wenn sie falsche Erwartungen weckt.
Wie wählst du ein geeignetes Bild?
Achte auf ein ruhiges, aussagekräftiges Motiv und ausreichende Qualität. Wichtige Informationen sollten auch in einer verkleinerten Vorschau erkennbar bleiben.
Praxisbeispiel: Für einen Ratgeber über den Heizungstausch zeigt ein Foto der montierten Wärmepumpe im Technikraum den konkreten Nutzen besser als ein beliebiges Standardfoto.
Text im Bild sollte sparsam und gut lesbar sein. Vermeide entscheidende Aussagen direkt am Rand, weil Plattformen Vorschauen unterschiedlich zuschneiden können.
Es gibt nicht ein einziges universell verbindliches Bildformat für sämtliche Plattformen. Prüfe deshalb die Anforderungen der tatsächlich vorgesehenen Dienste und die konkrete Vorschau.
Was solltest du technisch kontrollieren?
Die angegebene Bildadresse muss für die abrufende Plattform erreichbar sein. Prüfe auch, ob die Metadaten auf der richtigen Seitenfassung ausgegeben werden.
Bei einer WordPress-Website und in der laufenden Website-Betreuung lohnt es sich, konkurrierende Plugin-Ausgaben auszuschließen, damit jede URL nur ein eindeutiges Vorschau-Bild liefert.
Plattformen können Vorschauinformationen zwischenspeichern. Eine gerade geänderte Grafik muss daher nicht unmittelbar bei jedem geteilten Link erscheinen.
Die Bildalternative og:image:alt beschreibt das Vorschau-Bild und hat einen anderen Einsatzort als der Alt-Text eines sichtbaren HTML-Bildes.
Ein OG-Image unterstützt eine verständliche Ankündigung geteilter Inhalte. Die endgültige Darstellung entscheidet jedoch die jeweilige Plattform anhand ihrer Verarbeitung und Darstellungsregeln.
