Strumento generale / 33

Generatore di meta tag SEO e anteprima SERP per Shopify

Genera tag title e meta description per Shopify ottimizzati per la ricerca, con anteprima SERP in pixel, Liquid riutilizzabile e output HTML statico.

Generatore di meta tag SEO e anteprima SERP per Shopify: TOEA stima la larghezza di titoli e descrizioni (limiti desktop di circa 600px e 960px), quindi crea uno snippet Liquid specifico per il tipo di pagina che legge gli oggetti Shopify al momento del rendering. Il pannello HTML statico mostra un'anteprima dei valori inseriti qui, non sostituisce i contenuti dell'intero tema. Funziona al 100% localmente nel browser, senza caricare file sul server.

Categoria: Strumenti Web
Esecuzioni: Nel browser
Costo: Gratuito · senza registrazione
Disponibilità: Pronto all'uso

Dettagli della pagina e dei meta tag Shopify

Tipo di pagina

Titolo della pagina

Nome del negozio Shopify

Meta description

Parola chiave target principale

Prezzo (solo prodotto)Utilizzato solo per l’anteprima statica del prodotto.

Valuta

Anteprima in tempo reale della scheda SERP di Google

https://apexcoffeeroasters.myshopify.com› products ›chicchi-di-espresso-biologici-artigianali

Chicchi di espresso biologici artigianali | Apex Coffee Roasters

US$24.99 • Scopri i nostri chicchi di espresso biologici, tostati localmente in piccoli lotti, con intense note di cioccolato fondente e nocciola. Ordina oggi il tuo caffè fresco online!

Larghezza del titolo in pixel463px / 600px

64 caratteri ✓ Entro i limiti del titolo

Larghezza della meta description956px / 960px

175 caratteri ✓ Lunghezza ottimale dello snippet

Snippet meta Shopify Liquid

{% comment %} Shopify SEO Tags — reusable product output. Render this snippet from layout/theme.liquid <head> and remove overlapping title/meta tags. Values come from Shopify objects, not this preview. {% endcomment %}
{% if request.page_type == 'product' and product %}
{% assign seo_title = page_title | default: product.title %}
{% assign seo_description = page_description | default: product.description | strip_html %}
{% assign seo_og_type = 'product' %}
<title>{{ seo_title | escape }}{% if shop.name != blank and seo_title != shop.name %} | {{ shop.name | escape }}{% endif %}</title>
{% if seo_description != blank %}<meta name="description" content="{{ seo_description | escape }}" />{% endif %}

<meta property="og:site_name" content="{{ shop.name | escape }}" />
<meta property="og:type" content="{{ seo_og_type | escape }}" />
<meta property="og:title" content="{{ seo_title | escape }}" />
<meta property="og:description" content="{{ seo_description | escape }}" />
{% if product.selected_or_first_available_variant.price != blank %}
<meta property="og:price:amount" content="{{ product.selected_or_first_available_variant.price | money_without_currency | strip_html | escape }}" />
<meta property="og:price:currency" content="{{ cart.currency.iso_code | default: shop.currency | escape }}" />
{% endif %}
{% endif %}

Output dell’anteprima HTML statica

<!-- Static preview only; use the Liquid output for theme templates. -->
<title>Chicchi di espresso biologici artigianali | Apex Coffee Roasters</title>
<meta name="description" content="Scopri i nostri chicchi di espresso biologici, tostati localmente in piccoli lotti, con intense note di cioccolato fondente e nocciola. Ordina oggi il tuo caffè fresco online!" />
<meta property="og:site_name" content="Apex Coffee Roasters" />
<meta property="og:type" content="product" />
<meta property="og:title" content="Chicchi di espresso biologici artigianali | Apex Coffee Roasters" />
<meta property="og:description" content="Scopri i nostri chicchi di espresso biologici, tostati localmente in piccoli lotti, con intense note di cioccolato fondente e nocciola. Ordina oggi il tuo caffè fresco online!" />
<meta property="og:price:amount" content="24.99" />
<meta property="og:price:currency" content="USD" />

Dove Shopify scrive già questi tag

La maggior parte dei temi, incluso Dawn e i numerosi temi che ne derivano, produce già il titolo, la meta description e i tag Open Graph da layout/theme.liquid e da uno snippet come meta-tags.liquid. Aggiungere anche questo snippet genera due titoli e due descrizioni. Commenta o rimuovi i tag del tema per i tipi di pagina coperti dallo snippet, poi visualizza il codice sorgente della pagina per verificare che ne sia rimasto uno solo per tipo.

Titoli e descrizioni dall'amministrazione

L'amministrazione di Shopify include una sezione per l'inserimento nei motori di ricerca per ogni prodotto, collezione e pagina, e Liquid espone questi valori come page_title e page_description. Lo snippet li legge per primi, quindi nei motori di ricerca viene mostrato l'inserimento scritto manualmente nell'amministrazione; se lo lasci vuoto, vengono usati il titolo e la descrizione dell'elemento. In seguito, per modificare l'inserimento basta intervenire nell'amministrazione, senza toccare il tema. I contatori dell'amministrazione consentono 70 caratteri per il titolo e 320 per la descrizione, più di quelli mostrati in una pagina dei risultati: scrivi quindi l'inserimento usando qui i misuratori in pixel.

La descrizione di un prodotto può essere molto più lunga di uno snippet e i motori di ricerca la troncheranno semplicemente. Controlla l'output con lo strumento di verifica dei meta tag dopo la pubblicazione.

Come usarlo

Scegli Prodotto, Collezione o Pagina, quindi inserisci titolo, nome del negozio, descrizione e parola chiave principale.
Controlla l'anteprima dell'URL specifica per la pagina, il prezzo del prodotto nella valuta corretta e gli indicatori di troncamento in pixel.
Salva il codice Liquid riutilizzabile come snippet del tema e richiamalo da layout/theme.liquid, oppure copia l'output HTML statico separato per i test.

Privacy e limitazioni

I dati del tuo negozio e dei tuoi prodotti rimangono interamente nel tuo browser.

Strumenti correlati

Domande frequenti

Perché misurare i titoli in pixel invece di contarne i caratteri?

Google tronca i titoli SERP in base alla larghezza in pixel del contenitore (circa 600px), non a un numero esatto di caratteri. I caratteri larghi ('W', 'M') occupano più spazio di quelli stretti ('i', 'l').

Dove devo incollare lo snippet Liquid?

Salvalo come snippet, ad esempio snippets/toea-meta-tags.liquid, quindi richiamalo all'interno di <head> in layout/theme.liquid. Legge gli oggetti di prodotto, collezione, pagina, negozio e valuta al momento del rendering, quindi i valori dell'anteprima non sono inseriti direttamente nel codice. Sostituisci i metadati del tema sovrapposti invece di aggiungere un secondo tag title o description.

Posso incollare l'output HTML statico in theme.liquid?

Usa il pannello HTML statico solo per le anteprime o per un test controllato. Contiene i valori inseriti in questo strumento; per un tema attivo usa l'output Liquid riutilizzabile, così ogni pagina riceve i propri dati Shopify.

Strumento gratuito · nel browser esecuzioni · senza account