Shopify: Cumu Prugrammà Tituli di Temi Dinamici è Meta Descrizioni per SEO utilizendu Liquid

Shopify Template Liquid - Personalizà Titulu SEO è Meta Description

Sè vo avete lettu i mo articuli l'ultimi mesi, vi vede chì aghju spartu assai di più nantu à e-commerce, in particulare in quantu à Shopify. A mo impresa hè stata custruendu una struttura altamente persunalizata è integrata ShopifyPlus situ per un cliente. Piuttostu chè di passà mesi è decine di millaie di dollari per custruisce un tema da zero, avemu parlatu à u cliente chì ci permette di utilizà un tema bè custruitu è ​​​​suportatu chì hè statu pruvatu è pruvatu. Andemu cun Wokiee, un tema Shopify multipurpose chì hà una tonna di capacità.

Ci hà ancu bisognu di mesi di sviluppu per incorpore a flessibilità chì avemu bisognu basatu nantu à a ricerca di u mercatu è i feedback di i nostri clienti. À u core di l'implementazione era chì Closet52 hè un situ di ecommerce direttu à u cunsumadore induve e donne puderanu facilmente cumprà vestiti in linea.

Perchè Wokiee hè un tema multipurpose, una zona chì avemu assai focu annantu hè l'optimizazione di u mutore di ricerca. À u tempu, credemu chì a ricerca organica serà u costu più bassu per l'acquistu è i cumpratori cù a più alta intenzione di cumprà. In a nostra ricerca, avemu identificatu chì e donne compranu vestiti cù 5 influenze di decisione chjave:

  • Stili di vestiti
  • Culori di vestiti
  • Prezzi di vestiti
  • Arricata gratisi
  • Ritorna senza Problemi

I tituli è metadescrizzioni sò critichi à ottene u vostru cuntenutu indexatu è affissatu bè. Allora, sicuru, vulemu un tag di titulu è metadescrizzioni chì anu questi elementi chjave!

  • lu tag titulu in un intestazione di a vostra pagina hè critica per assicurà chì e vostre pagine sò indexate bè per e ricerche di pertinenza.
  • lu meta description hè visualizatu in e pagine di risultati di u mutore di ricerca (SERPs) chì furnisce infurmazioni supplementari chì incita l'utilizatori di ricerca à cliccà.

A sfida hè chì Shopify spessu sparte tituli è meta-descrizzioni in diversi mudelli di pagina - casa, cullezzione, prudutti, etc. Allora, aghju avutu à scrive una certa logica per populate dinamicamente i tituli è meta-descrizioni bè.

Ottimisate u vostru Shopify Titulu di Pagina

A lingua tematica di Shopify hè liquida è hè abbastanza bona. Ùn entreraghju micca in tutti i dettagli di a sintassi, ma pudete generà dinamicamente un titulu di pagina abbastanza faciule. Una cosa chì duvete tene in mente quì hè chì i prudutti anu varianti ... cusì incorpore varianti in u titulu di a vostra pagina significa chì avete da passà per l'opzioni è custruisce dinamicamente a stringa quandu u mudellu hè un pruduttu mudellu.

Eccu un esempiu di un titulu per a vestitu di maglione a quadri.

<title>Plaid Sweater Dress on sale today for $78.00 » Multi Knee-Length » Closet52</title>

È quì hè u codice chì pruduce stu risultatu:

{%- capture seo_title -%}
  {{- page_title -}}
    {% assign my_separator = " » " %}
    {%- if current_tags -%}{%- assign meta_tags = current_tags | join: ', ' -%}{{ my_separator }}{{ 'general.meta.tags' | t: tags: meta_tags -}}{%- endif -%}
    {%- if current_page != 1 -%}{{ my_separator }}{{ 'general.meta.page' | t: page: current_page }}{%- endif -%}
    {%- if template == "product" -%}{{ " on sale today for " }}{{ product.variants[0].price | money }}{{ my_separator }}{% for product_option in product.options_with_values %}{% if product_option.name == 'Color' %}{{ product_option.values | join: ', ' }}{% endif %}{% endfor %}{% if product.metafields.my_fields.dress_length != blank %} {{ product.metafields.my_fields.dress_length }}{%- endif -%}{%- endif -%}{{ my_separator }}{{ shop.name }}
{%- endcapture -%}
  
<title>{{ seo_title | strip_newlines }}</title>

U codice si rompe cusì:

  • Titulu di a Pagina - incorpore prima u titulu di a pagina attuale ... indipendentemente da u mudellu.
  • Tags - incorpore tags unendu e tags assuciati cù una pagina.
  • Colori di Produttu - Passa in l'opzioni di culore è custruisce una stringa separata da virgola.
  • Metacampi - Questa istanza di Shopify hà a lunghezza di u vestitu cum'è un metacampu chì vulemu include.
  • Prezzo - include u prezzu di a prima variante.
  • Nome di a buttega - aghjunghje u nome di a buttrega à a fine di u titulu.
  • Separatore - piuttostu chè ripetiri lu separatore, avemu solu fà una stringa assignazione è ripetiri lu. In questu modu, se decidemu di cambià u simbulu in u futuru, hè solu in un locu.

Ottimisate a vostra pagina di Shopify Meta Description

Quandu avemu scupertu u situ, avemu nutatu chì ogni pagina di mudellu di tema chì hè stata chjamata ripeteva i paràmetri di SEO di a pagina iniziale. Vulemu aghjunghje una meta descrizzione differente sicondu a pagina era una pagina di casa, una pagina di cullezzione o una pagina di produttu attuale.

Se ùn site micca sicuru quale hè u vostru nome di mudellu, aghjunghje solu una nota HTML in u vostru u tema.liquid file è pudete vede a fonte di a pagina per identificà.

<!-- Template: {{ template }} -->

Questu ci hà permessu di identificà tutti i mudelli chì anu utilizatu a meta description di u situ in modu chì pudemu mudificà a meta description basatu annantu à u mudellu.

Eccu a meta descrizzione chì vulemu nantu à a pagina di u produttu sopra:

<meta name="description" content="Turn heads in this classic hunter green plaid sweater dress. Modern updates make it a must-have: the stand-up neckline, three-quarter sleeves and the perfect length. On sale today for $78.00! Always FREE 2-day shipping and hassle-free returns at Closet52.">

Eccu u codice:

{%- capture seo_metadesc -%}
  {%- if page_description -%}
    {%- if template == 'list-collections' -%}
      {{ "Find a beautiful dress for your next occasion. Here are all of our beautiful dress collections." | strip }} 
    {%- else -%}
    {{- page_description | strip | escape -}} 
      {%- if template == 'product' -%}
        {{ " On sale today for " }}{{ product.variants[0].price | money }}!
      {%- endif -%}
   {%- endif -%}
  {%- endif -%}
  {{ " Always FREE 2-day shipping and hassle-free returns at " }}{{ shop.name | strip }}.
{%- endcapture -%}
  
<meta name="description" content="{{ seo_metadesc | strip_newlines }}">

U risultatu hè un inseme dinamicu, cumpletu di tituli è metadescrizioni per ogni tipu di mudellu o pagina di produttu dettagliata. Avanzate, prubabilmente refactoraraghju u codice usendu dichjarazioni di casu è urganizà un pocu megliu. Ma per ora, produce una presenza assai più bella in e pagine di risultati di u mutore di ricerca.

A propositu, se vulete un grande scontu ... ci piacerebbe chì testassi u situ cù un cuponu di sconto di 30%, utilizate u codice HIGHBRIDGE quandu verificate fora.

Cumprate i vestiti avà

Divulgazione: Sò affiliata per Shopify e Themeforest è aghju aduprà quelli ligami in questu articulu. Closet52 hè un cliente di a mo ditta, Highbridge. Se vulete assistenza à sviluppà a vostra presenza di ecommerce cù Shopify, per piacè cuntatta ci.