Rendre vos produits faciles à trouver

Module 7: Visibilité et hébergement · Temps de lecture : 10 minutes

Objectif pédagogique : À l’issue de cette leçon, vous saurez créer des pages produit que les moteurs de recherche comprennent, vérifier quelles données structurées WooCommerce transmet, et éviter les pièges des produits en rupture de stock, des filtres et du contenu dupliqué.

Notions clés : page produit, titre du produit, description du produit, page de catégorie comme page d’atterrissage, données structurées, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, rupture de stock, filtres et paramètres, canonical, sitemap des produits, fiches produit gratuites

Ce qui est différent pour une boutique

Les bases de la visibilité sont présentées dans la formation WordPress, leçon 9.2 : titres, méta-descriptions, intertitres, le sitemap, noindex, Search Console et les redirections en cas de changement d’adresse. Tout cela vaut aussi pour une boutique en ligne. Une boutique présente en outre trois défis qui lui sont propres :

1. De nombreuses pages qui se ressemblent. Dix théières avec presque le même texte, des variations, des filtres par couleur et par prix : un moteur de recherche doit choisir quelle page compte.
2. Des pages qui apparaissent et disparaissent. Des produits sont en rupture de stock, sortent de la gamme ou reviennent.
3. Les moteurs de recherche affichent eux-mêmes les données des produits. Le prix, le stock et les avis peuvent apparaître dans le résultat de recherche, si le moteur de recherche peut les lire sur votre page.

Cette leçon traite de ces trois points. Vous en apprendrez davantage sur les mots-clés, la rédaction et la visibilité locale dans la formation Être trouvé en ligne.

Une page produit qui dit quelque chose

Un moteur de recherche et un client veulent savoir la même chose : de quoi s’agit-il, pourquoi ce produit plutôt qu’un autre, et combien coûte-t-il. Chez Maison de thé Example (boutique en ligne à Utrecht, Pays-Bas), une page produit faible ressemble à ceci :

• le titre « Théière 3 » ;
• une description reprise du fournisseur, identique à celle de vingt autres boutiques ;
• une seule photo sans texte alternatif.

Une version solide :

• un titre avec ce que les gens recherchent : « Théière en fonte 0,8 litre, noire » ;
• une description courte de deux ou trois phrases avec l’essentiel (contenance, matériau, pour qui) ;
• une description longue rédigée avec vos propres mots : comment l’utiliser, l’entretien, ce qui est fourni, les dimensions, et les questions que les clients posent réellement ;
• plusieurs photos avec un texte alternatif descriptif (formation WordPress, leçon 4.4) ;
• le SKU et, si vous en disposez, le GTIN (code EAN) renseignés (leçon 3.1).

Les textes des fournisseurs sont tentants, mais le même texte se retrouve alors sur de nombreux sites. Un moteur de recherche n’en affiche généralement qu’un seul. Rédigez au moins le premier paragraphe vous-même.

Les pages de catégorie sont souvent plus importantes que vous ne le pensez. Une personne qui recherche « théière en fonte » veut voir un choix, pas un seul produit. Donnez donc à vos catégories un court texte d’introduction et un nom clair, et gardez une structure simple (Théières > Fonte, pas cinq niveaux de profondeur).

Données structurées : ce que WooCommerce transmet

Les données structurées sont un morceau de code dans votre page qui indique, sous une forme fixe, ce que contient la page. WooCommerce utilise pour cela le format JSON-LD : un bloc <script type="application/ld+json"> qu’il place en bas de la page produit (dans le pied de page du HTML). Il contient un objet de type Product avec :

• name, url, description (la description courte, ou à défaut la longue) et image ;
• sku (ou l’ID du produit si vous n’avez pas renseigné de SKU) et gtin si vous avez saisi un GTIN valide ;
• offers : une Offer avec le prix (dans un priceSpecification), priceCurrency, availability et le vendeur (le nom de votre boutique). Pour un produit variable avec des prix différents, cela devient une AggregateOffer avec le prix le plus bas et le plus élevé ;
• availability sous forme d’adresse schema.org : https://schema.org/InStock, OutOfStock ou BackOrder (pour les commandes en réapprovisionnement) ;
• en cas d’avis, également la note moyenne et les avis.

Voici un exemple abrégé :

{
  "@type": "Product",
  "name": "Gietijzeren theepot 0,8 liter, zwart",
  "sku": "TP-GIJ-08",
  "offers": [{
    "@type": "Offer",
    "price": "39.95",
    "priceCurrency": "EUR",
    "availability": "https://schema.org/InStock"
  }]
}

Ce que les données structurées font bien : le moteur de recherche connaît avec certitude le prix et le stock, et peut les afficher. Ce qu’elles ne font pas : améliorer votre classement ou garantir un résultat de recherche enrichi. Google décide lui-même s’il affiche quelque chose.

Trois pièges :

• Schéma en double. Une extension SEO ou un thème ajoute aussi un Product. Il y en a alors deux, parfois avec des prix différents. Choisissez une seule source et désactivez l’autre.
• Prix issu du cache. Après une modification de prix, une ancienne page enregistrée affiche l’ancien prix, dans le texte et dans le schéma. Videz le cache après chaque modification de prix (leçon 6.4).
• Mauvais affichage de la TVA. Le schéma reprend le prix tel que votre boutique l’affiche. Si vous affichez aux consommateurs le prix TVA comprise (leçon 4.1), c’est aussi ce prix qui figure dans le schéma.

Pour vérifier, utilisez le validateur de schema.org ou le test de Google (voir Pour aller plus loin), ou l’exercice de cette leçon.

En rupture de stock, retiré de la gamme, de retour en stock

Que faire d’un produit temporairement épuisé ? Dans WooCommerce > Réglages > Produits > Inventaire, vous pouvez masquer les produits en rupture de stock dans le catalogue. Ne le faites pas à la légère pour une rupture temporaire : la page continue d’exister, mais disparaît de vos pages de catégorie, alors que les clients qui la trouvent via un moteur de recherche la voient toujours. Pour un produit qui reviendra, il vaut mieux laisser la page en ligne avec la mention « en rupture de stock », une date prévue ou une alternative. Le schéma indique alors OutOfStock, ce qui est honnête.

Si un produit sort définitivement de la gamme, vous avez trois possibilités :

1. laisser la page en ligne avec un message clair et des liens vers les produits qui le remplacent (si elle reçoit encore beaucoup de visiteurs) ;
2. une redirection 301 vers le produit de remplacement ou la catégorie (s’il existe un véritable remplaçant) ;
3. supprimer la page, afin qu’elle renvoie une erreur 404 ou 410 (s’il n’existe rien de comparable).

Ce qu’il ne faut pas faire : rediriger chaque produit disparu vers la page d’accueil. Les moteurs de recherche considèrent cela comme une sorte de 404, et les visiteurs cherchent en vain.

Filtres, tri et contenu dupliqué

Les filtres par couleur, taille et prix, ainsi que le tri par prix, créent des adresses comme /theepotten/?filter_kleur=zwart&orderby=price. Chaque combinaison est une nouvelle adresse avec un contenu presque identique. Avec de nombreux filtres, il en existe des milliers. Un moteur de recherche passe alors du temps sur ces variantes au lieu de vos produits.

Ce qui aide :

• une balise canonical sur chaque page filtrée vers la page sans filtre (WordPress et la plupart des extensions SEO ne le font pas toujours automatiquement pour les paramètres : vérifiez-le) ;
• aucun lien vers des adresses filtrées dans votre menu ;
• ne pas créer les variations comme des produits distincts s’il s’agit en réalité d’un seul produit (leçon 3.2) ;
• une seule adresse par produit, même s’il figure dans plusieurs catégories. WooCommerce utilise par défaut /product/<naam>/ sans catégorie dans l’adresse ; conservez ce réglage, sauf si vous savez ce que vous faites.

Le sitemap des produits

Depuis la version 5.5, WordPress crée lui-même un sitemap (/wp-sitemap.xml) avec une partie par type de publication. Les produits sont un type de publication, il existe donc un sous-sitemap comme /wp-sitemap-posts-product-1.xml. Si vous utilisez une extension SEO, celle-ci crée souvent son propre sitemap à une autre adresse (et désactive celui de WordPress). Vérifiez que vos produits y figurent, que le panier, la validation de commande et Mon compte n’y figurent pas (ces pages ont un noindex, leçon 2.2), et soumettez le sitemap dans Search Console.

Si vous souhaitez que vos produits apparaissent aussi dans les onglets Produits des moteurs de recherche, vous pouvez utiliser un flux de produits, par exemple via les fiches gratuites de Google Merchant Center. Cela dépasse le cadre de cette formation ; les données structurées présentées ci-dessus en constituent toutefois la base.

Résumé

• Une page produit a un titre correspondant aux recherches des internautes, une description originale, de bonnes photos avec texte alternatif, ainsi qu’un SKU et un GTIN renseignés.
• WooCommerce place sur la page produit un schéma Product en JSON-LD avec le prix, la devise, le stock et le vendeur ; il ne garantit pas de résultat de recherche enrichi.
• Évitez les schémas en double et les anciens prix dans le cache.
• Rupture temporaire : laissez la page en ligne ; retrait définitif : produit de remplacement, 301 ou 404/410, mais pas de redirection vers la page d’accueil.
• Les filtres créent du contenu dupliqué ; utilisez des balises canonical et vérifiez votre sitemap des produits.

Quiz

Exercice

Exercice A7.1 : Un moteur de recherche comprend-il votre produit ? Saisissez l’adresse de votre boutique et le slug ou l’adresse d’un produit (si vous laissez le champ vide, le programme prend le premier produit de votre Store API). Le programme récupère le produit via la Store API, demande la page produit et lit tous les blocs application/ld+json. Il recherche ensuite dans robots.txt ou /wp-sitemap.xml le sitemap contenant les produits. Vert s’il y a exactement un Product avec un nom, un offers avec un prix et priceCurrency, une availability correspondant au stock, une image et un SKU ou un GTIN ; si le prix du schéma est identique à celui de la Store API ; si la page n’a pas de noindex et a une balise canonical vers elle-même ; et si le produit figure dans un sitemap des produits. Orange en cas de deux blocs Product ou plus, d’absence de SKU et de GTIN, de prix différent, d’absence de balise canonical, d’absence d’image ou si le produit ne figure pas dans le sitemap. Rouge s’il n’y a pas de schéma Product, si la page a un noindex ou si le prix (offers) est absent.

Question pour vous-même (non corrigée) : collez également l’adresse de votre page produit dans le validateur de schema.org. Voit-il la même chose que le programme ?

Pour aller plus loin

• Formation WordPress gratuite 9.2: Référencement : les bases techniques
• Formation WordPress gratuite 4.4: Médias : images et texte alternatif
• Données structurées pour les produits (Google Search Central, en anglais) : https://developers.google.com/search/docs/appearance/structured-data/product
• Schema Markup Validator (schema.org, en anglais) : https://validator.schema.org/
• Managing products (woocommerce.com, en anglais) : https://woocommerce.com/document/managing-products/
• Formation gratuite Être trouvé en ligne 3.1: Le titre et la méta-description
• Formation gratuite Être trouvé en ligne 5.1: Données structurées et résultats enrichis
• Formation gratuite Être trouvé en ligne 7.1: Intention de recherche : que cherche vraiment l'internaute ?