Blog Importer enregistre automatiquement les redirections 301 natives de Shopify lors de la migration de vos articles de blog. Cela garantit un transfert fluide de votre classement dans les moteurs de recherche (SEO) de votre ancien site vers votre nouvelle boutique Shopify sans configuration manuelle complexe.

Cependant, il existe des modèles d’URL spécifiques que la fonctionnalité native de Shopify ne peut pas gérer.

Modèle non pris en charge : URL avec paramètres de requête

La fonctionnalité de redirection standard de Shopify a une limitation structurelle : elle ne peut pas identifier avec précision les URL contenant un « ? » (paramètres de requête).

  • Exemple pris en charge : example.com/old-post
  • Exemple pris en charge (paramètres au 2ème niveau ou plus profond) : example.com/news/?pid=123
  • Exemple non pris en charge : example.com/?pid=123 (URL paramétrées directement sous le domaine racine)

Ces types d’URL ne peuvent pas être redirigés à l’aide de Blog Importer ou des paramètres de redirection par défaut de Shopify.

La solution

Pour réussir la migration des pages avec ces anciennes structures d’URL, vous devez utiliser du JavaScript côté client pour rediriger manuellement les visiteurs vers la bonne page dans leur navigateur.

Pourquoi JavaScript est-il nécessaire ?

Les redirections natives de Shopify sont traitées côté serveur. De manière systémique, Shopify supprime toutes les informations suivant un « ? » dans l’URL, ce qui rend impossible l’acheminement conditionnel du trafic en fonction des différences de paramètres.

Pour résoudre ce problème, nous avons besoin d’un « routage intelligent » : JavaScript lit instantanément l’URL complète lors du chargement de la page dans le navigateur du visiteur et le redirige dynamiquement vers la bonne destination.

Comment l’implémenter via JavaScript (Exemple de code)

Placez le code suivant dans le fichier theme.liquid de votre thème Shopify, juste avant la balise de fermeture </head>. Mettez à jour la variable redirectMap pour qu’elle corresponde à vos anciens paramètres d’URL et à leurs nouveaux chemins correspondants.

<script>
(function() {
  // Carte de redirection : Anciens paramètres d'URL vers de nouveaux chemins
  var redirectMap = {
    "?pid=123": "/blogs/news/article-a",
    "?pid=456": "/blogs/news/article-b",
    "?p=789": "/pages/contact"
  };

  var currentQuery = window.location.search;

  if (currentQuery && redirectMap[currentQuery]) {
    window.location.href = redirectMap[currentQuery];
  }
})();
</script>