Thèmes modernes | Thèmes anciens

Questions fréquentes

Que fait Breadcrumbs Uncomplicated ?

L’application affiche à vos clients un fil d’Ariane complet, basé sur les catégories, sur les pages collection et produit, afin qu’ils sachent toujours où ils se trouvent dans votre boutique. Le fil d’Ariane est construit à partir des menus de navigation Shopify standard que vous gérez déjà.

Breadcrumbs Uncomplicated est-il bon pour le SEO ?

Oui. En plus du fil d’Ariane visible, l’application ajoute un BreadcrumbList JSON-LD structuré aux pages collection et produit, ce qui permet aux moteurs de recherche de comprendre l’organisation de votre boutique et d’afficher les chemins de navigation dans les résultats.

D’où viennent les fils d’Ariane — dois-je construire une nouvelle structure ?

Non. L’application lit vos Menus Shopify standard existants. Il n’y a pas d’arborescence de catégories distincte à construire ou à synchroniser : modifiez vos menus et les fils d’Ariane suivent.

Fonctionne-t-elle sur les pages produit comme sur les pages collection ?

Oui, sur les deux. Sur les pages produit, elle utilise les URL longues (/collections/.../products/...) et prend en charge les URL courtes via une metafield lorsque votre thème les produit.

Quels thèmes sont pris en charge ?

Tous les thèmes modernes Online Store 2.0 via glisser-déposer dans l’éditeur de thème Shopify. Les anciens thèmes 1.0 (« vintage ») sont pris en charge avec un embed — voir le guide Thèmes anciens.

Est-elle multilingue ?

Oui — anglais, espagnol, allemand et français, en suivant les langues de votre boutique via Shopify Translate & Adapt.

Quel est le prix ?

5 $/mois avec un essai gratuit de 10 jours. Les mêmes fils d’Ariane sont également inclus dans Categories Uncomplicated, qui propose un plan Gratuit pour jusqu’à 10 catégories.

Premiers pas

Pour tirer le meilleur parti de Category Breadcrumbs, vous devez d’abord configurer votre boutique avec des Produits, Collections et Menus. Cette vidéo vous guide à travers le processus, y compris la configuration des éléments de menu qui forment vos catégories.

Installer Category Breadcrumbs

Cette application utilise l’éditeur de thème de Shopify pour vous laisser contrôler l’apparence du fil d’Ariane et l’endroit où il s’affiche. Cette vidéo simplifie le processus :

  1. Ouvrez votre thème actuel dans l'éditeur de thème Shopify.
  2. Sélectionnez « Collection par défaut » dans le sélecteur de modèles.
  3. Utilisez l’éditeur de thème pour placer le bloc (embed) Category Breadcrumbs dans votre thème.
  4. Répétez éventuellement le processus pour « Produit par défaut ».

Désinstallation

Shopify gère toute la facturation. Pour annuler votre abonnement, il vous suffit de désinstaller l’application depuis l’interface d’administration Shopify. Plus d’informations de Shopify à ce sujet :

Désinstaller des applications

Après la désinstallation, Shopify ne vous facturera que ce que vous avez déjà utilisé, puis ne vous facturera plus. Si vous désinstallez avant la fin de votre période d’essai gratuite, vous ne serez pas facturé du tout. Si vous voulez plus d’informations sur la façon dont Shopify gère la facturation — par exemple, pourquoi des mois entiers sont facturés même pour une utilisation partielle — ce lien explique exactement quand et pourquoi vous êtes facturé :

Cycle de facturation Shopify

Afficher les fils d’Ariane sur les pages produit

Vous pouvez également afficher des fils d’Ariane de catégories sur vos pages produit.

Comme chaque produit peut appartenir à plusieurs collections, nous avons besoin d’un moyen d’identifier dans quelle collection vous souhaitez que le produit apparaisse, et donc quel fil d’Ariane afficher.

La meilleure façon de le faire est d’utiliser les URL longues :

  • Les liens de la forme /collection/nom_collection/product/nom_produit, comme celui-ci afficheront le bon fil d’Ariane.
  • Les liens sans collection, ou les URL courtes comme celui-ci, n’indiquent pas dans quelle collection vous êtes et obligent donc Shopify à deviner.

Il existe une rumeur non vérifiée selon laquelle les URL courtes seraient meilleures pour le SEO car elles évitent le contenu dupliqué, mais cela se gère mieux en utilisant des URL longues avec rel=”canonical”, comme Shopify le recommande dans cet article de bonnes pratiques.

Arriver depuis des pages collection

Les liens dans les collections sont générés par votre thème : si vous cliquez sur un produit dans une collection et arrivez sur une page produit avec une URL courte, ce problème vient de votre thème.

Le meilleur endroit pour corriger cela est le thème, mais vous pouvez utiliser ce correctif d’URL courtes dans votre embed comme solution moins idéale.

Il tente au mieux de détecter les liens courts sur les pages collection et de les réécrire automatiquement. Cette vidéo l’explique :

Le correctif d’URL courtes est disponible sous forme de case à cocher pour les thèmes 2.0 dans l’éditeur de thème Shopify, dans les paramètres de Category Breadcrumb sur la page Collection par défaut.

Arriver depuis d’autres pages, comme la recherche Shopify

Même avec ce correctif, il reste possible d’atterrir sur des URL courtes, et sur ces pages il faut bien afficher un fil d’Ariane.

Par défaut, Shopify met à disposition une liste non ordonnée de collections sous forme de metafields, que cette application utilise pour deviner le bon fil d’Ariane.

Rappel : avec les URL courtes, un produit ne peut avoir qu’un seul fil d’Ariane.

La plupart du temps, le fil d’Ariane par défaut d’un produit correspond à la collection la plus spécifique (paramètre par défaut), mais vous pouvez modifier ce comportement dans les paramètres Category Breadcrumbs sur la page Produit par défaut.

C’est une supposition, elle ne sera pas toujours correcte, mais c’est un contournement utile si votre thème ne produit pas d’URL longues.

Enfin, si vous voulez choisir une collection parente par défaut différente pour certains produits — quand la supposition n’est pas la bonne — et que votre thème produit des URL courtes, vous pouvez définir une metafield Produit personnalisée pour la Référence de collection par défaut (appelée custom.default_collection_reference) sur chaque Produit qui référence une seule Collection :

Personnaliser l’apparence de votre fil d’Ariane

L’apparence du fil d’Ariane est entièrement contrôlée par votre thème. Les couleurs ou styles peuvent varier dans différentes parties du modèle et entre différents modèles, mais ils sont tous contrôlés par le thème actuel.

Le moyen le plus simple de modifier ces styles est d’utiliser les paramètres Category Breadcrumb dans l’éditeur de thème Shopify.

Si vous voulez plus de contrôle, vous pouvez écraser les styles de votre thème et les paramètres Category Breadcrumb avec un bloc Custom Liquid. Cette vidéo explique le processus étape par étape :

Par exemple, si vous voulez que la police soit en gras, noire et sans soulignement, vous pouvez utiliser ce code personnalisé :

<style>
    nav.category-breadcrumbs a {
        font-weight: bold;
        color: black;
        text-decoration: none;
    }
</style>

Créer une navigation de plus de 3 niveaux de profondeur

Shopify Menus prend en charge deux manières d’imbriquer des éléments de menu sous d’autres éléments :

  • L’interface d’administration de Shopify Menus vous permet de créer une hiérarchie d’éléments de menu, mais limitée à 3 niveaux de profondeur.
  • Historiquement, les menus étaient imbriqués en créant un élément de menu dont le nom correspondait à celui d’un autre menu. Cette imbrication héritée est toujours prise en charge.

Bien que l’interface d’administration moderne de Shopify Menus ne prenne en charge que 3 niveaux de navigation, vous pouvez toujours créer plus de 3 niveaux en utilisant l’imbrication héritée.

Il est essentiel d’éviter les noms de catégories ou les URL de catégories en double, surtout en cas d’imbrication héritée, car Shopify ne peut pas faire la différence entre deux éléments de menu portant le même nom ou la même URL. Cette vidéo donne une explication complète :

Placer des produits dans les catégories feuilles et les catégories parentes

Vous pouvez afficher des produits à la fois dans les catégories feuilles (les plus spécifiques) et dans leurs catégories parentes, mais la manière dont Shopify est conçu signifie que vous devez lui indiquer explicitement où vous voulez que chaque produit apparaisse. Cela revient à ajouter un produit à une collection feuille ET à ses collections parentes. Le mieux est d’utiliser des étiquettes (tags), de sorte que :

  • Vous n’ayez à étiqueter un produit qu’une seule fois
  • Chaque collection définisse son contenu à partir d’un ensemble de tags de plus en plus large

Chaque lien dans l’arborescence de catégories ne peut mener qu’à un seul endroit. Chaque lien affiche une collection. Les produits que vous placez dans cette collection sont sous votre contrôle, donc en répartissant vos produits dans plusieurs collections, vous pouvez les faire apparaître partout dans l’arborescence.

Si vous avez une arborescence de catégories comme celle-ci, tirée de notre boutique de démonstration :

  • Technologie
    • Ordinateurs
      • Postes fixes

Vous pouvez placer le PC de bureau Lenovo dans une seule collection, comme ici.

Vous pouvez aussi le placer dans la collection Postes fixes, la collection Ordinateurs et la collection Technologie. Ce n’est pas l’approche que j’ai retenue dans ma boutique de démonstration, mais c’est possible.

Utiliser des tags pour gérer automatiquement les produits dans plusieurs catégories

Avec l’étiquetage, vous pouvez taguer le PC de bureau Lenovo comme « PC de bureau », puis créer des collections qui utilisent ce tag :

  • Technologie, tags de collection = [“PC de bureau”, “PC portable”, “Tablette”, “Serveur”, “Smartphone”, “Montre connectée”, “Imprimantes”…]
    • Ordinateurs, tags de collection = [“PC de bureau”, “PC portable”, “Tablette”, “Serveur”]
      • Postes fixes, tags de collection = [“PC de bureau”]

C’est parfaitement valable, mais vous pouvez simplifier en taguant directement les produits avec le nom de leurs catégories parentes. Pour le PC de bureau Lenovo, vous pouvez le taguer avec « Postes fixes », « Ordinateurs » et « Technologie ». Les tags de collection deviennent alors plus simples à configurer :

  • Technologie, tags de collection = [“Technologie”]
    • Ordinateurs, tags de collection = [“Ordinateurs”]
      • Postes fixes, tags de collection = [“PC de bureau”]