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.
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.