Description de collection Shopify : faut-il la placer en haut ou en bas ?

En haut, le texte de collection passe sous les yeux avant les produits, mais repousse la grille sous la ligne de flottaison. En bas, il ne gêne plus la navigation, mais reste-t-il seulement lu, ou même indexé ? La réponse technique est claire. La mise en œuvre, elle, cache un piège documenté depuis des années sur le forum officiel Shopify, jamais mentionné dans les tutoriels qui expliquent comment faire le déplacement.

La réponse courte, et pourquoi

Pour la majorité des collections e-commerce, en bas. Deux raisons convergent, une commerciale et une SEO. Côté conversion : un bloc de texte volumineux entre le titre de la collection et la grille de produits repousse l’essentiel (les produits) sous la ligne de flottaison, ce qui peut faire fuir un acheteur venu pour parcourir un rayon, pas pour lire un texte de présentation.

Côté indexation, la position visuelle du texte dans la page n’a pas d’incidence sur sa lecture par Google : Googlebot analyse le DOM complet de la page rendue, pas seulement ce qui apparaît au premier écran. Un texte placé après la grille de produits reste tout aussi indexable, tout aussi porteur de contexte sémantique pour la page, qu’un texte placé avant.

Comment déplacer la description en bas

Le champ description natif de la collection s’affiche par défaut en haut de page sur la quasi-totalité des thèmes Shopify, y compris Dawn. Le déplacer demande une intervention dans le code du thème, en trois étapes :

1. Repérer la div concernéeClic droit sur le texte de description affiché en haut de page, puis Inspecter : le nom de la classe ou de l’identifiant apparaît dans le code (par exemple collection-hero_description sur le thème Dawn, un nom qui varie selon le thème installé).
2. Localiser le fichier de templateDans Boutique en ligne puis Thème puis Modifier le code, ouvrez le fichier de section ou de template lié à la page collection et recherchez cette même chaîne de caractères pour repérer le bloc à déplacer.
3. Déplacer la variable, pas seulement le bloc visuelCoupez le bloc identifié et recollez-le après la boucle qui affiche la grille de produits, en conservant intacte la variable Liquid {{ collection.description }} à l’intérieur.

Cette troisième étape, formulée ainsi, semble évidente. Elle ne l’est pas pour tout le monde, et c’est précisément là que se situe le piège suivant.

Le piège documenté depuis des années sur le forum Shopify

Le scénario, tel que rapporté par plusieurs participants du forum communautaire Shopify (le premier signalement date d’il y a plusieurs années, mais des marchands continuent de rencontrer exactement le même problème) : en suivant une procédure de déplacement mal comprise, certains ont collé du texte STATIQUE codé en dur à l’emplacement de la nouvelle div, au lieu d’y déplacer la variable {{ collection.description }} elle-même. Résultat : le même texte s’affiche en bas de TOUTES les collections du site, plutôt que le texte propre à chacune.

Le bug est particulièrement sournois parce qu’il ne casse rien visuellement : la page s’affiche normalement, un texte est bien présent en bas de page, personne ne remarque l’anomalie avant de comparer deux collections différentes côte à côte et de constater qu’elles affichent, mot pour mot, le même paragraphe. Sur une boutique qui vient d’investir du temps à rédiger un contenu différencié par collection (précisément la bonne pratique à suivre), ce piège de mise en œuvre annule silencieusement tout le travail éditorial.

La vérification après déplacement est simple : ouvrez deux collections différentes avec des descriptions volontairement distinctes dans l’admin, et confirmez que le texte affiché en bas de page diffère bien entre les deux. Si les deux collections affichent le même texte, la variable Liquid n’a pas été déplacée correctement.

Les cas où garder la description en haut a du sens

La règle générale n’est pas absolue. Sur une collection à forte dimension informationnelle, où l’acheteur a besoin de contexte AVANT de parcourir les produits (une collection qui explique un concept technique, une norme, un guide de correspondance de tailles indispensable au choix), un texte court en haut de page peut se justifier : il oriente la navigation plutôt que de simplement décorer la page après coup.

Le critère de décision reste le même dans les deux cas : le texte sert-il l’acheteur à cet endroit précis de son parcours, ou existe-t-il uniquement pour satisfaire une case SEO à cocher ? Un texte utile en haut de page reste un texte utile, quelle que soit la tendance générale.

Questions fréquentes

Une bonne pratique qui vaut ce que vaut sa mise en œuvre

Déplacer la description en bas de page est, dans la majorité des cas, la bonne décision. Mais une bonne pratique mal implémentée peut faire plus de mal qu’un statu quo imparfait : un texte dupliqué sur toutes les collections, même bien positionné visuellement, reste un texte dupliqué aux yeux de Google. Vérifiez toujours le résultat, pas seulement la procédure suivie.