openGraphMetaData : Les balises OpenGraph sur Blogger - Blogger XML Documentation

Gadget Version 1	Gadget Version 2	Balisage
Common	Common	Original

Description de l'inclusion

openGraphMetaData est l'identifiant d'une inclusion commune qui génère les balises meta spécifiques à 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.

Directives d'usage et niveau de priorité de mise à jour

Thème Version 1

Garantie d'usage : Oui

Priorité basse

Thème Version 2

Garantie d'usage : Oui

Priorité moyenne

Thème Dynamique

Garantie d'usage : Oui

Priorité moyenne

Thème Version 3

Garantie d'usage : Oui

Priorité haute

Variante par thème

Inexistante.

Inclusion de gadget équivalente

Aucune.

Présentation de l'inclusion

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

Sur Blogger, l'OpenGraph est fourni par défaut depuis 2016 et reprend les principales balises.

• 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 thèmes Version 3)

  • L'url de l'image principale du post dans les articles et pages autonomes (thèmes Version 1 2 et 3)

Contenu de l'inclusion

• Code XML
• Nœuds parents

Le code XML

<b:includable id='openGraphMetaData'>
  <b:comment render='false'>Metadata for Open Graph protocol. See http://ogp.me/.</b:comment>
  <meta expr:content='data:blog.url.canonical' property='og:url'/>
  <meta expr:content='data:view.title.escaped' property='og:title'/>
  <meta expr:content='data:view.description.escaped' property='og:description'/>
  <b:if cond='data:view.featuredImage'>
    <meta expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")' property='og:image'/>
  <b:elseif cond='data:widgets'/>
    <b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage)' var='imageUrl'>
      <meta expr:content='resizeImage(data:imageUrl, 1200, "1200:630")' property='og:image'/>
    </b:loop>
  <b:elseif cond='data:blog.postImageUrl'/>
    <meta expr:content='resizeImage(data:blog.postImageUrl, 1200, "1200:630")' property='og:image'/>
  </b:if>
</b:includable>

Les nœuds parents

ID Inclusion	Balisage
all-head-content	Original

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 Layouts Version 3, 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 thème, 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/.

Disponibilité des variantes de l'inclusion

Légende :

• Original : Balisage original
• Original+ : Balisage original (super)
• Theme : Balisage spécifique au thème
• Inexistant : Balisage inexistant

Thèmes	FrontEnd	BackEnd
Original	Inexistant	Original
Contempo	Inexistant	Original
Emporio	Inexistant	Original
Essential	Inexistant	Original
Notable	Inexistant	Original
Soho	Inexistant	Original
Afficher les variantes

Les inclusions Communes

• backArrowIcon
• chevronDownIcon
• chevronUpIcon
• closeIcon
• commentIcon
• defaultAvatarIcon
• emailIcon
• extendableItems
• facebookIcon
• flatBloggerIcon
• footerBylinesOverride
• forwardArrowIcon
• headerBylineOverride
• linkIcon
• maybeAddShareButtons
• menuIcon
• noContentPlaceholder
• openGraphMetaData
• pinterestIcon
• postMetadataJSON
• postSnippet
• reportAbuse
• responsiveImage
• responsiveImageStyle
• searchIcon
• shareIcon
• sharingOtherIcon
• skipNavigation
• svgIcon
• svgIconButton
• twitterIcon
• verticalMoreIcon
• widget-title
• widgetNotAvailableInPreview

Retourner dans la vue d'ensemble des inclusions communes