Shopify: Liquid yordamida SEO uchun dinamik mavzu sarlavhalari va meta tavsiflarini qanday dasturlash kerak

Shopify Template Liquid - SEO sarlavhasi va meta tavsifini moslashtiring

Agar siz so'nggi bir necha oy ichida mening maqolalarimni o'qiyotgan bo'lsangiz, men elektron tijorat haqida ko'proq ma'lumot berayotganimni sezasiz, ayniqsa Shopify. Mening firmam juda moslashtirilgan va integratsiyalashgan kompaniya yaratmoqda Shopify plus mijoz uchun sayt. Mavzuni noldan yaratish uchun oylar va o'n minglab dollarlarni sarflashning o'rniga, biz mijoz bilan gaplashib, yaxshi qurilgan va qo'llab-quvvatlanadigan mavzuni sinab ko'rishga ruxsat berdik. Bilan bordik Vokie, bir tonna imkoniyatlarga ega bo'lgan ko'p maqsadli Shopify mavzusi.

Bozor tadqiqotlari va mijozlarimizning fikr-mulohazalari asosida bizga kerak bo'lgan moslashuvchanlikni o'z ichiga olish uchun hali ham bir necha oy ishlab chiqish kerak edi. Amalga oshirishning asosi Closet52 - bu to'g'ridan-to'g'ri iste'molchiga mo'ljallangan elektron tijorat sayti bo'lib, unda ayollar osonlikcha foydalanishlari mumkin edi. ko'ylaklarni onlayn sotib oling.

Wokiee ko'p maqsadli mavzu bo'lganligi sababli, biz diqqat markazida bo'lgan sohalardan biri qidiruv tizimini optimallashtirishdir. Vaqt o'tishi bilan biz organik qidiruv har bir xarid uchun eng past narx bo'lishiga ishonamiz va xarid qilish niyati yuqori bo'lgan xaridorlar. Tadqiqotlarimiz davomida ayollar ko'ylaklarni 5 ta asosiy ta'sir ko'rsatuvchi bilan xarid qilishlarini aniqladik:

  • Liboslar uslublari
  • Ko'ylaklarning ranglari
  • Ko'ylaklarning narxlari
  • bepul Yuk tashish
  • Muammosiz qaytish

Sarlavhalar va meta tavsiflari juda muhim tarkibingizni indekslash va to'g'ri ko'rsatishda. Shuning uchun, albatta, biz ushbu asosiy elementlarga ega bo'lgan sarlavha yorlig'i va meta tavsiflarini xohlaymiz!

  • The nom yorlig'i Sizning sahifangizning sarlavhasi sizning sahifalaringiz tegishli qidiruvlar uchun to'g'ri indekslanganligini ta'minlash uchun juda muhimdir.
  • The metan ta'rifi qidiruv tizimining natijalari sahifalarida (SERPs) ko'rsatiladi, bu esa qidiruv foydalanuvchisini bosishga undaydigan qo'shimcha ma'lumot beradi.

Qiyinchilik shundaki, Shopify ko'pincha sarlavhalar va meta tavsiflarini turli xil sahifa shablonlari - uy, to'plamlar, mahsulotlar va boshqalar bo'ylab baham ko'radi. Shunday qilib, sarlavhalar va meta tavsiflarni to'g'ri to'ldirish uchun biroz mantiq yozishim kerak edi.

Shopify sahifangiz nomini optimallashtiring

Shopify-ning mavzu tili suyuq va u juda yaxshi. Men sintaksisning barcha tafsilotlariga kirmayman, lekin siz dinamik ravishda sahifa sarlavhasini yaratishingiz mumkin. Bu erda yodda tutish kerak bo'lgan bir narsa shundaki, mahsulotlarning variantlari bor ... shuning uchun sahifa sarlavhasiga variantlarni kiritish siz variantlarni ko'rib chiqishingiz va shablon bo'lsa, qatorni dinamik ravishda qurishingiz kerakligini anglatadi. mahsulot shablon.

Mana a uchun sarlavhaga misol trikotaj kozok ko'ylak.

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

Va bu natijani ishlab chiqaradigan kod:

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

Kod quyidagicha buziladi:

  • Sahifa nomi - shablondan qat'i nazar, avval sahifaning haqiqiy sarlavhasini kiriting.
  • Teglar - sahifa bilan bog'langan teglarni birlashtirib teglarni birlashtiring.
  • Mahsulot ranglari – rang variantlarini aylanib chiqing va vergul bilan ajratilgan qatorni yarating.
  • Metafildlar – bu Shopify misolida biz qoʻshmoqchi boʻlgan metafield sifatida kiyim uzunligi bor.
  • narx – birinchi variantning narxini o'z ichiga oladi.
  • Do'kon nomi – sarlavha oxiriga do‘kon nomini qo‘shing.
  • separator - ajratuvchini takrorlashdan ko'ra, biz uni faqat satr topshirig'ini qilamiz va uni takrorlaymiz. Shunday qilib, agar biz kelajakda ushbu belgini o'zgartirishga qaror qilsak, u faqat bitta joyda.

Shopify sahifangizning meta tavsifini optimallashtiring

Saytni ko'zdan kechirganimizda, chaqirilgan har qanday mavzu shablon sahifasi bosh sahifa SEO sozlamalarini takrorlayotganini payqadik. Sahifaning bosh sahifasi, kollektsiyalar sahifasi yoki haqiqiy mahsulot sahifasi ekanligiga qarab, biz boshqa meta tavsifini qo'shmoqchi edik.

Agar shabloningiz nomi nima ekanligini bilmasangiz, o'zingizga HTML eslatma qo'shing theme.liquid fayl va uni aniqlash uchun sahifaning manbasini ko'rishingiz mumkin.

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

Bu bizga saytning meta tavsifidan foydalangan barcha shablonlarni aniqlash imkonini berdi, shunda biz shablon asosida meta tavsifini o'zgartirishimiz mumkin edi.

Yuqoridagi mahsulot sahifasida biz xohlagan meta tavsifi:

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

Mana bu kod:

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

Natijada har qanday turdagi shablon yoki batafsil mahsulot sahifasi uchun dinamik, keng qamrovli sarlavhalar va meta tavsiflar to'plami. Oldinga siljishda men, ehtimol, case iboralari yordamida kodni qayta ishlayman va uni biroz yaxshiroq tashkil qilaman. Ammo hozircha u qidiruv tizimining natijalar sahifalarida ancha yaxshi ishtirok etmoqda.

Aytgancha, agar siz ajoyib chegirmaga ega bo‘lishni istasangiz… 30% chegirma kupon bilan saytni sinab ko‘rishingizni istardik, koddan foydalaning HIGHBRIDGE chiqish vaqtida.

Hozir liboslar xarid qiling

Oshkor qilish: Men sherikman Shopify va Themeforest va men ushbu maqoladagi havolalardan foydalanmoqdaman. Closet52 mening firmamning mijozi, Highbridge. Agar siz Shopify yordamida elektron tijorat mavjudligini rivojlantirishda yordam olishni istasangiz, iltimos Biz bilan bog'lanish.