Comment retirer le nom du site dans les balises Title de votre site Shopify ?

À la suite de mon précédent article sur l’optimisation de la balise title de la page d’accueil Shopify, j’ai reçu plusieurs messages à ce sujet :

"Je me suis rendu compte que Shopify rajoute automatiquement le nom du site à la fin de chaque balise title, sur les pages collections, les pages produits, les articles de blog, etc."

Et en effet, c’est le comportement par défaut de Shopify.

Le nom de votre boutique s’ajoute automatiquement à la fin de chaque balise title, sur toutes vos pages.

Par exemple, si vous renseignez le title suivant :

“Café en grains bio | Torréfaction artisanale française”

Et que votre boutique s'appelle CaféOrigins, Shopify affichera :

“Café en grains bio | Torréfaction artisanale française – CaféOrgins”

Dans certains cas, cela peut poser problème pour l’optimisation SEO de vos pages.

La bonne nouvelle, c'est que la correction est simple et rapide à mettre en place. Je vous montre tout ça dans ce tutoriel.

Accéder directement au tuto en cliquant ici.

Pourquoi vouloir retirer le nom du site dans la balise Title ?

Si vous optimisez correctement vos balises title (longueur, mots clés, structure) et que le nom de votre boutique vient s'y ajouter automatiquement, vous pouvez rencontrer plusieurs problèmes.

• Titles trop longs

Selon le nom de votre boutique, les titles peuvent rapidement dépasser la limite recommandée et être coupés dans les résultats Google.

Ce n'est pas bloquant, mais l'affichage peut ressembler à ceci :

Plutôt dommage.

• Redondance des mots clés

Selon le nom de votre boutique, cela peut créer des répétitions inutiles dans le title.

Si votre boutique s'appelle ChaussuresRunning et que le title de votre collection est

“Chaussures de running pour femme”

vous obtenez alors :

“Chaussures de running pour femme – ChaussuresRunning”

Le mot "chaussures running" apparaît deux fois sans apporter d'information supplémentaire.

• Perte de contrôle sur le Tilte

Le title est l'une des balises SEO les plus importantes.

Quand on veut bien faire les choses, chaque mot est choisi avec précision.

Avoir une modification automatique de la structure du title sur toutes les pages peut vite devenir gênant (moi ça me gêne en tout cas 😅).

• Peu de valeur SEO sur certaines pages

Pour certaines pages, le nom de la boutique n'apporte pas grand chose.

Selon le nom de votre marque, cela peut même brouiller le sujet principal de la page.

• Nom de marque déjà affiché dans Google

Depuis plusieurs années, Google a fait évoluer l'affichage de ses résultats.

Le nom de votre site apparaît désormais à côté de votre favicon, au-dessus du title.

Mon conseil est donc de ne pas laisser Shopify l'ajouter automatiquement, mais plutôt de l'intégrer manuellement dans vos titles quand c'est pertinent.

Vous gardez ainsi un contrôle total sur la structure de chaque title et vous choisissez vous-même de l’insérer quand votre nom de marque apporte réellement de la valeur.

Voyons maintenant comment retirer automatiquement le nom de votre boutique dans les balises title Shopify !

Comment retirer le nom du site à la fin de vos Titles sur Shopify ?

La modification se fait directement dans le fichier theme.liquid de votre thème. C'est le fichier principal qui génère la structure de toutes vos pages, y compris les balises <title>.

Étape 1 : Ouvrez l'éditeur de code du thème

Dans l'administration Shopify, cliquez sur Boutique en ligne → Thèmes.

Sur le thème actif, cliquez sur les trois points, puis sur Modifier le code.

Étape 2 : Recherchez <title>

Dans la colonne de gauche, cliquez sur la loupe de recherche puis tapez :

<title>

Étape 3 : Identifiez le code à modifier

Dans le fichier, recherchez le bloc suivant :

<title>
{{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}
</title>

Dans ce code, c’est cette partie qui ajoute automatiquement le nom de votre boutique à la fin du title :

– {{ shop.name }}

Vous devez simplement la retirer.

Avant :

<title>
{{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}
</title>

Après :

<title>
{{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}
</title>

Il suffit de supprimer la partie :

{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}

Une fois la modification effectuée, cliquez sur Save.

Étape 4 : Vérifiez le résultat

Rendez-vous ensuite sur votre boutique et ouvrez plusieurs types de pages :

• une page collection
• une fiche produit
• un article de blog

Regardez ce qui s’affiche dans l’onglet de votre navigateur ou dans le code source de la page en recherchant la balise <title>.

Le nom de votre boutique ne doit plus apparaître automatiquement à la fin.

À partir de maintenant, Shopify affichera uniquement le title que vous avez renseigné, sans ajouter automatiquement le nom de votre boutique.