Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment ajouter des fils d'Ariane dans WooCommerce (Guide pour débutants)

Vous êtes-vous déjà promené dans un immense magasin, perdant la notion d'où vous avez commencé et comment revenir à l'allée principale ? Naviguer dans une grande boutique en ligne peut donner la même impression.

Les fil d'Ariane sont de petits chemins de navigation qui vous montrent le parcours que vous avez suivi sur un site web, comme des panneaux indicateurs utiles qui guident les clients dans votre boutique WooCommerce.

Non seulement ils facilitent la navigation des clients, mais ils donnent également aux moteurs de recherche une meilleure compréhension de la structure de votre site, ce qui peut améliorer votre référencement.

La bonne nouvelle est qu'ajouter des fil d'Ariane à votre boutique WooCommerce est étonnamment simple. Dans cet article, nous vous montrerons quelques méthodes faciles pour ajouter des fil d'Ariane WooCommerce en un rien de temps.

Ajouter des fils d'Ariane WooCommerce

Pourquoi devriez-vous ajouter des fil d'Ariane à WooCommerce ?

Les fil d'Ariane sont des liens de navigation qui apparaissent en haut de vos pages produits ou de vos articles de blog. Ces liens montrent à vos visiteurs comment ils sont arrivés sur la page qu'ils consultent actuellement.

Par exemple, si vous avez une boutique WooCommerce qui vend des vêtements, le menu fil d'Ariane pourrait ressembler à ceci : Accueil » Mode Homme » Chemises & Polo » Chemises Habillées.

Exemple de fils d'Ariane WooCommerce

L'activation des fil d'Ariane dans WooCommerce permet à vos clients de naviguer plus facilement dans votre boutique en ligne et de trouver les produits qu'ils recherchent. Ils peuvent facilement cliquer sur les attributs produits ou les catégories pour voir les produits associés.

Les fil d'Ariane aident également les moteurs de recherche à comprendre la hiérarchie et la structure des liens sur votre boutique e-commerce. Les moteurs de recherche comme Google les affichent même dans les résultats de recherche, ce qui peut augmenter votre taux de clics.

Cela dit, examinons comment vous pouvez activer les fils d'Ariane sur votre boutique WooCommerce. Nous allons couvrir deux méthodes, et la première est recommandée pour la plupart des utilisateurs :

Le moyen le plus simple et le plus puissant d'ajouter des fils d'Ariane dans WooCommerce est d'utiliser le plugin All in One SEO. C'est le meilleur plugin SEO pour WordPress qui vous aide à optimiser l'ensemble de votre boutique pour les moteurs de recherche.

En un seul clic, vous pouvez activer des fils d'Ariane optimisés pour le SEO, mais le plugin gère également tout, des sitemaps au balisage schema, sans que vous ayez besoin de compétences techniques.

Chez WPBeginner, nous utilisons All in One SEO sur l'ensemble de notre portefeuille de sites. C'est la boîte à outils la plus complète du marché, c'est pourquoi nous sommes passés de Yoast il y a quelques années.

Vous pouvez également lire notre avis complet sur AIOSEO pour plus de détails sur notre expérience.

Note : Pour ce tutoriel, nous utiliserons la version Pro d'AIOSEO car elle inclut des modèles de fil d'Ariane et offre plus d'options de personnalisation.

Il existe également une version gratuite disponible qui inclut le fil d'Ariane mais n'offre pas de modèles de fil d'Ariane.

Tout d'abord, vous devrez installer et activer le plugin AIOSEO sur votre site Web. Vous pouvez consulter notre guide pour plus de détails sur comment installer un plugin WordPress.

Après l'activation, vous devrez naviguer vers All in One SEO » Paramètres généraux et entrer votre clé de licence. Vous pouvez trouver la clé dans la zone de compte AIOSEO.

Licence All in One SEO

Ensuite, vous devrez configurer AIOSEO sur votre boutique WooCommerce à l'aide de son assistant de configuration. Si vous avez besoin d'aide, vous pouvez suivre notre guide sur comment configurer All in One SEO pour WordPress.

Une fois que vous avez correctement configuré le plugin sur votre site Web, vous devrez accéder à la page All in One SEO » Paramètres généraux, puis cliquer sur l'onglet « Fil d'Ariane ».

Activer l'affichage des fil d'Ariane dans All in One SEO

Après cela, activez simplement le commutateur « Activer le fil d'Ariane ». Cela activera la fonctionnalité de fil d'Ariane en arrière-plan et AIOSEO ajoutera le code approprié (appelé balisage de schéma) pour les moteurs de recherche.

Cette étape ne rend pas encore les fils d'Ariane visibles sur votre site. Dans les étapes suivantes, nous vous montrerons comment les afficher pour que vos clients puissent les voir.

Ensuite, vous devrez personnaliser les fils d'Ariane de WooCommerce. Faites simplement défiler vers le bas et vous verrez les différentes façons d'ajouter des fils d'Ariane à votre boutique en ligne.

Vous pouvez les ajouter manuellement à n'importe quelle page ou publication en utilisant un shortcode ou un bloc, ou les ajouter à une zone de widget. Les utilisateurs avancés peuvent également utiliser du code PHP pour ajouter des fils d'Ariane à leurs fichiers de modèle de thème.

Nous vous montrerons comment ajouter des fils d'Ariane à vos produits WooCommerce ci-dessous, mais d'abord, jetons un coup d'œil aux options de personnalisation.

💡Astuce de pro : Avant d'utiliser les méthodes ci-dessous, il est conseillé de vérifier d'abord les paramètres de votre thème.

De nombreux thèmes modernes disposent d'une option de fil d'Ariane intégrée qui fonctionne avec AIOSEO. C'est souvent le moyen le plus simple d'ajouter des fils d'Ariane qui correspondent parfaitement au design de votre site.

Options d'affichage des fils d'Ariane

Maintenant, si vous faites défiler jusqu'à la section Paramètres du fil d'Ariane, vous verrez plusieurs options pour personnaliser vos fils d'Ariane.

Par exemple, vous pouvez modifier le symbole séparateur, activer le lien vers la page d'accueil, ajouter un préfixe au fil d'Ariane, modifier le format, et plus encore. Vous pouvez même voir un aperçu de la façon dont vos liens de navigation apparaissent sur votre boutique WooCommerce.

Paramètres du fil d'Ariane

AIOSEO Pro vous donne également accès à des modèles de fil d'Ariane. Considérez-les comme une « recette » qui définit comment votre fil de navigation est construit.

Cela vous permet de créer une structure différente pour vos pages de produits, une autre pour vos articles de blog, et ainsi de suite, en gardant votre navigation claire et professionnelle sur l'ensemble de votre site.

Modèles de fils d'Ariane AIOSEO

De plus, le plugin WordPress offre différentes options pour personnaliser le modèle.

Par exemple, vous pouvez désactiver l'option « Utiliser un modèle par défaut » et afficher plus de paramètres.

Personnaliser le modèle de fil d'Ariane du produit

Il existe des options pour afficher le lien de la page d'accueil, le lien d'archive du type de publication, le lien de taxonomie, ajouter des étiquettes au modèle et sélectionner si vous souhaitez prioriser les catégories ou les étiquettes de taxonomie.

Si vous avez des catégories parentes configurées pour plusieurs produits, vous pouvez également les personnaliser dans l'éditeur de modèle de fil d'Ariane.

Lorsque vous avez terminé, n'oubliez pas de sauvegarder vos modifications.

Ensuite, vous devrez ajouter des fils d'Ariane à vos pages de produits WooCommerce.

AIOSEO proposera quatre méthodes différentes, mais le moyen le plus simple est d'utiliser un shortcode pour afficher les liens de navigation du fil d'Ariane sur votre boutique en ligne.

Utiliser un shortcode pour ajouter des fils d'Ariane

Il vous suffit d'ajouter le shortcode suivant à l'endroit où vous souhaitez afficher le fil d'Ariane :

[aioseo_breadcrumbs]

C'est une excellente option si vous souhaitez ajouter des fils d'Ariane uniquement à quelques pages spécifiques.

Pour ce faire, rendez-vous simplement dans Produits » Tous les produits et modifiez une page produit. Ensuite, vous pouvez ajouter le shortcode dans la vue « Texte » de l'éditeur WordPress et mettre à jour votre page.

Cependant, pour la plupart des utilisateurs qui souhaitent des fils d'Ariane sur chaque page, nous recommandons d'utiliser la méthode du widget de la barre latérale que nous abordons ensuite, car elle vous évite de modifier chaque page une par une.

Ajouter un shortcode dans la page produit

Vous pouvez maintenant visiter votre page produit pour voir les liens de navigation du fil d'Ariane en action.

Voici à quoi cela ressemblait sur notre site web de test.

Exemple de fil d'Ariane

En plus de cela, vous pouvez également ajouter des fil d'Ariane à la barre latérale de votre boutique WooCommerce. De cette façon, vous n'aurez pas à modifier chaque page produit individuelle pour afficher les liens de navigation, car ils apparaîtront sur l'ensemble de votre site dans la barre latérale.

Pour afficher les fils d'Ariane dans la barre latérale, vous pouvez aller dans Apparence » Widgets depuis votre espace d'administration WordPress.

Cliquez sur l'icône du signe plus en haut à gauche, puis recherchez « fil d'Ariane » pour trouver le widget « AIOSEO – Fil d'Ariane ». Faites simplement glisser et déposez-le dans la barre latérale. Vous pouvez également saisir un titre pour vos liens de navigation.

Widget AIOSEO Breadcrumbs

Une fois cela fait, vous pouvez cliquer sur le bouton « Enregistrer ».

Ensuite, il suffit de consulter votre boutique WooCommerce pour voir les fils d'Ariane dans la barre latérale.

Fils d'Ariane de la barre latérale WooCommerce

Si vous souhaitez utiliser d'autres moyens pour ajouter des fils d'Ariane à votre boutique WooCommerce, consultez notre guide sur comment afficher les liens de navigation en fil d'Ariane dans WordPress.

Comment ajouter des fils d'Ariane pour plusieurs catégories

Avez-vous des produits sur votre boutique WooCommerce qui ont plusieurs catégories ?

Si oui, alors la configuration correcte des fils d'Ariane peut être un défi car WordPress n'enregistre pas le chemin emprunté par un client pour accéder à la page produit.

Cependant, AIOSEO ajoute automatiquement la première catégorie dans le fil d'Ariane et permet d'afficher facilement le menu de navigation correct pour les produits ayant plusieurs catégories.

Le plugin offre également un modèle de fil d'Ariane que vous pouvez personnaliser pour les taxonomies WordPress comme les catégories de produits. Tout ce que vous avez à faire est d'aller dans Tout en un SEO » Paramètres généraux, puis de sélectionner l'onglet « Fil d'Ariane ».

Ensuite, faites défiler jusqu'à la section « Modèles de fil d'Ariane » et sélectionnez l'onglet Taxonomies. Par défaut, le plugin affichera le lien de l'élément parent dans le fil d'Ariane de votre boutique WooCommerce.

Afficher la catégorie parente dans les fils d'Ariane

Si vous désactivez l'option « Utiliser un modèle par défaut », vous verrez que « Afficher le lien de l'élément parent » est activé. De cette façon, vous pouvez facilement afficher la catégorie principale pour n'importe quel produit sur votre site Web.

Par exemple, disons que vous gérez une boutique de chaussures en ligne et qu'un des produits se trouve dans les catégories Baskets et Chaussures de sport.

Le produit a plusieurs catégories

AIOSEO choisira automatiquement la première catégorie.

Ensuite, il l'affichera dans le menu de navigation du fil d'Ariane.

Aperçu du fil d'Ariane multi-catégories

Option 2 : Utiliser un plugin de fils d'Ariane WooCommerce (gratuit et simple)

Une autre façon d'activer les fils d'Ariane dans WooCommerce est d'utiliser le plugin WooCommerce Breadcrumbs.

C'est un plugin WordPress gratuit qui vous permet d'ajouter des fils d'Ariane à votre boutique en ligne. Le plugin est facile à utiliser mais manque des fonctionnalités de personnalisation que vous trouverez dans AIOSEO.

Tout d'abord, vous devrez installer et activer le plugin WooCommerce Breadcrumbs. Pour plus de détails, vous pouvez consulter notre tutoriel sur comment installer un plugin WordPress.

Une fois le plugin actif, vous pouvez aller dans Paramètres » WC Breadcrumbs depuis votre zone d'administration WordPress. Ensuite, cliquez sur la case à cocher « Activer les fils d'Ariane ».

Activer les fils d'Ariane WooCommerce

Ensuite, vous pouvez modifier l'apparence des liens de navigation qui apparaîtront sur votre boutique WooCommerce.

Le plugin WooCommerce vous permet de choisir le symbole séparateur de fil d'Ariane et les balises HTML avant et après vos fils d'Ariane.

Maintenant, si vous faites défiler vers le bas, vous trouverez plus d'options de personnalisation. Par exemple, vous pouvez modifier le texte et l'URL de votre page d'accueil qui apparaîtront dans les liens de navigation.

Plus de paramètres de fils d'Ariane WooCommerce

Lorsque vous avez terminé les modifications, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » en bas.

Foire aux questions (FAQ)

Voici quelques questions fréquemment posées par nos lecteurs concernant l'ajout de fils d'Ariane dans WooCommerce :

Tous les thèmes WordPress prennent-ils en charge les fils d'Ariane WooCommerce ?

De nombreux thèmes modernes, en particulier ceux conçus pour WooCommerce, incluent leurs propres fonctions de fil d'Ariane. Cependant, leur apparence et leurs paramètres peuvent être limités.

L'utilisation d'un plugin dédié comme All in One SEO vous donne beaucoup plus de contrôle et garantit que vos fils d'Ariane sont entièrement optimisés pour les moteurs de recherche, quel que soit le thème que vous utilisez.

Puis-je modifier le style et l'apparence de mes fils d'Ariane ?

Oui. Un plugin comme AIOSEO vous permet de modifier facilement les séparateurs, le texte, les préfixes et d'autres options d'affichage depuis le menu des paramètres.

Pour des modifications visuelles plus approfondies, vous pouvez également appliquer du CSS personnalisé pour faire correspondre parfaitement les fils d'Ariane à la marque et au design de votre site.

Les fils d'Ariane sont-ils importants pour le SEO ?

Absolument. Les fils d'Ariane créent des liens internes qui aident les moteurs de recherche comme Google à comprendre la hiérarchie et la structure de votre site.

Google affiche même les fils d'Ariane directement dans les résultats de recherche, ce qui peut améliorer l'apparence de votre fiche et augmenter votre taux de clics.

Plus d'astuces WooCommerce que vous allez adorer

Nous espérons que cet article vous a aidé à apprendre comment ajouter des fils d'Ariane dans WooCommerce. Vous pourriez également vouloir consulter d'autres guides liés à WooCommerce :

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

Commentaires

  1. Félicitations, vous avez l'opportunité d'être le premier commentateur de cet article.
    Vous avez une question ou une suggestion ? Veuillez laisser un commentaire pour lancer la discussion.

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.