Shopify: როგორ დავაპროგრამოთ დინამიური თემების სათაურები და მეტა აღწერილობები SEO-სთვის Liquid-ის გამოყენებით

Shopify Template Liquid - შეცვალეთ SEO სათაური და მეტა აღწერა

თუ თქვენ კითხულობთ ჩემს სტატიებს ბოლო რამდენიმე თვის განმავლობაში, შეამჩნევთ, რომ მე ბევრს ვუზიარებ ელექტრონული კომერციის შესახებ, განსაკუთრებით Shopify. ჩემი ფირმა აშენებს უაღრესად მორგებულ და ინტეგრირებულ ShopifyPlus საიტი კლიენტისთვის. იმის მაგივრად, რომ თვეები და ათიათასობით დოლარი დაგვეხარჯა თემის თავიდან ასაშენებლად, ჩვენ ვესაუბრეთ კლიენტს, რომ მოგვეცა საშუალება გამოგვეყენებინა კარგად აშენებული და მხარდაჭერილი თემა, რომელიც გამოცდილი და გამოცდილი იყო. ჩვენ ერთად წავედით ვოკე, მრავალფუნქციური Shopify თემა, რომელსაც აქვს უამრავი შესაძლებლობები.

მას ჯერ კიდევ დასჭირდა განვითარების თვეები, რათა ჩაერთო ის მოქნილობა, რომელიც გვჭირდებოდა ბაზრის კვლევისა და ჩვენი კლიენტების გამოხმაურების საფუძველზე. განხორციელების საფუძველი იყო ის, რომ Closet52 არის პირდაპირი მომხმარებელთა ელექტრონული კომერციის საიტი, სადაც ქალები ადვილად შეძლებდნენ იყიდეთ კაბები ინტერნეტით.

იმის გამო, რომ Wokiee არის მრავალფუნქციური თემა, ერთ-ერთი სფერო, რომელზეც ჩვენ დიდად ვართ ორიენტირებული, არის საძიებო სისტემის ოპტიმიზაცია. დროთა განმავლობაში, ჩვენ გვჯერა, რომ ორგანული ძიება იქნება ყველაზე დაბალი ღირებულება თითო შენაძენზე და მყიდველები, რომლებსაც აქვთ უმაღლესი განზრახვა შესყიდვისთვის. ჩვენს კვლევაში დავადგინეთ, რომ ქალები ყიდულობენ კაბებს 5 ძირითადი გადაწყვეტილების გავლენის ქვეშ:

  • კაბების სტილები
  • კაბების ფერები
  • კაბების ფასები
  • უფასო მიწოდება
  • უპრობლემოდ ბრუნდება

სათაურები და მეტა აღწერა კრიტიკულია თქვენი შინაარსის ინდექსირებასა და სწორად ჩვენებისას. ასე რომ, რა თქმა უნდა, ჩვენ გვინდა სათაურის ტეგი და მეტა აღწერილობები, რომლებსაც აქვთ ეს ძირითადი ელემენტები!

  • ის სათაურით თქვენი გვერდის სათაურში მნიშვნელოვანია იმის უზრუნველსაყოფად, რომ თქვენი გვერდები სწორად არის ინდექსირებული შესაბამისი ძიებებისთვის.
  • ის მეტა აღწერა ნაჩვენებია საძიებო სისტემის შედეგების გვერდებზე (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>

კოდი იშლება ასე:

  • გვერდზე სათაური – ჯერ შეიყვანეთ გვერდის სათაური... შაბლონის მიუხედავად.
  • წარწერები - ჩაერთეთ ტეგები გვერდთან დაკავშირებული ტეგების შეერთებით.
  • პროდუქტის ფერები – გადახედეთ ფერის ვარიანტებს და შექმენით მძიმით გამოყოფილი სტრიქონი.
  • მეტაფილდები – ამ Shopify მაგალითს აქვს კაბის სიგრძე, როგორც მეტაველი, რომელიც ჩვენ გვსურს ჩავრთოთ.
  • ფასი - მოიცავს პირველი ვარიანტის ფასს.
  • მაღაზიის სახელი – დაამატეთ მაღაზიის სახელი სათაურის ბოლოს.
  • გამყოფი – იმის ნაცვლად, რომ გავიმეოროთ გამყოფი, ჩვენ მას უბრალოდ ვაქცევთ სტრიქონის დავალებას და ვიმეორებთ. ამგვარად, თუ გადავწყვეტთ მომავალში ამ სიმბოლოს შეცვლას, ის მხოლოდ ერთ ადგილზეა.

თქვენი Shopify გვერდის მეტა აღწერილობის ოპტიმიზაცია

როდესაც ჩვენ ვცდილობდით საიტს, შევამჩნიეთ, რომ ნებისმიერი თემის შაბლონის გვერდი, რომელიც გამოიძახეს, იმეორებდა საწყისი გვერდის SEO პარამეტრებს. გვინდოდა დაგვემატებინა სხვა მეტა აღწერილობა იმისდა მიხედვით, იყო თუ არა გვერდი მთავარი გვერდი, კოლექციების გვერდი თუ რეალური პროდუქტის გვერდი.

თუ არ ხართ დარწმუნებული, რა არის თქვენი შაბლონის სახელი, უბრალოდ დაამატეთ HTML შენიშვნა თქვენს ფორმაში თემა ფაილი და შეგიძლიათ ნახოთ გვერდის წყარო მის იდენტიფიცირებისთვის.

<!-- 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-ის გამოყენებით, გთხოვთ დაგვიკავშირდით.