OpenGraph et aperçus des réseaux sociaux dans WordPress
Les métadonnées OpenGraph se trouvent dans l’en-tête d’une page web et fournissent un titre, une description, une image et l’adresse cible lors d’un partage. Le plugin WordPress edoobox peut écrire ces informations directement dans le <head> de la page WordPress pour une page edoobox intégrée.
La page dont l’URL est partagée est toujours déterminante. Un processus de réservation chargé dans un iFrame ne modifie pas automatiquement les métadonnées du site web parent.
Informations produites par le plugin WordPress
Sur la page WordPress consultée publiquement, le plugin génère les informations OpenGraph de description, langue, titre de page, type, URL et, si disponible, image. L’URL est celle de la page WordPress actuellement consultée. La langue provient de l’intégration edoobox.
Le code du plugin vérifié génère également twitter:card avec summary_large_image, twitter:title et twitter:description. Il ne produit pas de balise twitter:image distincte. Vérifiez l’aperçu réel sur la plateforme cible ; ces balises seules ne garantissent pas une apparence précise.
Origine du titre, de la description et de l’image
| Spécification | Premier choix | Solution de repli |
|---|---|---|
| Titre | Titre provenant des données d’en-tête fournies par edoobox. | Titre de la page WordPress. |
| Description | Description courte provenant des données d’en-tête edoobox. | Extrait de la page WordPress. |
| Image | Image edoobox dans la taille prévue. | Image mise en avant WordPress, puis image de repli du plugin. |
| URL | Page WordPress actuellement consultée. | Permalien de la page WordPress. |
Préparez donc d’abord un titre d’offre explicite, une introduction courte et compréhensible ainsi qu’une image d’offre pertinente. Le texte de description détaillé n’est pas automatiquement identique à la description courte utilisée dans l’aperçu sur les réseaux sociaux.
Quand les balises du plugin sont générées
Les balises sont ajoutées à l’en-tête WordPress lors des consultations publiques par des visiteurs non connectés, à condition que le réglage du plugin empêchant la sortie SEO ne soit pas activé et que la page consultée contienne un shortcode edoobox ou l’appel edoobox correspondant. Elles ne sont volontairement pas générées dans le contexte de modification de l’éditeur WordPress. Vérifiez donc la page après déconnexion ou dans une fenêtre de navigation privée.
Le plugin peut mettre en cache les données d’en-tête chargées depuis edoobox. Après une modification, les caches WordPress, d’hébergement, CDN et des réseaux sociaux peuvent également intervenir. Un aperçu inchangé ne signifie donc pas automatiquement que les données de l’offre ont été mal enregistrées.
Éviter les balises en double avec les plugins SEO
Les plugins SEO comme Yoast, Rank Math ou certains thèmes peuvent aussi produire des balises OpenGraph. Si plusieurs variantes de og:title, og:description ou og:image figurent dans le code source, la plateforme cible peut faire un choix différent de celui attendu.
Définir une source fiable : examinez le code source HTML avec la personne responsable du site web. Configurez WordPress et le plugin SEO de manière à conserver une variante cohérente par propriété. La source à désactiver ou à adapter dépend de votre configuration WordPress.
Contrôler le lien canonique des pages dynamiques de détail d’offre
Un lien canonique est identifiable dans l’en-tête HTML par <link rel="canonical" href="…">. Il doit être distingué de og:url, du titre visible de la page, d’un permalien WordPress et du lien direct de réservation edoobox. La sortie OpenGraph d’edoobox n’ajoute pas de lien canonique propre ; cette responsabilité relève de votre configuration WordPress et SEO.
- Ouvrez la page WordPress publique définitive du détail de l’offre en tant que visiteur non connecté et copiez son URL réelle.
- Dans l’en-tête HTML livré, vérifiez toutes les entrées
rel="canonical", ainsi queog:url,<title>et la métadescription ordinaire. - Ouvrez une deuxième offre et l’aperçu de catégorie. Comparez les destinations canoniques avec la structure voulue du site web.
- Vérifiez chaque version linguistique utilisée, les redirections et la configuration des pages racine et de détail.
- Si plusieurs sources produisent un lien canonique ou si chaque page de détail renvoie involontairement uniquement à l’aperçu, clarifiez la responsabilité avec la personne chargée du site web. Corrigez la configuration WordPress ou SEO à l’origine de la sortie, puis vérifiez à nouveau après avoir vidé les caches.
Exemple : https://example.org/kurse/grundlagen/ et https://example.org/kurse/vertiefung/ constituent volontairement des pages de contenu distinctes. Vérifiez séparément leurs destinations canoniques prévues. Un lien d’accès personnel, une session de réservation active ou un paramètre de suivi quelconque ne constitue pas une destination canonique définie sur le plan éditorial.
Le réglage SEO Priority contrôle la sortie d’en-tête edoobox. Ce n’est pas un réglage propre au lien canonique et il ne remplace pas cette vérification. Une sortie corrigée ne garantit aucun classement précis dans les moteurs de recherche.
Définir séparément JSON-LD, métadescription et OpenGraph
| Sortie | Contenu et responsabilité |
|---|---|
<title> et métadescription ordinaire | Titre de page et description du site web pour les moteurs de recherche. Le plugin edoobox peut influencer le titre du document WordPress via les données d’en-tête chargées ; vérifiez la sortie définitive avec votre propre plugin SEO. |
og:title et og:description | Aperçu sur les réseaux sociaux. Les réglages edoobox Prevent Social Media SEO et SEO Priority concernent cette sortie d’en-tête du plugin. |
application/ld+json | Données structurées issues du widget d’offre rendu, par exemple nom de l’événement, date, lieu et description. Une métadescription SEO propre ne remplace pas automatiquement ces données. |
Si votre plugin SEO doit fournir l’aperçu pour les réseaux sociaux, activez Prevent Social Media SEO dans les paramètres du plugin edoobox et vérifiez à nouveau le code source. Si edoobox doit fournir cet aperçu, contrôlez SEO Priority et les balises éventuellement ajoutées plus tard. Une priorité supérieure n’importe pas une description SEO externe dans edoobox.
L’interrupteur des réseaux sociaux ne désactive pas complètement toutes les sorties de titre ou JSON-LD. Aucun réglage distinct n’est prévu ici pour reprendre uniquement la description d’un plugin SEO précis tout en combinant les autres champs de l’événement. Gérez le texte de l’offre pour les données de l’événement et la description du site web à leurs emplacements respectifs. Vérifiez les données structurées effectivement livrées ainsi que les sorties de schéma concurrentes de votre thème ou plugin SEO.
Pour la combinaison avec un plugin SEO, comparez au minimum le titre, la métadescription ordinaire, la description OpenGraph et le JSON-LD complet sur une page de détail. Répétez la vérification après enregistrement et vidage des caches concernés, ainsi que sur une deuxième offre. Un aperçu de lien visuellement adapté ne confirme pas à lui seul l’exactitude des données structurées de l’événement.
iFrame ou site web sans plugin WordPress
Avec une intégration iFrame ordinaire, les réseaux sociaux lisent les métadonnées du site web parent. Gérez-y le titre de page, la description, l’image et l’URL canonique avec votre CMS ou outil SEO. Les métadonnées à l’intérieur de l’iFrame ne remplacent pas les informations de la page hôte.
Si vous diffusez directement un lien de partage edoobox, testez précisément ce lien. L’aperçu de la page WordPress et celui du lien direct edoobox peuvent avoir des titres, images et URL différents.
Vérifier systématiquement l’aperçu
Ouvrez l’URL publique définitive après déconnexion et contrôlez le titre visible, l’introduction et l’image.
Dans le code source HTML, vérifiez que chaque propriété OpenGraph importante est présente et n’est pas répétée de manière contradictoire.
Ouvrez directement l’URL de l’image. Elle doit être accessible publiquement et afficher le visuel attendu.
Après les modifications, videz d’abord le cache du plugin ou du site web, puis au besoin celui de la plateforme cible.
Testez l’URL exacte prévue dans une publication ou discussion interne avant de publier une campagne.
Exemple d’utilisation : partager une page d’offre avec le plugin WordPress
Une académie intègre un séminaire via le plugin WordPress edoobox. Le plugin reprend le titre, la description courte et l’image des données d’en-tête edoobox. La responsable du site web vérifie le code source dans une fenêtre privée avant de partager l’URL WordPress sur LinkedIn.
Exemple d’utilisation : un plugin SEO génère un deuxième aperçu
Le code source contient deux balises og:image différentes : l’une du plugin edoobox, l’autre du plugin SEO. L’équipe détermine l’image qui doit faire foi pour cette page, supprime la sortie en double et vérifie à nouveau l’aperçu après avoir vidé les caches.
Exemple d’utilisation : edoobox comme iFrame dans un autre CMS
Une organisation utilise un iFrame plutôt que le plugin WordPress. Elle gère le titre, la description courte et l’image mise en avant directement dans son CMS, car la page hôte est lue lors du partage. Le lien direct de partage edoobox est testé séparément et n’est pas confondu avec l’URL du site web.
Contrôler la destination partagée en présence de plusieurs zones edoobox
Les données d’en-tête WordPress sont générées pour la page consultée. Le plugin détecte à cet effet le shortcode edoobox enregistré sur la page. En présence de plusieurs zones intégrées, ne supposez donc pas que chaque zone visible reçoit ses propres données d’en-tête. Ouvrez et partagez l’URL de l’offre précise souhaitée, puis contrôlez son en-tête HTML.
Les trois tailles d’image prévues sont des variantes du même visuel. Il faut les distinguer des données d’en-tête contradictoires d’un autre plugin SEO. Évaluez la page finale livrée en tenant compte de tous les plugins concernés.
Distinguer les images d’aperçu social des images d’offre REST
Les tailles d’image WordPress décrites ici proviennent des données d’en-tête de modèle lues par le plugin. Les aperçus directs d’offres edoobox plus récents peuvent également utiliser des images sociales générées spécialement en 1200 × 630 et 1200 × 1200, si ces versions sont disponibles. Les cadrages sociaux sont préparés pour l’aperçu et ne sont pas des originaux inchangés.
Un appel REST de offer possède un autre ensemble de données d’image, notamment image.url et image.url300. Utilisez les valeurs fournies au lieu de déduire les tailles depuis une sortie OpenGraph ou en ajoutant des suffixes aux noms de fichiers. Le guide URL d’images et proportions d’origine d’un site web utilisant l’API explique cette limite.
Guides associés
Vérifier la sortie SEO et sa priorité
Le plugin possède des réglages pour empêcher la sortie SEO edoobox et définir la priorité de l’en-tête produit. Dans la section qu’il traite, il supprime les informations OpenGraph existantes avant d’ajouter ses propres balises. Un autre thème ou plugin SEO peut en produire à nouveau plus tard. Contrôlez donc la page finalement livrée et adaptez la responsabilité et la priorité sur votre site web.
Les différentes tailles d’image 300 × 200, 600 × 400 et 900 × 600 sont des variantes intentionnelles. Elles ne constituent pas automatiquement une erreur due à des images concurrentes en double.