bouton de partage Pinterest
Générer du Trafic sur son Blog,  Pinterest

Comment Ajouter un Bouton de Partage Pinterest sur vos Images ?

Ajouter un bouton de partage Pinterest sur les images de vos articles est indispensable !

Pourquoi ? Parce que Pinterest est un réseau social qui permet à ses utilisateurs de trouver des idées mais aussi de partager les contenus qu’ils trouvent sur le web et trouvent intéressants à partager.

Pour cela, il faut leur faciliter la tâche en ajoutant un bouton de partage Pinterest sur vos images !

Ne faites surtout pas comme moi… 😥 Je vous explique. Au tout début que je bloguais et déjà consciente de l’importance de Pinterest, je créais des visuels dédiés pour Pinterest que je demandais à mes lectrices d’épingler à la fin de mes articles. Seulement, ce n’est qu’après que quelques mois que je me suis rendue compte qu’en fait je leur demandais d’épingler mais que je ne leur donnais pas les moyens de le faire !! 😣 C’est ce qu’on appelle la « loose totale » ! 😂

Donc rendez-vous service et ne faites pas comme moi : ajoutez ce bouton de partage maintenant !! 👍

Mais c’est quoi d’abord exactement un bouton de partage Pinterest ??

C’est un bouton Pinterest qui apparaît au survol de la souris sur une image. Si l’internaute clique dessus, cela lui permet de créer une épingle directement à partir de cette image et de la partager dans un de ses tableaux Pinterest. Et cela tout en restant sur votre site ! Magique hein ??!!

Vous n’avez qu’à tester en survolant mon épingle ci-dessous : vous voyez le petit bouton Pinterest en haut à droite ? 😁

ajouter un bouton pinterest
Épinglez-moi !!

Mais comment faire ça allez-vous me dire ?

C’est très simple, et je vous montre cela dans les lignes qui suivent, cela va prendre 10 minutes chrono ! 😎

ebook pinterest pdf gratuit

Il existe plusieurs manières de faire cela, la plus simple restant toujours la solution plugin. Il existe bien sûr un plugin pour ajouter un bouton de partage Pinterest sur vos images. Celui-ci est très populaire et s’appelle jQuery Pin It Button for Images (oui, un peu long le nom, je vous l’accorde 😋).

Je vais donc vous montrer comment installer et paramétrer ce plugin.

Installer le Plugin jQuery Pin It Button for Images

Dans votre dashboard WordPress, allez dans EXTENSIONS > AJOUTER (1). Dans la barre de recherche de plugins, taper : JQUERY PIN IT (2). Puis installer le plugin en cliquant sur le bouton INSTALLER (3).

c’est écrit Actif » sur mon screenshot parce que je l’ai déjà installé 😉 —

Installer le plugin jQuery Pin It Button for Images dans WordPress
Installer le plugin jQuery Pin It Button for Images dans WordPress

Une fois que le plugin est installé, le bouton se transformera en ACTIVER. Cliquez dessus pour activer le plugin, vous serez alors redirigé vers la page des paramètres.

Autrement vous pouvez également retrouver les paramètres dans le menu Réglages.

Paramétrer le Plugin jQuery Pin It Button for Images

Vous allez avoir plusieurs onglets mais seuls 2 onglets vous intéressent : les onglets SELECTION et VISUAL.

Onglet SELECTION

Ici le paramétrage le plus important est celui qui va déterminer quand est-ce que le bouton de partage Pinterest va apparaître sur vos images.

Vous devez sélectionner une taille minimum. Pourquoi ?

Vous ne voulez pas que le bouton apparaisse sur n’importe quelle image : pas sur les boutons de partage des réseaux sociaux par exemple, pas sur vos vignettes d’articles non plus. Et surtout vous ne voulez pas que n’importe quelle image de votre blog, et de n’importe quelle taille, soit partagée sur Pinterest. Car ces images sont en quelque sorte votre vitrine et votre image de marque.

Donc, le mieux c’est bien sûr d’avoir créé une image dédiée à l’épinglage sur Pinterest (vous les reconnaissez tout de suite par leur format long et vertical). Sinon, il faut quand même déterminer la taille minimum des images que vous voulez bien qu’elles soient partagées sur Pinterest.

Vous pouvez déterminer une hauteur et une largeur minimum.

Section « Minimum image resolution »

Vous devez déterminer la résolution minimum de l’image pour que le bouton de partage Pinterest puisse apparaître.

Personnellement je n’ai défini qu’une hauteur d’au moins 500 pixels (sur mobile et PC). Car j’essaie tant faire se peut de créer des images exprès pour Pinterest pour chacun de mes articles afin de les partager sur Pinterest (d’ailleurs n’hésitez pas à partager cet article en cliquant sur l’image Pinterest en fin d’article 😉).

parametrer plugin jQuery Pin It Button for Images
Paramétrer le plugin jQuery Pin it Button for Images

Section « On which pages the « Pin It » button should be shown »

Ici vous déterminez sur quelles pages le bouton doit apparaître. Il se peut qu’il y ait certaines pages où cela soit inutile.

Par exemple, vous pouvez ne pas l’afficher sur la page d’accueil. Moi je vais retirer [home] parce que ma page d’accueil affiche les derniers articles publiés et il n’y a aucune image dessus qui mérite d’être épinglée.

Par contre si votre page d’accueil est une page statique, à vous de voir.

Je le retire également des pages Front, Archives, Category et Search qui sont des pages avec une liste de résultats de recherche. Cela se présente comme ceci sur mon blog : comme vous le voyez cela n’aurait pas d’intérêt.

où afficher le bouton pinterest
Affichage de la page Catégorie sur mon blog

Vous pouvez aussi le faire dans le sens inverse en remplissant dans la fenêtre en dessous « Disable on » les pages sur lesquelles vous ne voulez PAS que le bouton apparaisse.

N’oubliez pas d’enregistrer vos paramètres en cliquant sur le bouton bleu tout en bas de la page « Save changes ».

Onglet VISUAL

Maintenant passons à la partie « fun » ! 😋

Dans cette rubrique vous allez personnaliser votre bouton de partage Pinterest.

Il y a plusieurs choses à paramétrer :

Quand le bouton va apparaître

Ici, en version gratuite vous n’avez pas le choix. Vous devez choisir « On hover », c’est-à-dire au survol de la souris.

Les 2 autres options (« Toujours visible sur les appareils tactiles » et « Toujours visible ») ne sont accessibles qu’avec la version payante.

En version gratuite vous avez le choix uniquement de l'apparition du bouton au survol dans jQuery Pin It Button for Images
En version gratuite vous avez le choix uniquement de l’apparition du bouton au survol

Source de la description

Permet de préciser quelle source il faut prendre pour remplir la description de l’épingle. Ici vous avez plusieurs choix et vous pouvez également leur donner un ordre de priorité en faisant un drag & drop. C’est-à-dire que vous pouvez déplacez l’ordre des différentes options avec votre souris.

Positionnez tout en haut ce qui est le plus pertinent et que vous êtes quasi sure de bien remplir.

Par exemple, moi j’ai mis « data-pin-description (Pinterest’s custom attribute) ». Cela correspond à l’attribut description dédié à Pinterest. Il faudrait idéalement le remplir systématiquement, cela est très utile pour le SEO. Cela fera l’objet d’un article dédié 😉 Donc si vous l’utilisez déjà, alors c’est cette option qu’il faut mettre en premier !

J’ai mis en 2ème « Post description ». Cela correspond à la description de l’article que l’on remplit pour le SEO. Et ça je le remplis systématiquement.

J’ai mis en 3ème « Post title » qui correspond au titre de l’article. Et en 4ème « Image Alt Attribute » (1) qui correspond à la balise Alt de l’image (et que normalement vous remplissez systématiquement pour un bon SEO).

Post description et Post title correspondent aux balises méta que l’on remplit pour le SEO dans Yoast SEO tout en bas de votre article

Si je n’ai pas rempli la description de l’épingle alors le plugin prendra la description de l’article. Si j’ai oublié de la remplir, il prendre le titre de l’article et ainsi de suite. Vous avez compris le principe 😉

Pour faire simple, ne cochez que ce que vous remplissez d’habitude, cochez-en plusieurs au cas où vous oubliez de remplir un des attributs et priorisez-les par ordre de pertinence.

Source de la description de l’épingle

Les autres options je ne les utilise jamais mais je vous les définis tout de même car cela peut vous intéresser :

  • Image title attribute : titre de l’image (2)
  • Site title (Settings -> General) : titre du blog > pas du tout pertinent car trop générique et ne correspondra pas du tout au contenu de l’article (rempli dans les paramètres généraux du blog)
  • Image description : description de l’image (4)
  • Image caption : légende de l’image (3)
Les attributs d'une image
Les attributs d’une image

La Transparence

Ici, vous déterminez le niveau de transparence de l’image lorsque vous le bouton. Vous pouvez entrer une valeur de 0 à 1. Ici c’est purement esthétique, donc à vous de voir.

Paramétrer le niveau de transparence

Je l’ai paramétré à 0.5 parce que je trouvais cela sympa :

Image du bouton

On arrive au moment le plus sympa. C’est ici que l’on détermine le look du bouton.

Vous avez le choix entre l’ancien bouton : « Old default »

Ancien bouton Pinterest
Ancien bouton Pinterest

Le bouton par défaut :

Bouton Pinterest par défaut
Bouton Pinterest par défaut

Vous pouvez personnaliser le bouton par défaut en changeant le style :

Paramétrage du style du bouton Pinterest
Paramétrage du style du bouton Pinterest

En choisissant sa taille : petit, normal ou grand

Paramétrage de la taille du bouton Pinterest
Paramétrage de la taille du bouton Pinterest

Et en choisissant le style de bordure : carré, arrondi, etc.

Paramétrage du style des bords du bouton Pinterest
Paramétrage du style des bords du bouton Pinterest

Je vous laisse donc jouer avec les différentes options jusqu’à trouver le style qui vous plait.

Et si rien ne vous va, vous avez une dernière possibilité qui est d’importer votre propre bouton !!

Personnellement je pense que c’est ce que je vais faire dès que j’aurai un moment. Je pense créer un bouton « Enregistrer » ce qui sera plus clair pour le visiteur.

Importez un bouton Pinterest personnalisé
Importez un bouton Pinterest personnalisé

Lien de l’épingle

Ici, si vous cochez cette case, le plugin prendre en url d’épingle le lien qui est sur l’image (si elle en a un). Sinon, par défaut le lien de l’épingle correspond au lien de l’article. Je vous déconseille donc de cocher cette case. Vous voulez que le lien de l’épingle soit quoi qu’il en soit celui de l’article.

Ne pas cocher cette case

Redimensionner le bouton

Cette option, une fois cochée, permet de redimensionner le bouton sur des écrans plus petits. Seulement, cette option n’est accessible qu’en version payante du plugin. Donc vous pouvez laisser décocher si vous êtes comme moi sur la version gratuite.

Option payante de redimensionnement de la taille du bouton en fonction de la taille de l’appareil

Position du bouton

Cette option permet de choisir où va être placé le bouton. Moi j’ai choisi en haut à droite (« Top right« ). Mais vous pouvez choisir :

  • Top left = en haut à gauche
  • Bottom left : en bas à gauche
  • Bottom right : en bas à droite
  • Middle : au milieu
Choisissez la Position du bouton

Marge du bouton

Cela correspond à la marge entre le bouton et les bords.

Personnellement j’ai laissé les valeurs par défaut.

Et voilà !! C’était simple non ? Le plugin jQuery Pin It Button for Images dans sa version gratuite est à mon sens largement suffisante.

Sachez que c’est un des plugins les plus utilisés pour ajouter un bouton de partage Pinterest sur des images.

N’hésitez surtout pas à l’ajouter ce serait dommage de se passer de cette occasion supplémentaire de donner l’opportunité à vos visiteurs d’épingler vos images sur leur compte Pinterest. Si vos visiteurs épinglent vos images c’est encore un peu plus de visibilité que vous donnez à vos articles car il suffit que ce soit une personne avec beaucoup d’abonnés et bim !! Plein de nouveaux visiteurs vont suivre ! 🎉

Et pendant qu’on y est, et si vous partagiez mon article sur Pinterest aussi ? 😝 Vous savez comment faire maintenant : vous survolez mon image ci-dessous et cliquez sur le petit bouton Pinterest en haut à droite 😉

Épinglez-moi parce que je le vaux bien !

26 commentaires

Laisser un commentaire

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