OpenGraph und Social-Media-Vorschauen in WordPress
OpenGraph-Meta-Tags stehen im Kopfbereich einer Webseite und liefern beim Teilen einen Titel, eine Beschreibung, ein Bild und die Zieladresse. Das edoobox WordPress-Plugin kann diese Angaben für eine eingebundene edoobox Seite direkt in den <head> der WordPress-Seite schreiben.
Entscheidend ist immer die Seite, deren URL geteilt wird. Ein in einem iFrame geladener Buchungsprozess verändert die Meta-Tags der übergeordneten Website nicht automatisch.
Welche Angaben das WordPress-Plugin ausgibt
Auf der öffentlich aufgerufenen WordPress-Seite erzeugt das Plugin OpenGraph-Angaben für Beschreibung, Sprache, Seitentitel, Typ, URL und – wenn vorhanden – Bild. Die URL ist die aktuell aufgerufene WordPress-Seite. Die Sprache stammt aus der edoobox Einbindung.
Der geprüfte Plugin-Code erzeugt zusätzlich twitter:card mit summary_large_image, twitter:title und twitter:description. Eine eigene twitter:image-Ausgabe ist dort nicht enthalten. Prüfen Sie die tatsächliche Vorschau auf der Zielplattform; ein bestimmtes Erscheinungsbild ist durch diese Tags allein nicht garantiert.
Woher Titel, Beschreibung und Bild stammen
| Angabe | Erste Wahl | Fallback |
|---|---|---|
| Titel | Titel aus den von edoobox gelieferten Kopfdaten. | Titel der WordPress-Seite. |
| Beschreibung | Kurzbeschreibung aus den edoobox Kopfdaten. | Auszug der WordPress-Seite. |
| Bild | edoobox Bild in der vorgesehenen Grösse. | WordPress-Beitragsbild, danach das Fallback-Bild des Plugins. |
| URL | Aktuell aufgerufene WordPress-Seite. | Permalink der WordPress-Seite. |
Pflegen Sie deshalb zuerst einen eindeutigen Angebotstitel, eine kurze verständliche Einleitung und ein aussagekräftiges Angebotsbild. Der ausführliche Beschreibungstext ist nicht automatisch identisch mit der Kurzbeschreibung, die im Social-Media-Teaser verwendet wird.
Wann die Plugin-Tags erzeugt werden
Die Tags werden für öffentliche Aufrufe durch Gäste in den WordPress-Kopf eingefügt, wenn die Plugin-Einstellung zur Unterbindung der SEO-Ausgabe nicht aktiviert ist und die aufgerufene Seite einen edoobox-Shortcode beziehungsweise den entsprechenden edoobox-Aufruf enthält. Im Bearbeitungskontext des WordPress-Editors werden sie bewusst nicht erzeugt. Prüfen Sie die Seite deshalb abgemeldet oder in einem privaten Browserfenster.
Das Plugin kann die von edoobox geladenen Kopfdaten zwischenspeichern. Nach einer Änderung können zusätzlich WordPress-, Hosting-, CDN- und Social-Media-Caches beteiligt sein. Ein unveränderter Teaser bedeutet daher nicht automatisch, dass die Angebotsdaten falsch gespeichert wurden.
Doppelte Tags mit SEO-Plugins vermeiden
SEO-Plugins wie Yoast, Rank Math oder andere Themes können ebenfalls OpenGraph-Tags ausgeben. Wenn mehrere Varianten von og:title, og:description oder og:image im Quelltext stehen, entscheidet die Zielplattform möglicherweise anders als erwartet.
Eine verlässliche Quelle festlegen: Prüfen Sie gemeinsam mit der verantwortlichen Webperson den HTML-Quelltext. Konfigurieren Sie WordPress und das SEO-Plugin so, dass pro Eigenschaft eine konsistente Variante bestehen bleibt. Welche Quelle deaktiviert oder angepasst wird, hängt von Ihrer WordPress-Konfiguration ab.
Canonical dynamischer Angebotsdetailseiten kontrollieren
Ein Canonical-Link ist im HTML-Kopf als <link rel="canonical" href="…"> erkennbar. Er ist von og:url, dem sichtbaren Seitentitel, einem WordPress-Permalink und dem direkten edoobox-Buchungslink zu unterscheiden. Die edoobox-OpenGraph-Ausgabe ergänzt keinen eigenen Canonical-Link; dessen Zuständigkeit liegt bei Ihrer WordPress-/SEO-Konfiguration.
- Öffnen Sie die endgültige öffentliche WordPress-Angebotsdetailseite als Gast und kopieren Sie deren tatsächliche URL.
- Prüfen Sie im ausgelieferten HTML-Kopf alle
rel="canonical"-Einträge sowieog:url,<title>und die normale Meta-Beschreibung. - Öffnen Sie ein zweites Angebot und die Kategorieübersicht. Vergleichen Sie, ob die kanonischen Ziele zur beabsichtigten Website-Struktur passen.
- Prüfen Sie jede eingesetzte Sprachfassung sowie Weiterleitungen und die Root-/Detailseitenkonfiguration.
- Wenn mehrere Quellen Canonical ausgeben oder jede Detailseite unbeabsichtigt nur auf die Übersicht verweist, klären Sie die Zuständigkeit mit der Website-Verantwortung. Korrigieren Sie die ausgebende WordPress-/SEO-Konfiguration und prüfen Sie nach Cache-Leerung erneut.
Beispiel: https://example.org/kurse/grundlagen/ und https://example.org/kurse/vertiefung/ sind bewusst eigene Inhaltsseiten. Prüfen Sie deren vorgesehene kanonische Ziele jeweils separat. Ein persönlicher Zugangslink, eine aktive Buchungssitzung oder ein beliebiger Trackingparameter ist kein redaktionell festgelegtes kanonisches Ziel.
Die Einstellung SEO Priority steuert die edoobox-Kopfausgabe. Sie ist keine eigene Canonical-Einstellung und ersetzt diese Prüfung nicht. Eine bereinigte Ausgabe enthält keine Zusage für ein bestimmtes Suchmaschinenranking.
JSON-LD, Meta-Beschreibung und OpenGraph getrennt festlegen
| Ausgabe | Inhalt und Zuständigkeit |
|---|---|
<title> und normale Meta-Beschreibung | Seitentitel und Suchmaschinenbeschreibung der Website. Das edoobox-Plugin kann den WordPress-Dokumenttitel über die geladenen Kopfdaten beeinflussen; die endgültige Ausgabe mit dem eigenen SEO-Plugin prüfen. |
og:title und og:description | Social-Media-Vorschau. Die edoobox-Einstellungen Prevent Social Media SEO und SEO Priority betreffen diese Plugin-Kopfausgabe. |
application/ld+json | Strukturierte Daten aus dem gerenderten Angebotswidget, beispielsweise Veranstaltungsname, Datum, Ort und Beschreibung. Eine eigene SEO-Metabeschreibung überschreibt diese Daten nicht automatisch. |
Wenn Ihr SEO-Plugin die Social-Media-Vorschau liefern soll, aktivieren Sie in den edoobox-Plugin-Einstellungen Prevent Social Media SEO und prüfen Sie den Quelltext erneut. Wenn edoobox diese Vorschau liefern soll, kontrollieren Sie SEO Priority und mögliche später ergänzte Tags. Eine höhere Priorität liest keine fremde SEO-Beschreibung in edoobox ein.
Der Social-Media-Schalter ist keine vollständige Abschaltung sämtlicher Titel- oder JSON-LD-Ausgabe. Ein eigener Schalter «nur Beschreibung aus einem bestimmten SEO-Plugin übernehmen und alle übrigen Eventfelder kombinieren» ist hier nicht vorgesehen. Pflegen Sie den Angebotstext für die Veranstaltungsdaten und die Website-Beschreibung an ihren jeweiligen Stellen. Prüfen Sie die tatsächlich gelieferten strukturierten Daten sowie konkurrierende Schema-Ausgaben Ihres Themes oder SEO-Plugins.
Für die Kombination mit einem SEO-Plugin vergleichen Sie an einer Detailseite mindestens Titel, normale Meta-Beschreibung, OpenGraph-Beschreibung und das vollständige JSON-LD. Wiederholen Sie die Kontrolle nach dem Speichern und Leeren der beteiligten Caches sowie an einem zweiten Angebot. Eine optisch passende Linkvorschau bestätigt noch keine korrekten strukturierten Veranstaltungsdaten.
iFrame oder Website ohne WordPress-Plugin
Bei einer normalen iFrame-Einbindung lesen soziale Netzwerke die Metadaten der übergeordneten Website. Pflegen Sie dort Seitentitel, Beschreibung, Bild und kanonische URL mit Ihrem CMS oder SEO-Werkzeug. Metadaten innerhalb des iFrames ersetzen die Angaben der Hostseite nicht.
Wenn Sie direkt einen edoobox Share-Link verteilen, testen Sie genau diesen Link. Eine Vorschau der WordPress-Seite und eine Vorschau des direkten edoobox Links können unterschiedliche Titel, Bilder und URLs besitzen.
Vorschau systematisch prüfen
Öffnen Sie die endgültige öffentliche URL abgemeldet und kontrollieren Sie sichtbaren Titel, Einleitung und Bild.
Prüfen Sie im HTML-Quelltext, ob jede wichtige OpenGraph-Eigenschaft vorhanden und nicht widersprüchlich doppelt ist.
Öffnen Sie die Bild-URL direkt. Sie muss öffentlich erreichbar sein und das erwartete Motiv zeigen.
Leeren Sie nach Änderungen zuerst den Plugin- beziehungsweise Website-Cache und danach bei Bedarf den Cache der Zielplattform.
Testen Sie die exakt geplante URL in einem internen Beitrag oder Chat, bevor eine Kampagne veröffentlicht wird.
Anwendungsbeispiel: Angebotsseite mit WordPress-Plugin teilen
Eine Akademie bindet ein Seminar über das edoobox WordPress-Plugin ein. Das Plugin übernimmt Titel, Kurzbeschreibung und Bild aus den edoobox Kopfdaten. Die Webverantwortliche prüft den Quelltext im privaten Fenster und teilt erst danach die WordPress-URL auf LinkedIn.
Anwendungsbeispiel: SEO-Plugin erzeugt eine zweite Vorschau
Im Quelltext stehen zwei unterschiedliche og:image-Tags: einer vom edoobox Plugin und einer vom SEO-Plugin. Das Team legt fest, welches Bild für diese Seite verbindlich sein soll, bereinigt die doppelte Ausgabe und kontrolliert den Teaser nach dem Leeren der Caches erneut.
Anwendungsbeispiel: edoobox als iFrame in einem anderen CMS
Eine Organisation verwendet kein WordPress-Plugin, sondern ein iFrame. Sie pflegt Titel, Kurzbeschreibung und Beitragsbild direkt im eigenen CMS, weil beim Teilen die Hostseite gelesen wird. Der direkte edoobox Share-Link wird separat getestet und nicht mit der Website-URL verwechselt.
Bei mehreren edoobox-Bereichen das geteilte Ziel kontrollieren
Die WordPress-Kopfdaten werden für die aufgerufene Seite erzeugt. Die Plugin-Erkennung verwendet dafür den registrierten edoobox-Shortcode der Seite. Bei mehreren eingebetteten Bereichen dürfen Sie deshalb nicht davon ausgehen, dass jeder sichtbare Bereich eigene Kopfdaten erhält. Öffnen und teilen Sie die konkrete gewünschte Angebots-URL und kontrollieren Sie deren HTML-Kopf.
Die drei vorgesehenen Bildgrössen sind alternative Bilder desselben Motivs. Davon zu unterscheiden sind widersprüchliche Kopfdaten eines anderen SEO-Plugins. Beurteilen Sie die endgültige ausgelieferte Seite nach allen beteiligten Plugins.
Social-Vorschaubilder und REST-Angebotsbilder unterscheiden
Die hier beschriebenen WordPress-Bildgrössen stammen aus den vom Plugin gelesenen Template-Kopfdaten. Neuere direkte edoobox-Angebotsvorschauen können zusätzlich eigens erzeugte Social-Bilder mit 1200 × 630 und 1200 × 1200 verwenden, sofern diese Bildfassungen vorhanden sind. Die Social-Ausschnitte werden für die Vorschau aufbereitet und sind keine unveränderten Originale.
Ein REST-Abruf von offer besitzt einen anderen Bildbereich, insbesondere image.url und image.url300. Verwenden Sie dort die gelieferten Werte, statt Bildgrössen aus einer OpenGraph-Ausgabe oder durch angehängte Dateinamenssuffixe zu erraten. Die Anleitung Bild-URLs und Originalproportionen einer API-Website erklärt diese Grenze.
Verwandte Anleitungen
SEO-Ausgabe und Priorität prüfen
Das Plugin besitzt Einstellungen zum Unterbinden der edoobox-SEO-Ausgabe und zur Priorität der Kopfausgabe. Es entfernt in seinem bearbeiteten Abschnitt vorhandene OpenGraph-Angaben, bevor es eigene Tags ergänzt. Ein anderes Theme oder SEO-Plugin kann später erneut Tags ausgeben. Kontrollieren Sie deshalb die fertig ausgelieferte Seite und passen Sie die Zuständigkeit und Priorität Ihrer Website an.
Die mehreren Bildgrössen 300 × 200, 600 × 400 und 900 × 600 sind beabsichtigte Varianten. Sie sind nicht automatisch ein Fehler durch doppelte konkurrierende Bilder.