Optimiser ses fiches produits avec WooCommerce 1 - Rédaction & description d’une fiche produit 2 - Optimiser le référencement naturel « SEO » 3 - Présentation, disposition & contenus visuels 4 - Les leviers d’acquisition 5 - L’interactivité avec le client 6 - Les extensions WooCommerce

1. DES FICHES PRODUITS PERFORMANTES
AVEC WOOCOMMERCE
#WCLille #Ecommerce #WooCommerce #fichesproduits #strategieecommerce
Sandra Boulou

2. Sandra Boulou
@Web18_Paris
www.web18.net

3. 1 - Rédaction & description d’une fiche produit
2 - Optimiser le référencement naturel « SEO »
3 - Présentation, disposition & contenus visuels
4 - Les leviers d’acquisition
5 - L’interactivité avec le client
6 - Les extensions WooCommerce

4. LA FICHE PRODUIT
La clé du succès d’un site Ecommerce

5. C’est l’élément FONDAMENTAL
de votre site Ecommerce
C’est LE VENDEUR de votre boutique !

6. Le vendeur en magasin et son rôle de conseil…

7. La fiche produit qui doit convaincre pour vendre

8. Tout ce que vous n’avez pas comme dans une vraie
bou5que :
On ne peut pas sen*r
Toucher & manipuler
Voir des détails
Essayer comme dans un point de vente physique

9. L’internaute va devoir se référer à ce qu’il voit
sur son écran pour faire son CHOIX et son ACHAT

10. On voit l’importance du soin que l’on va devoir
apporter à ses fiches produits :
Visuels
Présentation
Renseignements & hiérarchie des informations
Garanties

11. Eviter les questionnements de l’internaute
Le mettre en confiance
Bien sûr séduire et convaincre pour :
TRANSFORMER LE VISITEUR EN E-ACHETEUR !

12. Comment VALORISER VOS FICHES PRODUITS
pour augmenter leur taux de conversion
OPTIMISER LE CONTENU pour avoir une bonne
visibilité de vos produits dans les moteurs de
recherche

13. 1 - Rédaction & description d’une fiche produit

14. Créer une véritable stratégie de contenu

15. Indiquer les arguments de vente
Les points forts
Les caractéristiques principales
sous forme de puces
énumérations
ou onglets créés à cet effet

17. Personnaliser votre contenu :
PAS DE COPIER-COLLER du fournisseur / fabricant
ou des concurrents

18. L’idéal est de proposer une description résumée
ET
une description plus détaillée des produits

19. Onglets horizontaux ou verticaux
Pour éviter de surcharger l’interface pensez à la
présentation des informations sous forme d’onglets

23. Toujours penser SEO dans votre rédaction
Mettre en avant les informations clés
Être précis
Ne pas écrire de « pavé »
Pas de fautes d’orthographe c’est rédhibitoire !

24. Faites du story-telling avec vos produits :
racontez l’histoire de vos produits…
Exemple ci-après fiches produits : Hermès, Adidas

26. Exemple de story-telling avec HERMÈS

28. Créer/établir une relation de vente émotionnelle
Quelle émotion évoque votre produit

29. Quel est votre produit ?
D’où vient-il ?
Que contient-il ?
Sa valeur ajoutée ?
Quelles sont ses garanties ?

30. Des garanties produits qui rassurent

31. Provenance du produit mise en avant, composition…
Site www.leslipfrancais.fr

32. NESPRESSO : sa valeur ajoutée expliquée

33. Valeur ajoutée du costume

34. Valeur ajoutée tissu,
composition…

35. A qui s’adresse votre produit ?
Donner des conseils : utilisation…
Créer un mode d’emploi
Faire un tutoriel

36. Tutoriel ouverture du Canapé conver2ble
dans la fiche produit

37. Tutoriel tediber au bas de la fiche produit

38. Intégrer un guide si besoin :
Par exemple pour des chaussures, des vêtements
Insérer un guide des tailles suivant les pays

43. L’utilité d’un produit et sa complémentarité
avec d’autres articles de votre boutique
Cross-selling (ventes croisées)
Up-selling (montées de gammes)

44. Exemple de complémentarité avec d’autres produits

45. WooCommerce : Produits liés dans la fiche Produit

46. 2 - Optimiser le référencement naturel « SEO »
d’une fiche produit

47. Le permalien « URL » DE LA FICHE PRODUIT
doit être SIMPLE
et reprendre la THÉMATIQUE du produit
et ses MOTS CLÉS PRINCIPAUX

48. www.lumiphot.fr/boutique/prise-de-vue/pied photo/
manfrotto-190-trepied-3-sections-en-alu-mt190x3
Dans l’exemple ci-dessus j’ai :
La base de ma boutique WooCommerce
La catégorie principale du produit : prise de vue
La sous-catégorie : pied-photo
L’identification du produit : sa marque et sa référence

49. La structure de vos URL doit inclure vos silos
sous forme de dossiers (par théma8que)
Catégorie produit / Sous-catégorie / Produit
Compar8menter votre contenu
Envoyer un contenu organisé aux moteurs de recherche

50. Dans WordPress / WooCommerce
Vous pouvez décider de la manière dont vos url
seront structurées dans les réglages / permaliens
Réglages des Permaliens dans WordPress :
Réglages + Permaliens

52. Dans WooCommerce : Réglages + Produits

53. Mettre un fil d’ariane : représente l’arborescence du site
Permet d’ajouter plusieurs mots clés en pointant vers
les différents niveaux d’arborescences du site
Favorise le maillage interne
Ex : Accueil > Boutique > Catégorie > Sous-catégorie >
Nom du produit
C’est un repère dans le site : Bon pour l’accessibilité

54. Exemples de fils d’ariane qui mènent aux produits

55. Hiérarchiser le contenu de ses fiches produits
Utiliser les balises de Titre H1, H2, H3…
La balise H1 est celle utilisée pour le titre de votre
produit (Il n’y a qu’un seul H1 par page / fiche)
Elles doivent identifier le produit par :
Son nom, sa marque, sa référence, sa spécification
Le tout en peu de mots…

56. Ajouter un TITRE personnalisé à votre fiche produit
≠ du TITRE du produit (Balise H1)

57. Titre du produit dans la fiche produit H1
Balise H1

58. Rédiger un TITRE « TITLE » personnalisé
Mettre les mots clés importants en premier
Nom commercial du produit, marque
Caractéristiques (couleur, conditionnement, taille)
Référence
Eviter de mettre des articles, privilégier les virgules ou
les : pour gagner des caractères

59. La longueur du TITRE / Balise TITLE :
Entre 60 à 70 caractères (4 à 6 mots) / 600 pixels
pour bien ressortir dans les SERP (Pages de résultats
de Google)
Pour un bon SEO on peut aller jusqu’à 7 à 10 mots
mais au risque d’avoir un affichage sur Google avec
des … en fin de titre
Il faudra trouver un compromis lisibilité / SEO…

60. Pour éditer le TITRE, la Balise TITLE
Utiliser une extension SEO
(voir en fin de présentation les extensions conseillées)

61. 5 - Mot clé principal
4 - Description
1 - Editer l’extrait / snippet
2 - Titre SEO
3 - Iden?fiant / slug

62. Intégrer un contenu de qualité
Se mettre à la place de l’internaute quand
il fait une recherche
Répondre aux interrogations
Insérer du contenu intéressant & pertinent

63. Une description courte (10/20 mots) : points forts
Les arguments de vente du produit
Sous WooCommerce
la description courte
se trouve à droite
de la photo principale
du produit

64. Une description longue (au moins 300 mots)
Rédiger un contenu unique, plus commercial plus
orienté SEO
Hiérarchiser les paragraphes avec des balises H2, H3…

65. Mettre les éléments importants en gras
Via la balise « Strong » : <strong>important </strong>
Ces mots ressortiront aux yeux des moteurs de
recherche comme les mots importants de la fiche
On peut également y associer des balises H2

66. Ajouter du maillage interne sur vos fiches produits

67. Demander à des sites externes de faire des liens vers
vos pages produits
OU
Créer vous même des pages qui pointent vers
les pages voulues directement sur votre site

68. Si dans une catégorie précise vous avez 200 produits
différents
Insérer des liens dans chacune des fiches produits
vers ce3e même catégorie
Les moteurs de recherche interpréteront
l’appartenance et la cohérence liée à ce3e catégorie

69. Vous pouvez également créer un Blog, et écrire des
ar+cles vers lesquels vous intégrerez des liens
Liens des pages produits vers un ar8cle du blog
concerné
Liens des ar8cles de votre Blog vers des produits
concernés de votre Bou+que

70. Accepter les avis clients sur vos fiches produits
Ils permettent d’enrichir vos fiches produits
en contenus et par conséquent d’améliorer le
référencement naturel de vos pages.
Ils offrent une visibilité beaucoup plus importante
dans les moteurs de recherche par rapport aux
autres résultats !

71. La notation / avis client du produit attire l’œil

73. Les images produits & le SEO :

74. Bien nommer ses images produits :
Par exemple image08.png ne sera pas lisible pour
Google et ne sera pas interprété.
Attribuer un nom avec une description du produit :
bottine-femme-eram-cuir-talons.jpg
Ajouter 1 ou 2 des mots clés & une référence produit
vous aurez plus de chances que votre produit apparaisse
dans Google images

75. En tapant le mot clé chaussure Nike air 270

76. Avoir des formats d’images adaptés
JPG, JPEG, GIF et PNG
Le poids et la taille des images produits
sont également des points essentiels qui contribuent
au bon référencement

77. Op#miser les images de vos fiches produits
Vos fiches produits doivent être fluides et rapides à
l’affichage
Comme pour l’ensemble du site, vérifiez la vitesse de
chargement de vos pages produits
Vos visiteurs fuiront vos produits et qui?eront votre
site si le temps de chargement est trop long

78. Pour rappel :
Google a intégré depuis 2010 la vitesse de
chargement des pages d’un site dans son algorithme
de ranking.
Ainsi, non seulement le posi:onnement de votre site
E-commerce peut être sanc:onné, mais Google peut
aussi ne pas analyser une page si son temps de
chargement est trop élevé.

79. LES OUTILS DE MESURE GOOGLE DONT NOUS DISPOSONS :
Mesure de la vitesse d’affichage : PageSpeed Inisghts
https://developers.google.com/speed/pagespeed/insights/?hl=fr
Test d’affichage sur mobile avec une connexion 3G
Test My Site https://testmysite.withgoogle.com/intl/fr-fr
Compatibilité aux mobiles :
https://search.google.com/test/mobile-friendly

80. Faire des liens :

81. Faire des liens vers des produits similaires ou
complémentaires : ventes croisées
L’objectif de cette pratique est de développer les liens
internes thématiques dans votre boutique
Vérifier les cohérences des liens, fils d’ariane, erreur
404 à la racine boutique (exemple d’un
WooCommerce construit trop vite)

82. Produits similaires au bas de la fiche produit

83. Pour l’achat de thé noir

84. L’utilité d’autres produits et leur complémentarité…

85. 3 - Présentation, disposition & contenus visuels

86. Préférer un fond blanc / clair pour accroitre la
lisibilité des produits, plus clair, plus lisible, plus
propre
Un design épuré permet une navigation en général
beaucoup plus fluide
Les produits ressortent mieux, les boutons aussi, les
informations principales également

89. Jouer sur la taille des polices permet d’organiser et de
hiérarchiser entre eux les éléments textuels.
Avoir un Bouton d’ajout au panier qui tranche bien :
forme, couleur, emplacement, texte : il doit ressortir

90. Le texte du bouton doit être court et engageant
Ajouter au panier, acheter, commander…
On peut utiliser la 1ère personne :
J’achète, je commande, je réserve, j’en profite
On voit souvent : Ajouter au panier
Cela a le mérite d’être clair !

91. La position du bouton :
Le bouton Ajouter au Panier doit être situé
en haut de la page produit de façon à le voir
tout de suite

94. Intégrer les éléments de RE-ASSURANCE
& les « CALL TO ACTION » :

95. Livraison : les frais et délais de livraison
Solu.ons de livraison : Retrait gratuit / Click & Collect
Livraison express / Livraison éco / Offerte
Avis clients : afficher les avis clients vérifiés
Stocks : indiquer la disponibilité des produits

96. Garantie : afficher la garantie des produits
SAV : rassurer le client
Paiements : les différentes solutions proposées
Indiquez les facilités de paiement si vous en
proposez

97. Facilités de paiement

99. Garanties

100. Mise en scène des produits :

101. Les visuels sont des vecteurs d’engagement :
Fini les miniatures ! Intégrer de grandes et belles
photos
Mettez en scène vos produits :
proposer plusieurs dispositions, plusieurs angles
Mettre des photos correspondant aux variations :
modèles, coloris, tailles…

105. Proposer une vision à 360° sur des produits qui
le nécessitent qui ont une certaine valeur,
Intégrer des vidéos présentant vos produits,
expliquant leur utilisation est également un vrai
plus pour vos fiches produits.

111. La visibilité sur mobile :
Nous passons beaucoup de temps sur nos mobiles,
vos clients voudront visualiser vos produits sur leur
portable

112. Assurez-vous que vos fiches produits soient bien
responsives et que toutes les infos soient lisibles
pour que vos produits puissent facilement être
achetés sur smartphones et table;es
Consulter la compa=bilité aux mobiles :
h"ps://search.google.com/test/mobile-friendly

113. Fiches produits Etam et H&M sur mobile

114. 4 – Les leviers d’acquisition

115. Définir des ventes croisées : le Cross selling
(produits complémentaires) permet d’augmenter
la valeur du panier moyen.
Définir des montées de gamme : Up selling
Afficher les prix s’ils sont dégressifs suivant la
quantité commandée
Afficher clairement vos promotions / vente flash
(prix / pourcentage)

116. Des prix dégressifs suivant la quantité commandée

117. Afficher les produits les mieux notés

118. Des remises bien lisibles

119. Des remises bien lisibles

120. Ventes croisées au bas de la fiche

123. Exemple de cross-selling : montées de gamme
Souvent : Les clients ayant acheté cet article ont également acheté…

124. Afficher le Franco de port bien lisible
Intégrer un comparatif de produits
Intégrer une liste de souhaits : c’est pratique et cela
peut aider le client à constituer son panier
Une demande d’information, conseils en ligne…
Un Live chat avec messagerie

125. Franco de port

126. 5 - L’intéractivité & les UGC
« contenus générés par les clients »
User Generated Content
des contenus photos, vidéos ou écrits

127. Les Réseaux sociaux / Partage
Pour augmenter la visibilité de vos produits, pensez
à intégrer des boutons de partage sur vos fiches
produits.
La majorité des internautes sont présents sur les
réseaux sociaux et en sont de grands utilisateurs.

128. Rejoindre une communauté et partager son expérience

129. Rejoindre une communauté et partager son expérience

131. Avis clients
Partage du produit

132. Permettre les publications des avis clients
Une fiche produit recevant de nombreux avis clients
envoie un signal positif à Google !

133. L’Avis clients
Un atout précieux pour déclencher le passage à
l’achat de vos visiteurs
70 % des E-acheteurs consultent souvent les avis
clients avant de réaliser leurs achats
18 % partagent souvent leur expérience sur les
réseaux sociaux et 18 % de temps en temps

134. Etude Fevad Janvier 2018

135. Amazon a compris depuis longtemps le rôle
des avis clients et y consacre une place importante
au bas de ses fiches produits

138. AVIS CLIENTS SITE NUXE

141. Les Avis clients vérifiés

144. Attestation de confiance avis clients site du vendeur

145. WooCommerce + réglages + Produits

146. 5 / LES EXTENSIONS WOOCOMMERCE
SPECIALES FICHES PRODUITS

147. De nombreuses extensions existent pour
valoriser ou personnaliser
Vos fiches produits
Sous WooCommerce

148. Personnalisation - ajout de champs / options
supplémentaires :
Checkboxes, radio buttons, select boxes, text-areas,
input boxes, upload, date, range picker and color picker.
https://codecanyon.net/item/woocommerce-extra-product-
options/7908619?s_rank=1 : 25 $
https://wordpress.org/plugins/woo-custom-product-addons
https://fr.wordpress.org/plugins/woocommerce-custom-
options-lite

149. Personnalisation de produits :
Fancy product designer : à partir de 50 $
https://codecanyon.net/item/fancy-product-designer-
woocommercewordpress/6318393
Personnaliser des produits préalablement sélectionnés,
à l’aide d’un éditeur visuel qui va agir sur les couleurs, le
texte, la taille etc.
Au final, on peut concevoir un produit sur-mesure

150. Personnaliser les onglets de WooCommerce
h3ps://woocommerce.com/products/woocommerce-tab-
manager/ : 99 $
ou
h3ps://fr.wordpress.org/plugins/yikes-inc-easy-custom-
woocommerce-product-tabs/ : gratuit

151. Visuels : photos, diaporama, vidéo, audio
Vidéo à la place de l’image principale :
h"ps://wordpress.org/plugins/yith-woocommerce-featured-video/
Contenu audio :
h"ps://yyith-woocommerce-featured-audio-video-content/
Diaporama de fiches produits qui défilent :
h"ps://fr.wordpress.org/plugins/woocommerce-products-slider/ :
gratuit et premium

152. Images à 360° :
https://woocommerce.com/products/woocommerce-360-image :
49 $
Cette extension permet de faire tourner les images de vos produits
à 360°, pour découvrir toutes leurs facettes.

153. Affichage de Badge dans les fiches produits
Attirer l’attention de vos visiteurs sur vos fiches produits
Nouveau / Best / Soldes / - 50 % - Meilleure vente
https://yithemes.com/themes/plugins/yith-
woocommerce-badge-management : 53,99 $
https://codecanyon.net/item/improved-sale-badges-for-
woocommerce/9678382 : 26 $

154. Positionne le bouton ajouter au panier au dessus de la
description :
https://gist.github.com/eder-
dias/5817b9dd76f3405b64824ae0cbe34f50
Personnalise produits en relations / montées de gamme
https://fr.wordpress.org/plugins/custom-related-products-for-
woocommerce/
https://fr.wordpress.org/plugins/woo-related-products-refresh-
on-reload/

155. Liste de souhait
https://wordpress.org/plugins/ti-woocommerce-wishlist
https://fr.wordpress.org/plugins/yith-woocommerce-wishlist
Partage
JetPack bien sûr ;-)
https://wordpress.org/plugins/accesspress-social-share/
Comparaison avec d’autres produits du site
https://fr.wordpress.org/plugins/yith-woocommerce-compare

156. Avis clients
WooCommerce Product reviews pro : accepte photos, vidéos et
contribution de clients
https://woocommerce.com/products/woocommerce-product-
reviews-pro/ : 79 $
Yotpo : système de notation et/ou retours d’avis produits
https://wordpress.org/plugins/yotpo-social-reviews-for-
woocommerce/ se créer un compte avant sur Yotpo
Avis vérifiés WooCommerce : 59 € ht / mois
https://fr.wordpress.org/plugins/netreviews/

157. Extensions SEO WooCommerce
YOAST WooCommerce SEO : 49 € / an
https://yoast.com/wordpress/plugins/yoast-woocommerce-seo/
SEO PRESS PRO : extension française 39 $ / an
https://www.seopress.org/fr/fonctionnalites

158. J’espère que ces informa2ons
Vous seront u2les pour guider, conseiller
et sa2sfaire les besoins de vos clients
Crédits photos : Fotolia, Pixabay, Giphy