Shopify: Liquid көмегімен SEO үшін динамикалық тақырып тақырыптары мен мета сипаттамаларын қалай бағдарламалауға болады

Shopify Template Liquid - SEO тақырыбы мен мета сипаттамасын теңшеңіз

Егер сіз соңғы бірнеше айда менің мақалаларымды оқып жатсаңыз, менің электрондық коммерция туралы көбірек бөліскенімді байқайсыз, әсіресе Shopify. Менің фирмам жоғары деңгейде теңшелген және интеграцияланған компанияны құруда ShopifyPlus клиентке арналған сайт. Тақырыпты нөлден құруға айлар мен ондаған мың доллар жұмсаудың орнына, біз клиентке жақсы құрастырылған және сыналған және тексерілген тақырыпты пайдалануға мүмкіндік беру туралы сөйлестік. бірге бардық Вокие, көптеген мүмкіндіктері бар көп мақсатты Shopify тақырыбы.

Нарық зерттеулері мен тұтынушылардың пікірлері негізінде бізге қажетті икемділікті қосу үшін әлі де бірнеше айлық даму қажет болды. Іске асырудың негізі - Closet52 - бұл тікелей тұтынушыларға арналған электрондық коммерция сайты, онда әйелдер оңай қол жеткізе алады. көйлектерді онлайн сатып алыңыз.

Wokiee көп мақсатты тақырып болғандықтан, біз баса назар аударатын саланың бірі - іздеу жүйесін оңтайландыру. Уақыт өте келе, біз органикалық іздеу сатып алудың ең төменгі құны және сатып алу ниеті жоғары сатып алушылар болады деп сенеміз. Біздің зерттеуімізде біз әйелдердің 5 негізгі шешімге әсер ететін көйлектерді сатып алатынын анықтадық:

  • Көйлектердің стильдері
  • Көйлектердің түстері
  • Көйлектердің бағасы
  • тегін жеткізу
  • Мазасыз қайтару

Тақырыптар мен мета сипаттамалар өте маңызды мазмұныңызды индекстеу және дұрыс көрсету үшін. Сондықтан, әрине, біз негізгі элементтері бар тақырып тегі мен мета сипаттамаларын қалаймыз!

  • The тақырып тегі Сіздің беттеріңіздің өзектілігін іздеу үшін дұрыс индекстелгенін қамтамасыз ету үшін бет тақырыбыңызда маңызды.
  • The мета сипаттамасы іздеу пайдаланушысын басуға итермелейтін қосымша ақпаратты беретін іздеу жүйесінің нәтиже беттерінде (SERPs) көрсетіледі.

Мәселе мынада: Shopify әртүрлі бет үлгілері – үй, жинақтар, өнімдер, т.б. бойынша тақырыптар мен мета сипаттамаларды жиі бөліседі. Сондықтан тақырыптар мен мета сипаттамаларды дұрыс толтыру үшін біраз логиканы жазуға тура келді.

Shopify бет атауын оңтайландырыңыз

Shopify тақырып тілі өтімді және ол өте жақсы. Мен синтаксистің барлық мәліметтерін түсінбеймін, бірақ сіз динамикалық түрде бет тақырыбын өте оңай жасай аласыз. Бұл жерде есте сақтау қажет бір нәрсе, өнімдердің нұсқалары бар ... сондықтан бет тақырыбына нұсқаларды қосу үлгіні өзгерткен кезде опцияларды айналдыру және жолды динамикалық түрде құру керек дегенді білдіреді. өнім шаблон.

Мұнда а үшін тақырыптың мысалы келтірілген тоқылған жемпір көйлек.

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

Міне, осы нәтижені шығаратын код:

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

Код келесідей бөлінеді:

  • Бет атауы – үлгіге қарамастан, алдымен нақты бет тақырыбын енгізіңіз.
  • Tags – бетке байланысты тегтерді біріктіру арқылы тегтерді біріктіріңіз.
  • Өнімнің түстері – түс опцияларын айналдырып, үтірмен бөлінген жолды құрастырыңыз.
  • Метафилдтер – бұл Shopify данасы біз қосқымыз келетін метаөріс ретінде көйлектің ұзындығына ие.
  • баға – бірінші нұсқаның бағасын қосыңыз.
  • Дүкен атауы – тақырыптың соңына дүкеннің атын қосыңыз.
  • бөлгіш – бөлгішті қайталаудың орнына, біз оны тек жолдық тапсырма жасап, қайталаймыз. Осылайша, болашақта бұл таңбаны өзгертуді шешсек, ол тек бір жерде.

Shopify бетінің мета сипаттамасын оңтайландырыңыз

Сайтты тексерген кезде біз шақырылған кез келген тақырып үлгісінің беті SEO параметрлерінің басты бетін қайталайтынын байқадық. Беттің басты бет, жинақтар беті немесе нақты өнім беті болғанына байланысты басқа мета сипаттамасын қосқымыз келді.

Үлгі атыңыздың қандай екенін білмесеңіз, жай ғана HTML жазбаңызға енгізіңіз theme.liquid файлды ашыңыз және оны анықтау үшін беттің көзін көре аласыз.

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

Бұл үлгіге негізделген мета сипаттаманы өзгертуіміз үшін сайттың мета сипаттамасын пайдаланған барлық үлгілерді анықтауға мүмкіндік берді.

Міне, жоғарыдағы өнім бетінде бізге қажет мета сипаттамасы:

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

Міне, бұл код:

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

Нәтиже - кез келген үлгі түріне немесе егжей-тегжейлі өнім бетіне арналған тақырыптар мен мета сипаттамалардың динамикалық, жан-жақты жиынтығы. Алға қарай, мен кейс мәлімдемелерін пайдаланып кодты қайта өңдеп, оны сәл жақсырақ ұйымдастырамын. Бірақ қазір ол іздеу жүйесінің нәтиже беттерінде әлдеқайда жақсы қатысуды қамтамасыз етуде.

Айтпақшы, егер сіз үлкен жеңілдікті алғыңыз келсе… біз сізге 30% жеңілдік купонымен сайтты сынап көргеніңізді қалаймыз, кодты пайдаланыңыз. HIGHBRIDGE тексеру кезінде.

Көйлектерді қазір сатып алыңыз

Ашу: мен серіктеспін Shopify және Themeforest және мен осы мақалада сол сілтемелерді пайдаланамын. Closet52 - менің фирмамның клиенті, Highbridge. Shopify арқылы электрондық коммерция қатысуын дамытуға көмек қажет болса, өтінеміз бізбен хабарласыңы.