Populaire cette semaine

Balises spécifiques à Pinterest

SMM - 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 :

  1. Product Pin (produit)

  2. Recipe Pin (recette)

  3. 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.

Spotlight

Structure d’une landing page haute conversion

Populaires cette semaine

Définir les objectifs pour votre blog

Structurer une campagne Google Ads

FAQPage ou QAPage ? Le bon choix pour enrichir vos résultats

JSON-LD enrichi pour entités nommées & contexte