Shopify: Giunsa Pagprograma ang Mga Titulo sa Dynamic nga Tema ug Mga Deskripsyon sa Meta alang sa SEO gamit ang Liquid

Shopify Template Liquid - Ipasibo ang Titulo sa SEO ug Deskripsyon sa Meta

Kung nagbasa ka sa akong mga artikulo sa miaging pipila ka bulan, makamatikod ka nga daghan pa ako nga gipaambit bahin sa ecommerce, labi na bahin sa Shopify. Ang akong kompanya nagtukod usa ka labi nga gipahiangay ug gisagol Shopify Plus site alang sa usa ka kliyente. Imbis nga mogasto og mga bulan ug napulo ka libo nga mga dolyar sa paghimo sa usa ka tema gikan sa wala, among gisultihan ang kliyente sa pagtugot kanamo sa paggamit sa usa ka maayo nga pagkatukod ug gisuportahan nga tema nga gisulayan ug gisulayan. Nagkuyog mi Wokie, usa ka multipurpose Shopify Theme nga adunay usa ka tonelada nga kapabilidad.

Nagkinahanglan pa kini og mga bulan sa pag-uswag aron maapil ang pagka-flexible nga among gikinahanglan base sa panukiduki sa merkado ug feedback sa among mga kliyente. Sa kinauyokan sa pagpatuman mao nga ang Closet52 usa ka direkta-sa-konsumer nga ecommerce nga site diin ang mga babaye dali nga makahimo pagpalit mga sinina online.

Tungod kay ang Wokiee usa ka multipurpose nga tema, usa ka lugar nga among gitutokan pag-ayo mao ang search engine optimization. Sa paglabay sa panahon, nagtuo kami nga ang organikong pagpangita mao ang labing ubos nga gasto matag pagpamalit ug mga mamalitay nga adunay labing taas nga katuyoan sa pagpalit. Sa among panukiduki, nahibal-an namon nga ang mga babaye namalit og mga sinina nga adunay 5 nga hinungdanon nga mga influencer sa desisyon:

  • Mga estilo sa sinina
  • Mga kolor sa sinina
  • Mga presyo sa mga sinina
  • free Shipping
  • Wala'y Masamok nga Pagpauli

Ang mga titulo ug meta deskripsyon kritikal sa pagkuha sa imong sulod nga na-index ug gipakita sa hustong paagi. Mao nga, siyempre, gusto namon ang usa ka tag sa titulo ug mga paghulagway sa meta nga adunay mga yawe nga elemento!

  • ang title tag sa usa ka ulohan sa imong panid hinungdanon aron masiguro nga ang imong mga panid na-indeks sa hustong paagi alang sa mga pagpangita nga may kalabotan.
  • ang paghulagway sa meta gipakita sa mga panid sa resulta sa search engine (SERPs) nga naghatag dugang nga kasayuran nga nagdani sa tiggamit sa pagpangita sa pag-klik.

Ang hagit mao nga ang Shopify kanunay nga nagpaambit sa mga titulo ug mga paghulagway sa meta sa lainlaing mga template sa panid - balay, mga koleksyon, mga produkto, ug uban pa.

I-optimize ang Imong Titulo sa Panid sa Shopify

Ang pinulongan sa tema sa Shopify kay likido ug kini maayo. Dili nako hisgutan ang tanan nga mga detalye sa syntax, apan mahimo ka nga dinamikong makamugna usa ka titulo sa panid nga dali ra. Usa ka butang nga kinahanglan nimong hinumdoman dinhi mao nga ang mga produkto adunay mga variant ... busa ang pag-apil sa mga variant sa titulo sa imong panid nagpasabut nga kinahanglan nimo nga i-loop ang mga kapilian ug dinamikong tukuron ang pisi kung ang template usa ka produkto template.

Ania ang usa ka pananglitan sa usa ka titulo alang sa a plaid nga sweater nga sinina.

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

Ug ania ang code nga nagpatungha niana nga resulta:

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

Ang code nabungkag sama niini:

  • Panid sa Pahina – iapil una ang aktuwal nga titulo sa panid… bisag unsa pa ang template.
  • tags - ilakip ang mga tag pinaagi sa pag-apil sa mga tag nga adunay kalabotan sa usa ka panid.
  • Mga Kulay sa Produkto – pag-loop sa mga opsyon sa kolor ug paghimo og comma-separated string.
  • Metafields - kini nga pananglitan sa Shopify adunay gitas-on nga sinina ingon usa ka metafield nga gusto namon iapil.
  • Presyo – iapil ang presyo sa unang variant.
  • Ngalan sa Shop – idugang ang ngalan sa tindahan sa katapusan sa titulo.
  • separator – imbes nga balikon ang separator, himoon na lang namo nga string assignment ug balikon. Nianang paagiha, kung magdesisyon kita nga usbon kana nga simbolo sa umaabot, naa ra kini sa usa ka lugar.

I-optimize ang Imong Shopify Page Meta Description

Sa dihang among gi-crawl ang site, among namatikdan nga ang bisan unsang tema nga template nga panid nga gitawag nagbalikbalik sa home page SEO settings. Gusto namon nga magdugang usa ka lahi nga paghulagway sa meta depende kung ang panid usa ka panid sa balay, panid sa koleksyon, o aktuwal nga panid sa produkto.

Kung dili ka sigurado kung unsa ang ngalan sa imong template, idugang lang ang usa ka nota sa HTML sa imong tema.liquid file ug mahimo nimong tan-awon ang gigikanan sa panid aron mailhan kini.

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

Kini nagtugot kanamo sa pag-ila sa tanang templates nga migamit sa meta deskripsyon sa site aron among mausab ang meta deskripsyon base sa template.

Ania ang paghulagway sa meta nga gusto namon sa ibabaw nga panid sa produkto:

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

Ania ang code:

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

Ang resulta usa ka dinamiko, komprehensibo nga hugpong sa mga titulo ug mga paghulagway sa meta alang sa bisan unsang klase sa template o detalyado nga panid sa produkto. Pag-uswag, lagmit akong i-refactor ang code gamit ang mga pahayag sa kaso ug pag-organisar niini nga mas maayo. Apan sa pagkakaron, naghimo kini og mas nindot nga presensya sa mga panid sa resulta sa search engine.

Pinaagi sa dalan, kung gusto nimo ang usa ka dako nga diskwento… gusto namon nga sulayan nimo ang site nga adunay 30% nga kupon nga diskwento, gamita ang code HIGHBRIDGE pag check out.

Pagpamalit Karon

Pagpadayag: Usa ako ka kauban Shopify ug Themeforest ug gigamit nako ang mga link sa kini nga artikulo. Ang Closet52 usa ka kliyente sa akong kompanya, Highbridge. Kung gusto nimo tabang sa pagpalambo sa imong presensya sa ecommerce gamit ang Shopify, palihug kontaka kanato.