Shopify: Nola programatu gai dinamikoen izenburuak eta meta deskribapenak SEOrako Liquid erabiliz

Shopify Template Liquid - Pertsonalizatu SEO izenburua eta meta deskribapena

Azken hilabeteetan nire artikuluak irakurtzen aritu bazara, ohartuko zara merkataritza elektronikoari buruz askoz gehiago partekatzen dudala, batez ere. Shopify. Nire enpresa oso pertsonalizatua eta integratua eraikitzen ari da ShopifyPlus bezero batentzako gunea. Hilabeteak eta hamar mila dolar gastatu beharrean gai bat hutsetik eraikitzen, bezeroari hitz egin genion, probatu eta probatu zen ondo eraikitako eta onartutako gai bat erabiltzeko. Gurekin joan ginen Wokiee, gaitasun asko dituen erabilera anitzeko Shopify Gaia.

Oraindik hilabeteko garapena behar izan zen merkatu-ikerketetan eta gure bezeroen iritzietan oinarrituta behar genuen malgutasuna sartzeko. Inplementazioaren oinarrian Closet52 kontsumitzaileentzako zuzeneko merkataritza elektronikoko gune bat da, non emakumeek erraz egin ahal izango zuten. erosi soinekoak sarean.

Wokiee erabilera anitzeko gaia denez, oso arreta jarrita gauden arlo bat bilatzaileen optimizazioa da. Denborarekin, bilaketa organikoa erosketa bakoitzeko kostu txikiena izango dela uste dugu eta erosteko asmo handiena duten erosleek. Gure ikerketan, emakumeek soinekoak erosten dituztela identifikatu dugu 5 erabaki nagusirekin:

  • Soineko estiloak
  • Soinekoen koloreak
  • Soinekoen prezioak
  • Free Shipping
  • Zailtasunik gabeko itzulketak

Izenburuak eta meta deskribapenak funtsezkoak dira zure edukia behar bezala indexatu eta bistaratzeko. Beraz, noski, funtsezko elementu horiek dituzten izenburu-etiketa eta meta deskribapenak nahi ditugu!

  • The titulu-etiketa batean zure orriaren goiburua funtsezkoa da zure orriak behar bezala indexatzen direla garrantzitsuak diren bilaketetarako.
  • The meta deskribapena bilatzaileen emaitzen orrietan (SERPs) bistaratzen da eta informazio gehigarria eskaintzen du bilaketa-erabiltzaileari klik egitera erakartzen duena.

Erronka da Shopify-k askotan partekatzen dituela izenburuak eta meta-deskribapenak orrialde-txantiloi desberdinetan: hasiera, bildumak, produktuak, etab. Beraz, logika batzuk idatzi behar izan ditut izenburuak eta meta-deskribapenak modu dinamikoan betetzeko.

Optimizatu zure Shopify orriaren izenburua

Shopify-ren gai-hizkuntza likidoa da eta nahiko ona da. Ez naiz sintaxiaren xehetasun guztietan sartuko, baina dinamikoki orrialde baten izenburua nahiko erraz sor dezakezu. Hemen kontuan izan behar duzun gauza bat da produktuek aldaerak dituztela... beraz, zure orriaren izenburuan aldaerak txertatzeak esan nahi du aukerak errepasatu eta katea dinamikoki eraiki behar duzula txantiloia denean. produktua txantiloia.

Hona hemen izenburu baten adibide bat jertse koadrodun soinekoa.

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

Eta hona hemen emaitza hori sortzen duen kodea:

{%- 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>

Kodea honela banatzen da:

  • Page Title – sartu benetako orriaren izenburua lehenik... txantiloia edozein dela ere.
  • Tags – etiketak txertatu orrialde bati lotutako etiketak elkartuz.
  • Produktuaren koloreak – Begiztatu kolore aukeren artean eta eraiki komaz bereizitako kate bat.
  • Metaeremuak - Shopify instantzia honek jantziaren luzera du sartu nahi dugun metaeremu gisa.
  • Prezioa – sartu lehen aldaeraren prezioa.
  • Dendaren izena – gehitu dendaren izena izenburuaren amaieran.
  • Bereizle – Bereizlea errepikatu beharrean, kate-esleipena egiten dugu eta errepikatzen dugu. Horrela, etorkizunean ikur hori aldatzea erabakitzen badugu, leku bakarrean dago.

Optimizatu zure Shopify Orriaren Meta Deskribapena

Gunea arakatu genuenean, deitzen zen edozein gai-txantiloi-orria hasierako orriaren SEO ezarpenak errepikatzen zituela ohartu ginen. Meta-deskribapen ezberdin bat gehitu nahi izan dugu orria hasierako orria, bildumen orria edo benetako produktuaren orria zenaren arabera.

Ez badakizu ziur zein den zure txantiloiaren izena, gehitu HTML ohar bat zurean theme.liquid fitxategia eta orriaren iturria ikus dezakezu hura identifikatzeko.

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

Horri esker, gunearen meta deskribapena erabiltzen zuten txantiloi guztiak identifikatu ahal izan genituen, txantiloiaren arabera meta deskribapena aldatzeko.

Hona hemen goiko produktuaren orrian nahi dugun meta deskribapena:

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

Hona hemen kode hori:

{%- 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 }}">

Emaitza edozein txantiloi edo produktuen orri xehatuentzako izenburu eta meta deskribapen multzo dinamiko eta integrala da. Aurrerantzean, seguruenik kodea birfaktorizatuko dut kasu adierazpenak erabiliz eta pixka bat hobeto antolatuz. Baina oraingoz, askoz presentzia politagoa sortzen ari da bilatzaileen emaitzen orrietan.

Bide batez, deskontu handia nahi baduzu... gustatuko litzaiguke gunea probatzea %30eko deskontu kupoi batekin, erabili kodea HIGHBRIDGE check out denean.

Erosi orain soinekoak

Dibulgazioa: honen filiala naiz Shopify Themeforest eta artikulu honetan esteka horiek erabiltzen ari naiz. Closet52 nire enpresaren bezero bat da, Highbridge. Shopify erabiliz merkataritza elektronikoaren presentzia garatzeko laguntza nahi baduzu, mesedez jarri gurekin harremanetan.