Shopify: Liquid istifadə edərək SEO üçün Dinamik Mövzu Başlıqlarını və Meta Təsvirləri necə proqramlaşdırmaq olar

Shopify Template Liquid - SEO Başlığını və Meta Təsvirini fərdiləşdirin

Son bir neçə ayda məqalələrimi oxuyursunuzsa, görəcəksiniz ki, mən elektron ticarət haqqında, xüsusən də Shopify. Mənim firmam yüksək səviyyədə fərdiləşdirilmiş və inteqrasiya olunmuş bir şirkət qurur ShopifyPlus müştəri üçün sayt. Sıfırdan bir mövzu yaratmaq üçün aylar və on minlərlə dollar sərf etmək əvəzinə, müştəri ilə danışdıq ki, yaxşı qurulmuş və dəstəklənən, sınaqdan keçirilmiş və sınaqdan keçirilmiş bir mövzudan istifadə etməyə icazə versin. ilə getdik Wokie, bir ton imkanları olan çoxməqsədli Shopify Mövzusu.

Bazar araşdırması və müştərilərimizin rəyləri əsasında bizə lazım olan çevikliyi özündə birləşdirmək üçün hələ də aylarla inkişaf tələb olunurdu. Tətbiqin əsas məqsədi Closet52-nin qadınların asanlıqla istifadə edə biləcəyi birbaşa istehlakçıya e-ticarət saytıdır. paltarları onlayn almaq.

Wokiee çoxməqsədli bir mövzu olduğundan, diqqətimizi çox cəlb etdiyimiz sahə axtarış motorunun optimallaşdırılmasıdır. Zaman keçdikcə üzvi axtarışın əldə etmək üçün ən aşağı xərc və ən yüksək alış niyyəti olan alıcılar olacağına inanırıq. Araşdırmalarımızda qadınların 5 əsas qərar qəbuledicisi ilə paltarlar aldığını müəyyən etdik:

  • Paltarların üslubları
  • Paltarların rəngləri
  • Paltarların qiymətləri
  • Pulsuz Göndərmə
  • Problemsiz qayıdır

Başlıqlar və meta təsvirlər vacibdir məzmununuzun indeksləşdirilməsini və düzgün nümayiş etdirilməsi üçün. Beləliklə, əlbəttə ki, bu əsas elementləri ehtiva edən bir başlıq etiketi və meta təsvirləri istəyirik!

  • The başlıq etiketi Səhifənizin müvafiq axtarışlar üçün düzgün indeksləşdirilməsini təmin etmək üçün səhifənizin başlığında çox vacibdir.
  • The Meta Description: axtarış istifadəçisini klikləməyə vadar edən əlavə məlumat verən axtarış motorunun nəticə səhifələrində (SERPs) göstərilir.

Çətinlik ondadır ki, Shopify tez-tez başlıqları və meta təsvirləri müxtəlif səhifə şablonlarında – ev, kolleksiyalar, məhsullar və s.-də paylaşır. Buna görə də, başlıqları və meta təsvirləri dinamik şəkildə düzgün şəkildə yerləşdirmək üçün bəzi məntiq yazmalı oldum.

Shopify Səhifə Başlığını optimallaşdırın

Shopify-ın mövzu dili mayedir və olduqca yaxşıdır. Mən sintaksisin bütün təfərrüatlarına daxil olmayacağam, lakin siz dinamik şəkildə səhifə başlığını olduqca asan yarada bilərsiniz. Burada yadda saxlamalı olduğunuz bir şey odur ki, məhsulların variantları var... buna görə də səhifənizin başlığına variantlar daxil etmək o deməkdir ki, siz opsiyalar arasında dövrə vurmalı və şablon uyğun olduqda sətri dinamik şəkildə qurmalısınız. məhsul şablon.

Budur a üçün başlıq nümunəsi trikotajlı sviter paltar.

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

Və bu nəticəni yaradan kod budur:

{%- 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 bu şəkildə parçalanır:

  • Page Title – şablondan asılı olmayaraq əvvəlcə faktiki səhifə başlığını daxil edin.
  • Tags – səhifə ilə əlaqəli teqləri birləşdirərək teqləri daxil edin.
  • Məhsul rəngləri – rəng seçimləri arasında dolaşın və vergüllə ayrılmış sətir qurun.
  • Metafields – bu Shopify nümunəsi daxil etmək istədiyimiz metafield kimi paltar uzunluğuna malikdir.
  • qiymət – birinci variantın qiyməti daxildir.
  • Mağaza Adı – başlığın sonuna mağazanın adını əlavə edin.
  • separator – ayırıcını təkrarlamaqdansa, biz onu sadəcə sətir tapşırığı edib təkrar edirik. Beləliklə, əgər gələcəkdə həmin simvolu dəyişməyə qərar versək, o, yalnız bir yerdədir.

Shopify səhifənizin meta təsvirini optimallaşdırın

Saytı araşdırdığımız zaman gördük ki, çağırılan hər hansı tema şablon səhifəsi ana səhifənin SEO parametrlərini təkrarlayır. Səhifənin ana səhifə, kolleksiyalar səhifəsi və ya faktiki məhsul səhifəsi olmasından asılı olaraq fərqli meta təsviri əlavə etmək istədik.

Əgər şablon adınızın nə olduğundan əmin deyilsinizsə, sadəcə olaraq şablonunuza HTML qeydi əlavə edin mövzu faylı seçin və onu müəyyən etmək üçün səhifənin mənbəyinə baxa bilərsiniz.

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

Bu, bizə saytın meta təsvirindən istifadə edən bütün şablonları müəyyən etməyə imkan verdi ki, şablon əsasında meta təsvirini dəyişdirə bilək.

Yuxarıdakı məhsul səhifəsində istədiyimiz meta təsviri budur:

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

Budur o 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 }}">

Nəticə istənilən şablon və ya ətraflı məhsul səhifəsi üçün dinamik, hərtərəfli başlıqlar və meta təsvirlər dəstidir. İrəliləyərək, mən çox güman ki, case ifadələrindən istifadə edərək kodu bir az daha yaxşı təşkil edəcəyəm. Ancaq hələlik, axtarış motorunun nəticə səhifələrində daha gözəl bir varlıq yaradır.

Yeri gəlmişkən, böyük endirim əldə etmək istəyirsinizsə... 30% endirim kuponu ilə saytı sınamağınızı çox istərdik, koddan istifadə edin HIGHBRIDGE çıxarkən.

İndi paltarlar üçün alış-veriş edin

Açıqlama: Mən bir tərəfdaşam ShopifyThemeforest və mən bu məqalədə həmin bağlantılardan istifadə edirəm. Closet52 firmamın müştərisidir, Highbridge. Shopify-dan istifadə edərək e-ticarət mövcudluğunuzu inkişaf etdirmək üçün yardım istəyirsinizsə, lütfən Bizimlə əlaqə saxlayın.