Populaire
ThéorieFiches techniquesInclusions universelles

Open Graph Protocol [openGraphMetaData]

Facebook - Open Graph Protocol [openGraphMetaData]
L'inclusion universelle openGraphMetaData est une inclusion contenant le balisage spécifique à l'OpenGraph Protocol.
Le protocole Open Graph est un ensemble de balises qui permet à un webmaster de fournir aux réseaux sociaux (Facebook, LinkedIn,...) des informations détaillées à propos des pages à partager. Les moteurs de recherches utilisent également ce protocole pour mieux comprendre le contenu d'une page web. A l'origine créé par Facebook, le protocole OpenGraph est désormais géré par l'OpenWeb Foundation.

Présentation de l'inclusion

Sur Blogger, l'OpenGraph est fourni par défaut depuis 2016 et reprend les principaux éléments.
  • og:title - Le titre de la page courante.
  • og:url - L'url canonique de la page courante.
  • og:description - La description de la page courante.
  • og:image - Les urls des images de la page courante (Ratio : 1200px/630px).
    • Liste d'urls des images dans les index/archives (Uniquement dans les Templates V3)
    • L'url de l'image principale du post dans les articles et pages autonomes (Templates V1, V2 et V3)



Le code de l'inclusion

Vous pouvez chercher autant que vous voulez, ni le code de l'inclusion, ni l'appel ne figure dans votre modèle. L'inclusion openGraphMetaData est une inclusion universelle hébergée par Blogger et intégrée directement dans l'inclusion all-head-content. Le code complet n'est pas fourni directement dans les modèles.

XML


Utiliser un balisage personnalisé

Le fait que l'inclusion soit gérée séparément de l'inclusion all-head-content, vous offre la possibilité de la personnaliser, voire même de la modifier complètement grâce au marquage commun.

Si vous utilisez un Template V3, recherchez la balise de marquage commun:

<b:defaultmarkup type='Common'>

Si vous utilisez un template de la génération précédente ou autre, ajoutez ce balisage à la fin de votre modèle, juste avant la balise </body>.

<b:defaultmarkups>
  <b:defaultmarkup type='Common'>

  </b:defaultmarkup>
</b:defaultmarkups>


A présent, il vous suffit d'ajouter le code de l'inclusion à l'intérieur du marquage commun :

<b:defaultmarkups>
  <b:defaultmarkup type='Common'>

    <b:includable id='openGraphMetaData'>

      <b:include name='super.openGraphMetaData'/>

      <!-- AJOUTEZ VOS BALISES OPENGRAPH PERSONNALISÉES ICI -->

    </b:includable>

  </b:defaultmarkup>
</b:defaultmarkups>

Pour ajouter vos balises personnalisées, référez-vous au site web officiel : http://ogp.me/.
Assistance publique pour le produit Blogger sur les supports  d'aides :

Certifiée par Google - Experte Platine TC (Ambassador & Advanced Troubleshooter):
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

ThéorieFonctionnalitésOrganigramme
Populaire
DéveloppementsMulti-versions
Populaire
ThéorieFonctionnalitésÉditeurs
Populaire
DéveloppementsMulti-versions
Facebook : Bouton partager [Share button]
Populaire