Nous avons déjà vu comment ajouter du texte sous les collections, et comment optimiser le maillage interne de votre Shopify. Maintenant, si vous êtes un pro de l’optimisation sémantique d’une page et que vous souhaitez modifier les titres h2 « Trier par, filtre, etc » pour les mettre en h3, span ou div ? Vous êtes au bon endroit, car je vais vous expliquer comment modifier la collection étape par étape. Cette modification a été effectué sur le thème gratuit Dawn, mais l’opération reste possible sur les autres thèmes, je vais vous expliquer comment le faire.
Voici comment modifier les h2 sur sa page de collection :
- Appuyez sur « Thèmes » dans « Boutique en ligne »
- Appuyez sur les 3 petits points à droite de « Personnaliser »
- Appuyez sur « Modifier le code »
- Recherchez dans la barre de recherche « facets »
- Appuyez sur le fichier « facets.liquid »
- Appuyez sur. Control+F ou Command+F pour chercher tous les h2
- Entrez « span » dans « Replace »
- Appuyez sur « Replace All »
- Appuyez sur « Enregistrer »
Comment modifier les titres h2 "Filtre, Trier par" sur la collection du thème Dawn ?
Pour modifier ces balises HTML, nous allons devoir toucher au code du thème. Mais ne vous inquiétez pas, cette modification est très simple. Voici comment accéder au code du thème :
- Appuyez sur « Thèmes » dans « Boutique en ligne »
- Appuyez sur les 3 petits points à droite de « Personnaliser »
- Appuyez sur « Modifier le code »
🚨 Attention : Pensez bien à dupliquer le code de votre thème et à faire les changements sur le thème de copie qui n’est pas publié.
Nous allons ensuite chercher le fichier « facets.liquid » grâce à la barre de recherche. Un fois que vous l’avez trouvé, nous allons changer toutes les balises h2 en span. Voici comment modifier tous les titres h2 du fichier facets :
- Appuyez sur. Control+F ou Command+F pour chercher tous les h2
- Entrez « span » dans « Replace »
- Appuyez sur « Replace All »
- Appuyez sur « Enregistrer »
Vous avez maintenant des pages de collection sans h2 parasites. Vous pouvez vérifier que cela a bien fonctionné en utilisant n’importe quelle extension qui permet de sortir la strcture hn d’une page.
Astuce :
Comment trouver le fichier d'un élément sur Shopify ? (Si vous êtes sur un autre thème)
Tous les thèmes sont différents, nous avons d’ailleurs fait une liste des meilleurs thèmes Shopify si vous souhaitez changer de thème.
Voici comment faire pour trouver le fichier parent d’un élément sur Shopify pour le modifier :
- Ouvrir l’inspecteur en appuyant sur clic droit
- Appuyez avec l’inspecteur sur l’élément que vous souhaitez modifier
- Trouvez le fichier parent en remontant les div avec le fichier approprié
Dans cet exemple, j’ai remarqué que mes filtres étaient dans une class « facets-container », je vais donc voir s’il y a d’autres indices. Au dessus il y a le fichier facets.js, je vais donc taper « facets » dans les fichiers dans le code de mon thème Shopify.
Lorsque j’ai trouvé le fichier facets.liquid (là où se trouve le HTML), je vais chercher en faisant control+f ou command+f le nom de l’élément que je souhaite modifier. Si l’élément se trouve bien dans ce fichier je vais pour voir le modifier.
🚨 Attention : Pensez à bien dupliquer le code de votre thème et de faire les changements sur la copie pour ne pas faire des erreurs sur votre boutique live !
Si vous avez des questions, vous pouvez me contacter sur Linkedin ou par mail. Si vous souhaitez exploser le trafic organique de votre boutique en ligne, vous pouvez réserver un audit gratuit dès maintenant.
Planifiez votre appel avec Léopold
AUDIT GRATUIT DE 45 mn
À la fin de cet appel, vous aurez une compréhension claire des prochaines étapes que vous pouvez prendre pour améliorer votre référencement naturel et connaître les stratégies de vos concurrents.
Cet audit est parfait pour :
Les boutiques Shopify souhaitant améliorer leur référencement naturel
Les propriétaires de site souhaitant avoir un audit de leur Shopify
Les entreprises souhaitant dévelloper leur stratégie long terme
Si vous souhaitez être en équipe avec une agence SEO fiable