Piattaforma

Cliente

Mason's

Completato

4 luglio 2024
Mason's: unificazione degli store multilingua su Shopify Plus

Mason's: unificazione degli store multilingua su Shopify Plus

Servizi

  • Architettura & Integrazioni
  • Development

Il Cliente

Mason's è un brand di abbigliamento italiano di prestigio, fondato nel 1974 a Carrara dalla rinomata sartoria di Vilmo Martini. Il figlio Giorgio ha trasformato l'arte del "saper fare" paterno in un'avventura imprenditoriale che ancora oggi coniuga tradizione artigianale e innovazione nel mondo della moda.
Il brand è specializzato nella produzione di pantaloni chino di alta qualità, con collezioni che spaziano dal casual all'elegante.


La Sfida

Mason's gestiva la propria presenza online attraverso 5 istanze Shopify separate per servire i diversi mercati:

  • masons.it (Italia)
  • de.masons.it (Germania)
  • en.masons.it (Regno Unito)
  • fr.masons.it (Francia)
  • us.masons.it (Stati Uniti)

Questa architettura multi-store comportava diverse problematiche:

Criticità Operative

  • Gestione frammentata: duplicazione degli sforzi per ogni aggiornamento
  • Complessità nell'inventory management: sincronizzazione delle scorte necessarie su 5 istanze
  • Incoerenza nel brand experience: difficoltà nel mantenere uniformità tra gli store
  • Inefficienza SEO: contenuti duplicati e gestione separata per ogni dominio

Obiettivi del Progetto

  1. Unificare le 5 istanze in un unico store Shopify con gestione multilingua
  2. Preservare tutto il valore SEO accumulato negli anni
  3. Mantenere l'identità specifica per ogni mercato
  4. Ottimizzare i costi operativi e di gestione
  5. Migliorare l'esperienza utente con navigazione fluida tra le lingue

La Soluzione Hoculus

Fase 1: Analisi e Pianificazione

La fase iniziale ha richiesto un'analisi approfondita dell'infrastruttura esistente:

  • Audit completo dei 5 store Shopify
  • Mappatura dei contenuti:
    • Prodotti e varianti
    • Collezioni e categorizzazioni
    • Pagine statiche e blog
    • Metafields custom
  • Analisi SEO:
    • Sitemap di tutti i domini
    • Performance organica per mercato
    • Struttura URL e pattern
  • Studio delle traduzioni esistenti
  • Definizione strategia di migrazione con priorità e timeline

Output: Documento strategico completo con preventivo dettagliato e roadmap di implementazione.


Fase 2: Architettura e Setup Tecnico

Implementazione Shopify Markets

Configurazione della struttura multilingua utilizzando Shopify Markets per gestire:

  • 5 mercati con lingue dedicate (IT, DE, FR, EN, ES)
  • Prezzi differenziati per mercato
  • Gestione valute multiple
  • Domini internazionali collegati

Sistema di Gestione Feed Differenziati

Implementazione di una soluzione per generare feed di prodotti personalizzati per ogni mercato, essenziale per:

  • Google Shopping multi-mercato
  • Facebook Catalog per paese
  • Altri canali pubblicitari locali

La soluzione implementata garantisce:

  • Prezzi nella valuta corretta
  • Traduzioni specifiche per lingua
  • Disponibilità prodotti per mercato
  • Conformità alle normative locali

Fase 3: Migrazione e Traduzione Contenuti

Traduzione Prodotti

Sviluppo di automazioni custom per gestire:

  • Handle prodotto localizzati
  • Titoli in 5 lingue
  • Descrizioni HTML complete
  • Metafields tradotti
  • Meta title e description SEO ottimizzati per ogni mercato

Il sistema sviluppato ha processato l'intero catalogo prodotti, garantendo coerenza e qualità delle traduzioni.

Traduzione Collezioni

Gestione completa delle collezioni con:

  • Handle localizzati per SEO
  • Titoli e descrizioni tradotte
  • Metadata SEO ottimizzati
  • Metafields multilingua

Sfida tecnica: Mantenimento dell'ordine specifico dei prodotti per ogni lingua, risolto creando collezioni dedicate per lingua con logica di sostituzione a front-end.

Alt Text Immagini Multilingua

Implementazione innovativa per la gestione degli alt text tradotti (non ancora nativamente supportato da Shopify ai tempi dell’intervento):

  • Creazione di Metaobject con nome immagine come identificativo
  • Campi dedicati per alt tag in ogni lingua
  • Modifica tema per recupero dinamico del dato
  • Applicazione su immagini prodotti e collezioni

Questa soluzione ha garantito accessibilità e SEO ottimali in tutte le lingue.

Traduzione Tema

Localizzazione completa del tema Shopify attraverso:

  • Locales per tutte le lingue
  • Traduzione di sezioni e blocchi del tema
  • Adattamento impostazioni tema
  • Interventi manuali per contenuti specifici

Il lavoro ha coperto tedesco, francese, inglese con supporto di revisori madrelingua per garantire naturalezza delle traduzioni.

Traduzione Pagine Statiche

Sviluppo di script automatici per:

  • Traduzione contenuti HTML delle pagine
  • Preservazione formattazione e styling
  • Handle URL localizzati
  • Metadata SEO tradotti

Gestite decine di pagine istituzionali, di servizio e landing page.

Traduzione Navigazione

Creazione di menu di navigazione localizzati per ogni lingua con:

  • Traduzione voci menu
  • Link a risorse corrette per lingua
  • Mega menu e sottomenu adattati
  • Footer navigation localizzato

Traduzione Blog e Articoli

Migrazione completa del blog multilingua:

  • Script automatici per traduzione articoli
  • Handle localizzati per URL SEO-friendly
  • Traduzione metadata blog
  • Gestione immagini in evidenza con alt text tradotti
  • Preservazione categorie e tag

Fase 4: Ottimizzazioni Tecniche

Gestione Ordine Prodotti nelle Collezioni

Challenge: Shopify non supporta nativamente ordinamenti diversi per lingua nelle collezioni.

Soluzione implementata:

  • Creazione di collezioni shadow per ogni lingua
  • Logica custom nel tema per sostituire dinamicamente la collezione mostrata
  • Sistema di collegamento tramite metafields
  • Preservazione dell'ordinamento specifico desiderato per ogni mercato

Collegamento Collezioni Cross-Lingua

Sistema di mapping per connettere le collezioni equivalenti tra le lingue:

  • Metafield dedicato con handle della collezione italiana di riferimento
  • Logica per navigazione coerente tra versioni linguistiche
  • Supporto per hreflang e link alternativi

Recupero Traduzioni dopo Aggiornamento Tema

Procedura per preservare le personalizzazioni dopo update del tema:

  • Backup sistematico delle traduzioni custom
  • Script per re-applicazione automatica
  • Verifica e test post-aggiornamento

Gestione Pagina 404 con Redirect

Implementazione di redirect automatico alla home page nella lingua corretta per pagine non trovate, migliorando l'esperienza utente.


Fase 5: SEO e Migrazione Domini

Confronto e Validazione Sitemap

Analisi comparativa tra sitemap vecchie e nuovo store per:

  • Verificare copertura completa degli URL
  • Identificare contenuti mancanti
  • Validare struttura URL localizzati

Controllo Copertura Handle

Verifica sistematica della copertura degli handle per:

  • Prodotti
  • Collezioni
  • Pagine
  • Articoli blog

Garantendo che ogni contenuto dei vecchi store avesse corrispondenza nel nuovo, con handle localizzati corretti.

Trasferimento Domini

Gestione tecnica del trasferimento domini da store separati allo store unificato:

  • de.masons.it: trasferito e configurato
  • en.masons.it: trasferito e configurato
  • fr.masons.it: trasferito e configurato
  • us.masons.it: trasferito e configurato

Per ogni dominio:

  • Coordinamento con registrar
  • Verifica record DNS
  • Configurazione Shopify Markets
  • Testing completo pre-switch

Risultati e Benefici

Efficienza Operativa

Prima della migrazione:

  • 5 store da gestire separatamente
  • Aggiornamenti prodotti x5
  • Costi abbonamenti x5
  • Team disperso su più piattaforme

Dopo la migrazione:

  • 1 store unificato
  • Gestione centralizzata
  • Workflow ottimizzati

Prestazioni SEO

  • 100% del valore SEO preservato grazie a:
    • Handle localizzati mantenuti
    • Redirect 301 dove necessari
    • Metadata tradotti e ottimizzati
    • Sitemap consolidate
    • Hreflang correttamente implementati

User Experience

  • Navigazione fluida tra le lingue
  • Coerenza del brand su tutti i mercati
  • Performance migliorate con un unico store ottimizzato
  • Localizzazione completa: dalla navigazione al checkout

Scalabilità

L'architettura implementata permette di:

  • Aggiungere nuovi mercati facilmente
  • Espandere il catalogo senza complicazioni
  • Gestire promozioni multi-mercato
  • Implementare nuove funzionalità una sola volta

Tecnologie e Strumenti Utilizzati

Piattaforma

  • Shopify Plus con Markets
  • Shopify GraphQL Admin API per automazioni
  • Metafields e Metaobjects per dati strutturati

Sviluppo Custom

  • Liquid per personalizzazioni tema
  • Node.js e Python per script di migrazione
  • JavaScript per funzionalità frontend avanzate

Automazione vs. Lavoro Manuale

Per un progetto di questa scala, gli script di migrazione hanno:

  • Ridotto drasticamente i tempi rispetto a migrazione manuale
  • Eliminato errori umani
  • Garantito consistenza dei dati
  • Permesso iterazioni e correzioni rapide

Preservare il Valore SEO

Elementi critici per mantenere le posizioni organiche:

  • Mappatura esatta degli handle
  • 301 redirect dove necessari
  • Metadata tradotti, non copiati
  • Test pre-lancio con Search Console

Testing Multilingua

Approccio sistematico al QA:

  • Checklist specifica per ogni lingua
  • Test user flow completi per mercato
  • Verifica traduzioni con madrelingua
  • Validazione tecnica (hreflang, canonical, etc.)