Blog Importer registra automaticamente i reindirizzamenti 301 nativi di Shopify durante la migrazione dei post del tuo blog. Questo garantisce un trasferimento fluido del tuo posizionamento sui motori di ricerca (SEO) dal tuo vecchio sito al tuo nuovo negozio Shopify senza complesse configurazioni manuali.

Tuttavia, ci sono modelli di URL specifici che la funzionalità nativa di Shopify non può gestire.

Modello non supportato: URL con parametri di query

La funzionalità di reindirizzamento standard di Shopify ha un limite strutturale: non può identificare in modo accurato gli URL che contengono un ”?” (parametri di query).

  • Esempio supportato: example.com/old-post
  • Esempio supportato (parametri al 2° livello o più profondo): example.com/news/?pid=123
  • Esempio non supportato: example.com/?pid=123 (URL parametrizzati direttamente sotto il dominio principale)

Questi tipi di URL non possono essere reindirizzati utilizzando Blog Importer o le impostazioni di reindirizzamento predefinite di Shopify.

La soluzione

Per migrare con successo le pagine con queste vecchie strutture di URL, è necessario utilizzare JavaScript lato client per indirizzare manualmente i visitatori alla pagina corretta nel loro browser.

Perché è necessario JavaScript?

I reindirizzamenti nativi di Shopify vengono elaborati lato server. A livello di sistema, Shopify elimina qualsiasi informazione che segue un ”?” nell’URL, rendendo impossibile l’indirizzamento condizionale del traffico in base alle differenze dei parametri.

Per risolvere questo problema, abbiamo bisogno di un “routing intelligente”: JavaScript legge istantaneamente l’URL completo al caricamento della pagina nel browser del visitatore e lo reindirizza dinamicamente alla destinazione corretta.

Come implementare tramite JavaScript (Codice di esempio)

Posiziona il seguente codice all’interno del file theme.liquid del tuo tema Shopify, subito prima del tag di chiusura </head>. Aggiorna la variabile redirectMap per farla corrispondere ai vecchi parametri URL e ai rispettivi nuovi percorsi.

<script>
(function() {
  // Mappa di reindirizzamento: vecchi parametri URL a nuovi percorsi
  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>