J'ai récemment eu quelques questions concernant l'utilisation des épingles enrichies sur un site. Bien évidemment lorsque je parle d'épingles enrichies, je veux parler des épingles professionnelles de Pinterest. J'ai donc décidé de vous consacrer un article où  je vous explique tout sur les épingles enrichies, leurs utilités mais aussi comment les installer sur son site aussi bien sous la plateforme Blogger que sur WordPress.

 

Vous connaissez très certainement ce petit bouton "Pin It" cliquable qui apparaît généralement au survol des images d'un site et qui permet aux visiteurs d'enregistrer le contenu sur Pinterest. Cette plateforme est désormais très reconnue et utilisée dans le monde entier. Il faut savoir que Pinterest ne cesse d'agrandir sa notoriété depuis sa création en 2010. En effet, elle compte plus de 200 millions d'utilisateurs uniques chaque mois. C'est une des plateformes les plus addictives que je connaisse, une fois dessus, je suis comme hypnotisée par l'ensemble des épingles que je trouve. C'est à mes yeux une véritable caverne de bonnes trouvailles et ce dans tous les domaines.

 

Pinterest loca creative Image Map

Qu'est-ce qu'une épingle enrichie ?

Les épingles enrichies sont comme des épingles habituelles, mais possèdent en quelque sorte des informations supplémentaires lorsque celles-ci sont épinglées par un visiteur. Pour accéder aux épingles enrichies, il vous suffit simplement de posséder un compte pro. Ne vous inquiétez pas, l'accès au mode business est totalement gratuit. Il faut savoir qu'il existe quatre types d'épingles enrichies: les applications, les produits, les recettes et les articles.

 

Epingle de produit: les épingles de produit donne des informations pour acheter le produit. On y trouve le prix de l'article en temps réel, sa disponibilité et où il est possible de se procurer le produit en question.

 

Epingle de recette: les épingles de recette proposent au premier coup d'oeil la liste des ingrédients ainsi que le temps de préparation.

 

Epingle d'article: les épingles d'article donnent des informations précises comme le titre de l'article, l'auteur et la description.

 

Epingle d'application: les épingles d'application proposent un bouton de téléchargement direct. Il s'agit du seule type d'épingle qui n'est accessible que pour les détenteurs d'iOS.

 

Pour vous donner une idée de la différence qui existe entre une épingle habituelle et une épingle enrichie, voici un exemple de type "recette".

 

difference-epingle-enrichie-et-normale

 

Comment installer les épingles enrichies sur son blog ?

Avant de débuter l'installation des épingles sur votre site, assurez-vous que votre compte a bien été passé en mode "business" mais aussi que votre site soit sous la forme https. De plus assurez-vous que votre site a bien été relié avec votre compte Pinterest. Pour cela rien de plus simple:

 

➜ Accédez à vos réglages Pinterest.

➜ Cliquez sur "Revendiquez le site Internet".

➜ Ajoutez l'url de votre site et copiez le code qui apparait.

➜ Dirigez-vous sur votre blog et accédez au html.

➜ Recherchez la balise <body> et collez le code juste avant.

➜ Retournez sur votre compte Pinterest et cliquez sur le bouton de vérification.

✔︎  Votre site devrait normalement être reconnu.

 

revendication du site sur pinterest

Les étapes d'installation

Sur Blogger

Etape 1

➜ Dirigez-vous vers votre administration Blogger.

➜ Allez dans la colonne de gauche et cliquez sur Paramètres/Préférences de recherche.

➜ Dans la première partie de la page, vous retrouverez les balises meta. Assurez-vous que la description est activée et qu'une description de votre blog y est ajoutée.

➜ Enregistrez vos modifications.

 

balise meta blogger desactivée

balise meta blogger exemple balise meta blogger ajoutée

Etape 2

➜ Sauvegardez votre code Template html. Les erreurs arrivent rapidement et ce serait dommage que votre site plante.

➜ Allez dans votre administration Blogger et cliquez sur THEME dans la colonne de gauche.

➜ Cliquez sur MODIFIER LE CODE HTML.

➜ Dans votre code HTML, recherchez ceci (pour effectuer une recherche cliquez dans votre code et appuyez sur alt+F ou Cmd +F):

<b:includable id='post' var='post'>

➜ En dessous, collez le code suivant:

<meta property="og:type" content="article" />
<meta property="og:title" expr:content='data:post.title' />
<meta property="og:description" expr:content='data:blog.metaDescription' />
<meta property="og:url" expr:content='data:blog.url' />
<meta property="og:site_name" expr:content='data:blog.title' />
<meta property="article:published_time" expr:content='data:post.timestampISO8601' />
<meta property="article:author" content="VOTRE NOM" />

➜ Modifiez la dernière ligne en remplacent par votre nom/pseudo.

✔︎  Enregistrez votre template.

Etape 3

➜ Dirigez-vous sur ce lien https://developers.pinterest.com/tools/url-debugger/ en ayant votre compte Pinterest enregistré.

➜ Ajoutez l'url d'un de votre article, et cliquez sur le bouton VALIDATE.

Pinterest devrait afficher ce message "Your pin's have been validated ! Apply to enable your rich pins". Vérifiez que tous les éléments composant vos épingles soient correctes juste en dessous (description, auteur, date, etc.).

 

Sur WordPress

Etape 1

➜ Installez et activez Yoast SEO Plugin. Pinterest utilise les méta-données du code de votre site pour générer les informations pour les épingles enrichies.

➜ Allez dans l'onglet SEO situé dans votre colonne de gauche.

➜ Cliquez sur RESEAUX SOCIAUX et choisissez l'onglet Facebook.

➜ Activez le bouton "AJOUTER LES METADONNEES OPENGRAPH".

 

 

Activation de Pinterest Yoast SEO

 

✔︎ Enregistrez les modifications.

Etape 2

➜ Dirigez-vous sur ce lien https://developers.pinterest.com/tools/url-debugger/ en ayant votre compte Pinterest ouvert.

➜ Ajoutez l'url d'un de votre article, et cliquez sur le bouton VALIDATE.

➜ Pinterest devrait afficher le message "Your pin's have been validated ! Apply to enable your rich pins". Vérifiez que tous les éléments composant vos épingles soient correctes juste en dessous (description, auteur, date, etc.).

 

 

Votre site est désormais connecté aux épingles enrichies. Il vous faudra attendre patiemment que tout soit mis en route du côté de Pinterest. Donc ne vous inquiétez pas si cela prend plusieurs jours. N'hésitez pas à laisser votre commentaire pour dire si vous vous êtes lancé dans l'aventure des épingles enrichies ou si vous rencontrez des soucis d'installation.

Tu as aimé cet article ? Tu peux le partager !

TwitterFacebookGoogle+

Les commentaires de l'article

4 avis sur “Installer les épingles enrichies sur son blog”

    1. Loca Creative dit :

      Je t’en prie avec plaisir !

  1. Merci pour ce super tuto 😀
    Encore un!
    Bisous ma douce

    1. Loca Creative dit :

      Merci ma belle ! Tu m’as clairement inspiré pour cet article ^^

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

onze + 6 =