DéveloppementsFichiers XML

Google+ : Extraits enrichis / Snippets [Pour modèles personnalisés]


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
Description Network Gadget Gadget Version Template Version
Patch pour les modèles personnalisés Blogger intégrant les principaux extraits enrichis.
Google+
Blog
1
1
2
G+ - Extraits enrichis pour modèles Blogger personnalisés
Les extraits enrichis sont des petites données extraites de votre blog grâce à un balisage qui a été ajouté dans le code HTML des modèles officiels Blogger. Ces données sont reprises dans les moteurs de recherches et sur les posts partagés sur Google+.
Sur les modèles conçus par des tiers ou téléchargés depuis le web, les extraits sont souvent absents ou éparpillés, ce qui entraîne quelques fois des "bizarreries".
Je vous propose un petit patch pour les modèles personnalisés qui s'installe dans le code HTML du gadget blog en seulement 2 copiés-collés.

Mon blog contient-il des extraits enrichis ?

Par défaut, les modèles officiels de Blogger contiennent les extraits enrichis.
Pour connaître leurs emplacements dans le code HTML de votre modèle, référez-vous à cette fiche : Les extraits enrichis Blogger.

Si vous utilisez un modèle personnalisé ou un modèle téléchargé sur internet, vérifiez son contenu via l'outil testeur de Google.

Cliquez sur Explorer une url et ajoutez l'adresse de votre blog ou d'un de vos articles. Commencez l'analyse en cliquant sur le bouton rouge : Récupérer et valider.

La colonne de gauche, est le rendu HTML de l'url que vous avez introduit, tandis que la colonne de droite énumère tous les extraits figurants dans votre blog et qui sont actifs à cette adresse.


Analyser les extraits enrichis


Si les extraits ne sont pas mentionnés dans l'outil testeur, recopiez le code ci-dessous et retentez une analyse.

Pour vous faciliter la vie, vous pouvez également équiper votre blog du widget Testing Tools qui génère automatiquement les liens de vos articles vers l'outil testeur de Google.


Ajouter les extraits enrichis dans le modèle

Ce code est un patch qui reprend les principaux éléments des articles et du blog comme pour les modèles par défaut.

Le code de l'inclusion
<b:includable id='snippet'>
  <b:if cond='data:blog.pageType in ["index", "archive", "error_page"]'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <meta expr:content='data:blog.url.canonical' itemprop='url'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>
  <b:loop values='data:posts' var='post'>
    <div itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
      <b:if cond='data:post.firstImageUrl'>
        <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
      </b:if>
      <meta expr:content='data:blog.blogId' itemprop='blogId'/>
      <meta expr:content='data:post.id' itemprop='postId'/>
      <meta expr:content='data:post.title' itemprop='name'/>
      <meta expr:content='data:post.url.canonical' itemprop='url'/>
      <meta expr:content='data:post.snippet' itemprop='description'/>
      <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>
      <meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>

      <b:if cond='data:top.showLocation and data:post.location'>
        <meta expr:content='data:post.location.name' itemprop='contentLocation'/>
      </b:if>
      <b:if cond='data:top.showAuthor'>
        <div itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorProfileUrl'>
            <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
          </b:if>
          <b:if cond='data:post.authorPhoto.url'>
            <meta expr:content='data:post.authorPhoto.url' itemprop='image'/>
          </b:if>
          <meta expr:content='data:post.author' itemprop='name'/>
        </div>
      </b:if>
    </div>
  </b:loop>
</b:includable>
Où recopier le code de l'inclusion ?

  • Tableau de bord
  • Modèle
  • Modifier le code HTML
  • Déployez le gadget Blog

Recopiez le code après :

<b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'>



Le code du raccordement
<b:include name='snippet'/>
Où recopier le code du raccordement ?

Recopiez après :
<b:includable id='main' var='top'>



Récapitulatif des extraits repris dans ce code

Les extraits sont répartis sous 2 schémas :
  1. http://schema.org/Blog : Données globales du blog. Repris dans les pages index et archives.
  2. http://schema.org/BlogPosting : Données de l'article. Repris dans toutes les pages.

Itemtype Schéma Blog Schéma BlogPosting
name Titre du blog Titre de l'article
url Url canonique de la page courante Url canonique de l'article
description Description du blog (Fonction interface) Les 100 premiers caractères de l'article
image_url - 1ère image de l'article
blogId - Identifiant du blog
postId - Identifiant de l'article
datePublished - Date de publication de l'article (format ISO8601)
dateModified - Date de la dernière modification de l'article (format ISO8601)
contentLocation - Localisation attribué à l'article

Dans le schéma http://schema.org/BlogPosting a été ajouté le schéma http://schema.org/Person correspondant aux extraits de l'auteur de l'article

Itemtype Schéma Person
url Url du profil de l'auteur de l'article
image Url de la vignette du profil de l'auteur de l'article
name Nom de l'auteur de l'article

Certains extraits ne sont disponibles que sous certaines conditions :

Types d'extraits Conditions
Description du blog Vrai si le blog contient une description.
Si faux, le résumé du premier article prendra le relais.
Image de l'article Vrai si l'article contient une image
Localisation Vrai si l'option des articles est activée.
Vrai si l'article a reçu une localisation
Données globales de l'auteur de l'article Vrai si l'option des articles est activée.
Url du profil de l'auteur Vrai si le profil est public.
Url de l'image de l'auteur Vrai si le profil est public.
Vrai si l'image est disponible.
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte TC :
  • 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

DéveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire