Perché la SEO tecnica di Shopify da sola non sarà sufficiente per ottenere risultati nel 2025
Creare un negozio è semplice, ma farlo trovare è la vera sfida
Oggigiorno, per creare un negozio online bastano pochi clic. La vera sfida? Rendere visibile il tuo nuovo e bellissimo negozio nei risultati di ricerca di Google. Sebbene questo percorso inizi con la SEO tecnica, ho imparato attraverso una dura esperienza che anche un'ottimizzazione tecnica impeccabile non garantisce traffico o vendite.
La nostra configurazione Shopify: il tema Motion e i suoi limiti
In AlfaJewelry, abbiamo creato il nostro negozio su Shopify utilizzando il tema premium Motion. Sulla carta, questa combinazione offre tutto ciò di cui avete bisogno: Shopify fornisce un hosting affidabile, funzionalità di progettazione reattiva e strutture ottimizzate per la SEO. Il tema Motion aggiunge layout moderni e animazioni ottimizzate per le prestazioni.
Nonostante queste solide basi, ottenere risultati SEO significativi ha richiesto un enorme sforzo manuale e la completa padronanza tecnica del nostro sito. Vorrei condividere ciò che abbiamo appreso.
La doppia faccia della SEO automatizzata di Shopify
Shopify gestisce automaticamente molte funzioni SEO di base:
- Gestione dei tag canonici
- Implementazione di hreflang per i negozi internazionali
- Creazione di URL strutturati
Tuttavia, questa automazione presenta notevoli limitazioni. Con Shopify Markets, la logica hreflang e canonica avviene lato server, il che significa che non è possibile controllarla. Ciò è particolarmente problematico perché questi tag provengono direttamente dal server e non è possibile modificarli.
Il risultato? Google potrebbe indicizzare migliaia di pagine duplicate non necessarie o versioni specifiche per il mercato che indeboliscono il tuo SEO e sprecano il tuo prezioso budget di scansione.
La sfida dei tag canonici
Lasciatemi spiegare perché questo è importante: i tag canonici indicano ai motori di ricerca quale versione di una pagina è la versione "master" quando esistono più pagine simili. Quando Shopify genera automaticamente questi tag senza consentire la personalizzazione, si possono verificare situazioni in cui:
- Le pagine delle collezioni con filtri applicati vengono trattate come pagine uniche piuttosto che come varianti della collezione principale.
- I prodotti duplicati che appaiono in più collezioni creano confusione nell'indicizzazione.
- Le varianti regionali della stessa pagina competono tra loro invece di supportare una strategia SEO unificata.[P50]]
In un mondo ideale, si dovrebbe avere un controllo granulare su questi tag per implementare ciò che i professionisti SEO chiamano "consolidamento canonico", ovvero indirizzare tutte le varianti di contenuto simili a un unico URL autorevole. Tuttavia, l'implementazione lato server di Shopify rende ciò impossibile senza uno sviluppo personalizzato a cui la maggior parte dei proprietari di negozi non ha accesso.
Ciò che è peggio, quando si hanno più mercati abilitati, Shopify può generare URL canonici diversi per ogni variazione di mercato, indicando effettivamente a Google che ciascuno è ugualmente importante invece di stabilire una chiara gerarchia. Questa frammentazione del "patrimonio SEO" può limitare notevolmente il potenziale di posizionamento.[P55]]
Tag canonici autoreferenziali in ogni dominio di mercato
Importante: i tag canonici devono sempre puntare a se stessi su ogni pagina specifica del mercato (ad esempio, /en-us, /en-gb)
Sì, Shopify aggiunge automaticamente tag canonici che rimandano sempre alla versione specifica stessa, ad esempio:
- https://alfajewelry.com/en-us/products/example-product → canonical: https://alfajewelry.com/en-us/products/example-product
- https://alfajewelry.com/en-gb/products/example-product → canonical: https://alfajewelry.com/en-gb/products/example-product
Ciò significa che non reindirizzano mai solo al dominio principale .com senza il percorso di mercato.
🔹 Il tag canonico è sempre unico per ogni versione di mercato dell'URL.
Ogni versione creata da Shopify Markets (ad esempio, /en-us, /de, /fr, ecc.) ha il proprio tag canonico che punta a se stessa, non ad altri mercati o alla versione principale.
🔹 Eccezione: se si utilizza un solo mercato senza percorso
Se si dispone di un solo mercato (ad esempio, solo alfajewelry.com senza /en-us), il tag canonico punta direttamente a questa versione senza percorso.
Come funzionano i tag canonici in Shopify Markets
Shopify Markets utilizza una struttura di sottocartelle per impostazione predefinita (ad esempio, /en-us, /fi, /de) per gestire diversi mercati e versioni linguistiche. Ciascuna di queste pagine ha un proprio tag canonico che punta a quello specifico URL. Ciò significa che, ad esempio, la pagina https://yourstore.com/en-us/products/product ha il seguente tag canonico:
<link rel="canonical" href="https://yourstore.com/en-us/products/product">Questa pratica aiuta Google a comprendere che si tratta di una versione separata della pagina, non solo di un duplicato.
L'importanza dei tag hreflang
Shopify Markets aggiunge automaticamente i tag hreflang che indicano ai motori di ricerca le diverse versioni linguistiche e regionali. Ad esempio:
<link rel="alternate" href="https://yourstore.com/en-us/products/product" hreflang="en-us">
<link rel="alternate" href="https://yourstore.com/fi/products/product" hreflang="fi">
<link rel="alternate" href="https://yourstore.com/products/product" hreflang="x-default">È importante notare che Shopify include automaticamente un tag hreflang autoreferenziale per ogni pagina, che rimanda a se stesso.
Perché è importante
Questo fa parte dell'interazione tra hreflang e canonical tra Shopify Markets e Google Search. Google desidera vedere:
- Ogni pagina localizzata abbia il proprio canonical
- Le pagine dovrebbero anche avere tag hreflang che rimandano ad altre versioni localizzate
In questo modo, Google non interpreta le pagine localizzate come duplicati, ma come versioni alternative di lingua/regione.
⚠️ Evita i contenuti duplicati
Se le pagine destinate a mercati diversi hanno contenuti identici (ad esempio, stessa lingua, valuta e contenuti), Google potrebbe considerarle duplicate. In questo caso, potrebbe scegliere di indicizzare una versione diversa da quella desiderata.
Assicurarsi che le pagine destinate a mercati diversi differiscano, ad esempio, per:
- Lingua
- Valuta
- Condizioni di spedizione
- Informazioni di contatto del servizio clienti
- Informazioni sulle taglie
Migliori pratiche ✅
- Comprendere come Shopify implementa i tag canonici: tenere presente che Shopify crea automaticamente tag canonici autoreferenziali su ogni pagina di mercato e che non è possibile modificare questa implementazione lato server.[P139]]
- Utilizza l'implementazione automatica hreflang di Shopify: tieni presente che Shopify Markets genera e gestisce automaticamente i tag hreflang in tutte le versioni linguistiche/regionali del tuo negozio senza consentire la personalizzazione manuale.
- Concentrarsi su ciò che è possibile controllare: poiché non è possibile modificare direttamente i tag canonici e hreflang, è consigliabile concentrarsi su: Creare contenuti realmente distinti per ogni mercato Configurare correttamente il mercato in Shopify Markets
- Utilizzo delle impostazioni linguistiche appropriate per ciascun mercato
- Monitoraggio in Google Search Console per verificare che l'implementazione di Shopify funzioni correttamente
- Consultare gli sviluppatori per esigenze avanzate: se si richiede un comportamento personalizzato dei tag canonici che va oltre le impostazioni predefinite di Shopify, sarà necessario un lavoro di sviluppo specializzato che modifichi il funzionamento del rendering lato server di Shopify.
- Contenuti localizzati: personalizza i contenuti per ogni mercato per evitare che Google li consideri duplicati.
- Evita reindirizzamenti non necessari: assicurarsi che i reindirizzamenti basati sulla versione linguistica del browser non impediscano l'indicizzazione da parte dei motori di ricerca.
Strumenti e verifica 🛠️
- Google Search Console: Verificare come Google indicizza il sito e quali tag canonici utilizza.
- Screaming Frog: Esegui una scansione del tuo sito per verificare come Shopify ha implementato i tag canonici e hreflang.
- Shopify Admin: Controlla la configurazione dei tuoi mercati in Shopify Markets per assicurarti che sia corretta.
Fonti esperte
Diversi esperti e agenzie SEO confermano questo approccio, tra cui Digital Darts, Go Fish Digital, Eastside Co, la documentazione ufficiale di Shopify, Optizen Shopify App, Analyzify e varie comunità Reddit specializzate in SEO per l'e-commerce.
Sottodomini: un avviso
Si sconsiglia vivamente di utilizzare sottodomini a meno che non si disponga di versioni linguistiche chiaramente distinte o di siti destinati a paesi diversi. Assicurarsi sempre di utilizzare codici linguistici ufficiali (come en-us o en-gb) e non varianti non ufficiali come en-eu che Google non riconosce correttamente.
Un'implementazione errata crea più danni che benefici: genererete migliaia di pagine duplicate che sprecheranno la vostra capacità di ricerca su Google. Se gestite un negozio in una sola lingua, indirizzate tutti i mercati al vostro mercato principale e aggiungete semplicemente il cambio di valuta tramite le impostazioni di Shopify Payments.[P196]]
Nel 2025, l'approccio consigliato è quello di utilizzare Shopify Markets con Shopify Payments, che fornisce una soluzione completa per il supporto multivaluta senza bisogno di sottodomini. Questa funzione consente di visualizzare automaticamente i prezzi nella valuta locale dei clienti, personalizzare i prezzi per le diverse regioni e gestire la propria espansione internazionale da un unico negozio.
Ricordate di verificare che il vostro tema supporti sia i selettori di valuta che quelli di lingua e assicuratevi che siano facilmente visibili e accessibili ai vostri clienti. Noi di AlfaJewelry consigliamo di disattivare la funzione di rilevamento automatico del Paese di Shopify, poiché rallenta notevolmente i tempi di caricamento delle pagine. Questo accade perché il sistema deve prima identificare il Paese del cliente attraverso diversi metodi prima di caricare correttamente la pagina. Un selettore manuale offre ai clienti il controllo mantenendo velocità di caricamento più elevate.
La realtà:[P203] Sebbene Shopify automatizzi alcuni elementi SEO, è comunque necessario comprendere cosa accade dietro le quinte, altrimenti si rischia di sprecare il proprio budget di scansione e compromettere la propria visibilità.
Il tema Motion include dati strutturati di base, ma non è affatto completo. Abbiamo dovuto estendere manualmente il markup dello schema per le sezioni chiave del nostro sito: Di seguito è riportato un esempio della nostra implementazione di dati strutturati per uno dei nostri prodotti più popolari, il Braccialetti Leopard Deluxe Stripes. Questo markup dello schema JSON-LD aiuta i motori di ricerca a comprendere meglio le informazioni sui nostri prodotti, inclusi prezzi, varianti e disponibilità. Sebbene le pagine delle collezioni non necessitino necessariamente di uno schema, esistono alcune opzioni che vale la pena considerare: La nostra strategia: Abbiamo dato priorità all'implementazione dello schema laddove offre risultati chiari: pagine dei prodotti, post del blog, la nostra homepage e i contenuti delle FAQ. Per le pagine delle collezioni, utilizziamo un approccio semplificato con solo lo schema CollectionPage e BreadcrumbList, offrendo vantaggi SEO senza uno sforzo di sviluppo eccessivo. Per la convalida dello schema, ci affidiamo a: Importante: Uno schema non corretto può effettivamente danneggiare il tuo SEO. Convalida sempre le modifiche prima della pubblicazione. Abbiamo superato di gran lunga le impostazioni predefinite di Shopify per la velocità delle pagine: Abbiamo anche implementato la tecnologia di precaricamento del browser per transizioni di pagina quasi istantanee. Il nostro sistema prevede i percorsi di navigazione degli utenti e precarica le pagine in background quando gli utenti passano con il mouse sui link, creando un'esperienza di navigazione fluida con tempi di caricamento pari a zero tra le pagine. Questa implementazione dell'API Speculation Rules migliora significativamente le metriche Core Web Vitals come Largest Contentful Paint (LCP) e Interaction to Next Paint (INP), che sono indicatori di prestazione cruciali per il ranking di Google nel 2025.
Codice di esempio per l'ottimizzazione dell'immagine hero
Di seguito è riportato un esempio della nostra implementazione del codice per l'immagine del banner hero, che dimostra diverse tecniche di ottimizzazione delle prestazioni:
Sebbene questo codice illustri diverse best practice di ottimizzazione, è importante notare che non è un esempio perfetto e può sempre essere migliorato. L'implementazione: I potenziali miglioramenti potrebbero includere: Poiché le best practice relative alle prestazioni web continuano ad evolversi, rivediamo e aggiorniamo regolarmente la nostra implementazione per mantenere velocità di caricamento ottimali. Shopify presenta alcune limitazioni che non possiamo superare (tempi di risposta del server, alcuni elementi hardcoded), ma controllando tutto ciò che è in nostro potere, abbiamo migliorato notevolmente la velocità su tutti i dispositivi. Ogni miglioramento SEO che apportiamo inizia con le esperienze mobili. Nel 2025, la maggior parte del traffico e-commerce proverrà dai telefoni: ignorare l'ottimizzazione mobile significa perdere opportunità di guadagno. Testiamo rigorosamente le prestazioni, l'integrità del layout e l'esperienza utente dal punto di vista mobile. Tutte le immagini utilizzano dimensioni responsive, i layout si adattano perfettamente agli schermi più piccoli e le interazioni funzionano senza intoppi anche sui dispositivi più lenti. Il nostro punteggio Google PageSpeed di 99 per i dispositivi mobili conferma il nostro impegno nell'ottimizzazione mobile-first. La SEO non riguarda solo l'ottimizzazione della vostra home page e delle schede dei prodotti. Ogni singola pagina del vostro sito merita attenzione, anche quelle che potreste considerare insignificanti: La maggior parte di queste pagine è modificabile tramite i file dei temi di Shopify. Abbiamo personalizzato i layout, eliminato il codice superfluo e garantito sequenze di caricamento corrette. Quando necessario, abbiamo modificato direttamente il codice, operazione che richiede alcune conoscenze tecniche ma offre risultati significativi. Convalida dello schema sia per la pagina delle domande frequenti che per l'organizzazione nelle nostre pagine Ordini & Pagamenti e Resi. Tutto ciò che abbiamo realizzato si è basato su strumenti moderni, tra cui le versioni a pagamento di: Questi strumenti di intelligenza artificiale sono stati preziosi per aiutarci ad apprendere i concetti e le strategie SEO. Li abbiamo utilizzati per studiare le migliori pratiche, analizzare il nostro sito e generare idee di ottimizzazione, ma sono solo strumenti, non soluzioni magiche. Il lavoro vero e proprio richiede ancora il giudizio umano e l'implementazione tecnica. Per convalidare i nostri dati strutturati, ci affidiamo a: Oltre ad altri standard essenziali come Google Search Console e PageSpeed Insights.
Il nostro percorso ha comportato continue iterazioni, test e, sì, anche l'apprendimento dagli errori. Continuiamo a scoprire nuove opportunità ogni settimana e siamo ben lontani dall'aver "completato" il nostro lavoro di SEO. Una delle nostre maggiori sfide attuali? Creare backlink di qualità: sono ancora incredibilmente difficili da acquisire in modo organico, ma sono fondamentali per ottenere posizionamenti competitivi. Non stiamo cercando di "aggirare l'algoritmo". Ci concentriamo invece sulla creazione di un sito veloce, chiaro e affidabile per persone reali, consentendo a Google di riconoscere il valore che offriamo.[ La sfida dei dati strutturati: ciò che Shopify non vi dirà
Esempio di schema del prodotto: braccialetti Leopard Deluxe Stripes
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"productID": "8415655100750",
"name": "Braccialetti Leopard Deluxe Stripes",
"description": "\n \n Migliorate il vostro stile con i nostri braccialetti Leopard Deluxe Stripes, realizzati in acciaio inossidabile di alta qualità. Questi accessori di tendenza presentano splendide strisce che aggiungono un tocco audace, perfetto per ogni occasione.\n 3 pezzi\/set che include:\n \n 1 braccialetto con perline\n 1 bracciale intrecciato\n 1 bracciale a strisce\n \n \n\n",
"url": "https://alfajewelry.com/products/leopard-deluxe-stripes-bracelets",
"image": [
"//alfajewelry.com/cdn/shop\/files\/leopard-deluxe-stripes-bracelets-1.webp?v=1741188258",
"\/\/alfajewelry.com\/cdn\/shop\/files\/leopard-deluxe-stripes-bracelets-2.webp?v=1741188260",
"\/\/alfajewelry.com\/cdn\/shop\/files\/leopard-deluxe-stripes-bracelets-3.webp?v=1741188262"
],
"brand": {
"@type":"Brand",
"name":"AlfaJewelry"
},
"offers":[
{
"@type":"Offer",
"sku":"3256805269193524-Set Nero A",
"price":"37.00",
"priceCurrency":"USD",
"availability":"https://schema.org/InStock",
"url":"https://alfajewelry.com/products/leopard-deluxe-stripes-bracelets?variant=46751921209678"
},
{
"@type":"Offerta",
"sku":"3256805269193524-Set nero L 20 cm",
"prezzo":"37,00",
"valuta":"USD",
"availability":"https://schema.org/InStock",
"url":"https:\/\/alfajewelry.com\/products\/leopard-deluxe-stripes-bracelets?variant=48103581450574"
},
{
"@type":"Offerta",
"sku":"3256805269193524-Set Oro A",
"prezzo":"37,00",
"valutaPrezzo":"USD",
"availability":"https://schema.org/InStock",
"url":"https:\/\/alfajewelry.com\/products\/leopard-deluxe-stripes-bracelets?variant=46751921275214"
},
{
"@type":"Offerta",
"sku":"3256805269193524-Set Oro L 20CM",
"prezzo":"37,00",
"valuta":"USD",
"disponibilità":"https://schema.org/InStock",
"url":"https:\/\/alfajewelry.com\/products\/leopard-deluxe-stripes-bracelets?variant=48103581483342"
},
{
"@type":"Offerta",
"sku":"3256805269193524-Set A in argento",
"prezzo":"37,00",
"valuta":"USD",
"availability":"https://schema.org/InStock",
"url":"https:\/\/alfajewelry.com\/products\/leopard-deluxe-stripes-bracelets?variant=46751921045838"
},
{
"@type":"Offer",
"sku":"3256805269193524-Set argento L 20 cm",
"price":"37,00",
"priceCurrency":"USD",
"availability":"https://schema.org/InStock",
"url":"https:\/\/alfajewelry.com\/products\/leopard-deluxe-stripes-bracelets?variant=48103581516110"
}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": "112"
}
}
</script>E le pagine delle collezioni?
Ottimizzazione della velocità oltre le basi
<div data-section-id="{{ section.id }}" class="banner-section">
<div class="banner__image-container">
{%- comment -%}
1) Precaricare solo l'immagine mobile
-> Gli utenti mobili ottengono sempre l'immagine piccola precaricata (fetchpriority=high)
-> Il desktop NON precarica l'immagine grande, quindi il mobile non la scarica mai inutilmente
{%- endcomment -%}
{% if section.settings.mobile_image %}
<link
rel="preload"
as="image"
href="{{ section.settings.mobile_image | image_url: width: 640, height: 640 }}"
media="(max-width: 767px)"
fetchpriority="high"
/>
{% endif %}
{%- comment -%}
2) Struttura dell'elemento immagine:
- Origine desktop: (min-width: 768px), immagine di grandi dimensioni
- Fallback <img> è l'immagine mobile
=> Il dispositivo mobile non carica mai l'immagine di grandi dimensioni, a meno che il browser non presenti un bug.
=> Il desktop carica l'immagine grande, ma non la precarica
{%- endcomment -%}
<immagine>
<!-- Origine desktop (immagine grande, NO precaricamento) -->
<fonte
media="(min-width: 768px)"
srcset="{% if section.settings.desktop_image %}
{{ section.settings.desktop_image | image_url: width: 1920, height: 1080 }}
{% endif %}"
sizes="100vw"
/>
<!-- Immagine di riserva (mobile) -->
{% if section.settings.mobile_image %}
<img
src="{{ section.settings.mobile_image | image_url: width: 640, height: 640 }}"
width="640"
height="640"
alt="Hero Banner"
class="banner__image"
loading="eager"
/>
{% else %}
<!-- Se non è stata selezionata alcuna immagine per dispositivi mobili, utilizzare un segnaposto -->
<img
src="//via.placeholder.com/640"
width="640"
height="640"
alt="Segnaposto"
class="banner__image"
loading="eager"
/>
{% endif %}
</picture>
<div class="banner__overlay"></div>
<!-- Testo desktop -->
<div class="banner__text-container desktop">
<div class="banner__text-large desktop">Aggiorna il tuo Wristgame</div>
<div class="banner__text-small desktop">STILI UNICI E ACCATTIVANTI</div>
</div>
<!-- Testo mobile -->
<div class="banner__text-container mobile">
<div class="banner__text-large mobile">Aggiornate il vostro polso</div>
<div class="banner__text-small mobile">STILI UNICI E ACCATTIVANTI</div>
</div>
</div>
</div>
<picture> per fornire dimensioni appropriate
Mobile-First nel 2025: non più opzionale
Le pagine che probabilmente state trascurando
Perché abbiamo internalizzato la SEO dopo la delusione dell'agenzia
Inizialmente, abbiamo provato a collaborare con agenzie SEO, ma i risultati sono stati deludenti. Molte hanno fornito report generici o modifiche superficiali che non risolvevano i nostri problemi tecnici di fondo.
Riprendere il controllo ci ha consentito di effettuare ottimizzazioni più approfondite e di sviluppare una conoscenza approfondita del nostro sito che nessun consulente esterno avrebbe potuto eguagliare. La curva di apprendimento è stata ripida, ma i risultati parlano da soli.[P429]]
Gli strumenti che hanno trasformato il nostro approccio
La nostra filosofia SEO: crescita sostenibile piuttosto che risultati rapidi
💬 Lascia un commento