Balises spécifiques à Pinterest

Pinterest ne se contente pas d’afficher les balises Open Graph classiques. Il propose ses propres balises spécifiques — nopin
, nohover
, data-pin-media
, etc. — qui permettent de contrôler finement le partage des images depuis un blog.
Dans cet article, on vous montre comment maîtriser les partages Pinterest sur Blogger : bloquer l’enregistrement d’images sensibles, optimiser les visuels pour l’épingle, et guider l’aperçu avec une description sur mesure. Le tout, avec des idées d'intégration native et élégante dans votre thème.
Rich Pins : les aperçus enrichis de Pinterest
Pinterest ne se limite pas à proposer une image, un titre et une description : il peut enrichir automatiquement vos contenus avec des informations supplémentaires, visibles directement sur le Pin. On appelle cela les Rich Pins.
Trois types de Rich Pins
Pinterest propose trois formats principaux :
Type | Données enrichies |
---|---|
Article |
Titre, auteur, date de publication |
Produit |
Nom, prix, disponibilité |
Recette |
Ingrédients, temps de cuisson, portions |
Ces informations proviennent des métadonnées intégrées dans votre page, notamment via les balises Open Graph ou Schema.org.
Priorité d’interprétation
Si votre page contient plusieurs types de métadonnées (par exemple, à la fois article
et recipe
), Pinterest applique la priorité suivante :
Product Pin (produit)
Recipe Pin (recette)
Article Pin (article)
Cela signifie qu’une simple balise ingredients
pourrait faire basculer un article en Rich Pin de type Recette, ce qui peut parfois prêter à confusion. D’où l’utilité de la balise suivante…
Désactiver les Rich Pins (balise pinterest-rich-pin)
Si vous souhaitez empêcher Pinterest d’utiliser vos métadonnées pour générer un Rich Pin enrichi, ajoutez cette balise dans la section <head>
de votre page :
<meta name="pinterest-rich-pin" content="false"/>
Cette balise désactive uniquement les Rich Pins.
Les autres balises de Pinterest
Pinterest se distingue des autres plateformes sociales par sa capacité à lire des balises propriétaires, qui vous permettent de contrôler précisément ce que les utilisateurs peuvent (ou ne peuvent pas) épingler depuis votre blog. Ces balises s’ajoutent aux classiques og:image
& co, mais vont bien plus loin.
Bloquer l’enregistrement d’images (nopin)
Si vous souhaitez empêcher les visiteurs d’épingler des visuels sensibles — comme des créations originales ou du contenu sous licence — Pinterest vous permet d’ajouter la balise suivante dans l’en-tête de votre thème :
<meta name="pinterest" content="nopin"/>
Elle empêche l’apparition du bouton “Enregistrer” sur l’ensemble de votre blog.
Attention
Cette balise n’est pas un bouclier DRM. Elle désactive l’intégration Pinterest, mais ne bloque pas les captures d’écran, ni les extensions de navigateur.
Désactiver le bouton “hover” (nohover)
Pinterest affiche parfois automatiquement une icône “Enregistrer” au survol des images, si vous avez intégré leur script officiel (pinit.js). Pour supprimer cette surcouche esthétique — sans empêcher les utilisateurs d’épingler manuellement — vous pouvez utiliser :
<meta name="pinterest" content="nohover"/>
C’est idéal si vous souhaitez garder vos visuels épurés, sans survol intrusif.
Vérifier et associer votre domaine (p:domain_verify)
Pour les comptes Pinterest professionnels, il est recommandé de revendiquer votre blog. Cela permet :
de prouver que votre domaine vous appartient.
d’accéder aux statistiques Pinterest Analytics.
de faire apparaître votre nom de domaine comme source officielle.
Pinterest vous fournit un code de vérification unique à coller dans le <head>
de votre blog :
<meta name="p:domain_verify" content="VOTRE_CODE_VERIFICATION"/>
Sur Blogger, cette balise peut être placée sur la page d’accueil, à l’aide de la condition suivante :
<b:if cond='data:view.isHomepage'> <meta name="p:domain_verify" content="VOTRE_CODE_VERIFICATION"/> </b:if>
Astuce
Évitez de dupliquer cette balise sur toutes les pages. Pinterest ne la lira que sur la racine du domaine.
Contrôle fin au niveau des images
Plutôt que de bloquer Pinterest sur tout votre blog, vous pouvez agir au cas par cas, image par image. Cette approche granulaire est idéale quand certaines images doivent être protégées, tandis que d'autres doivent être mises en valeur et guidées vers une épingle optimisée.
Empêcher une image spécifique d’être épinglée
Pour désactiver l’enregistrement d’une image sans affecter le reste de la page, Pinterest propose l’attribut data-pin-nopin
.
<img src="image.jpg" alt="..." data-pin-nopin="true"/>
Utile pour :
Logos ou visuels techniques.
Images soumises à droits d’auteur.
Captures d’écran à usage interne.
Forcer une image et une description lors du pin
Au lieu de laisser Pinterest choisir au hasard une image sur la page (parfois le logo du header...), vous pouvez forcer la main en proposant un bouton d’épingle personnalisé. Ce bouton peut définir :
Une image spécifique (même si elle n’est pas visible sur la page).
Une description dédiée.
<a href="https://www.pinterest.com/pin/create/button/?url=https://example.blogpost.com/2025/07/post.html" data-pin-do="buttonBookmark" data-pin-media="https://exemple.com/image.jpg" data-pin-description="Un résumé."> Épingler sur Pinterest </a>
Explications :
href
→ Lien vers l'outil d’épingle.?url=...
indique quelle page sera associée à l’épingle.data-pin-media
→ définit l’image utilisée pour l’épingle.data-pin-description
→ texte proposé automatiquement à l’utilisateur.data-pin-do="buttonBookmark"
→ obligatoire pour signaler qu’il s’agit d’un bouton d’épingle.
Ne pas oublier le script pinit.js
Ce bouton ne fonctionnera pas sans le script Pinterest officiel, à intégrer dans le code XML de votre thème (de préférence en bas avant </body>
ou dans le <head>
).
<script async='' defer='' src='//assets.pinterest.com/js/pinit.js'/>
Bloquer Pinterest sur toutes les images hors contenu
Pinterest peut parfois proposer à l’utilisateur d’épingler des images qui ne font pas partie de l’article, comme :
Le logo du blog.
Les icônes dans la barre latérale.
Les images décoratives du footer ou des gadgets.
Pour éviter ça, vous pouvez ajouter un script qui désactive automatiquement l’épingle sur toutes les images qui ne sont pas dans le contenu principal.
Script à insérer une seule fois dans le thème :
<script> document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('img:not(.post-body img)') .forEach(function(img) { img.setAttribute('data-pin-nopin', 'true'); }); }); </script>
Explication :
img:not(.post-body img)
sélectionne toutes les images en dehors de.post-body
(contenu de l'article).On applique à chacune l’attribut
data-pin-nopin="true"
pour empêcher l’enregistrement sur Pinterest.
Résultat
Toutes les images des entêtes, colonnes latérales, footers ou gadgets ne seront plus pinnables.
Seules les images dans le cœur de l’article resteront partageables.
Aucun besoin de modifier manuellement les widgets ou les gadgets.
Conclusion
Pinterest n’est pas un simple réseau social : c’est un moteur de recherche visuel, avec ses propres règles et ses balises spécifiques. Contrairement à d’autres plateformes, il offre un vrai contrôle technique sur ce que vos visiteurs peuvent partager — ou pas.
Grâce à quelques ajustements bien placés dans votre thème Blogger, vous pouvez :
Protéger vos images sensibles (nopin, data-pin-nopin).
Désactiver les survols automatiques (nohover).
Maîtriser l’affichage des épingles enrichies (pinterest-rich-pin).
Proposer une expérience soignée et cohérente à vos lecteurs.
Et si Pinterest est un canal important pour votre trafic, pensez à soigner vos visuels, vos descriptions et vos temps de chargement : chaque épingle bien calibrée est une opportunité supplémentaire d’être découvert.
Pour aller plus loin
Si vous souhaitez approfondir votre usage de Pinterest ou découvrir des astuces créatives, nous vous recommandons le blog de Tomate Joyeuse, une mine d’or pour les passionnés de partage visuel et de contenu inspirant.