Shopify: লিকুইড ব্যবহার করে এসইও-এর জন্য ডায়নামিক থিমের শিরোনাম এবং মেটা বর্ণনা কীভাবে প্রোগ্রাম করবেন

Shopify টেমপ্লেট লিকুইড - এসইও শিরোনাম এবং মেটা বিবরণ কাস্টমাইজ করুন

আপনি যদি গত কয়েক মাস ধরে আমার নিবন্ধগুলি পড়ে থাকেন তবে আপনি লক্ষ্য করবেন যে আমি ইকমার্স সম্পর্কে আরও অনেক কিছু শেয়ার করছি, বিশেষ করে বিষয়শ্রেণী. আমার ফার্ম একটি অত্যন্ত কাস্টমাইজড এবং সমন্বিত নির্মাণ করা হয়েছে শপাইফ প্লাস একটি ক্লায়েন্ট জন্য সাইট. স্ক্র্যাচ থেকে একটি থিম তৈরিতে কয়েক মাস এবং কয়েক হাজার ডলার ব্যয় করার পরিবর্তে, আমরা ক্লায়েন্টের সাথে কথা বলেছিলাম যাতে আমাদের একটি সু-নির্মিত এবং সমর্থিত থিম ব্যবহার করার অনুমতি দেওয়া হয় যা চেষ্টা করা হয়েছিল এবং পরীক্ষা করা হয়েছিল৷ আমরা সাথে গেলাম ওকি, একটি বহুমুখী Shopify থিম যার এক টন ক্ষমতা রয়েছে৷

বাজার গবেষণা এবং আমাদের ক্লায়েন্টদের প্রতিক্রিয়ার উপর ভিত্তি করে আমাদের প্রয়োজনীয় নমনীয়তা অন্তর্ভুক্ত করার জন্য এটি এখনও কয়েক মাস বিকাশের প্রয়োজন। বাস্তবায়নের মূল বিষয় ছিল যে Closet52 হল একটি সরাসরি-ভোক্তা ই-কমার্স সাইট যেখানে মহিলারা সহজেই অনলাইনে পোশাক কিনুন.

যেহেতু Wokiee একটি বহুমুখী থিম, একটি ক্ষেত্রে আমরা খুব বেশি মনোযোগ দিচ্ছি তা হল সার্চ ইঞ্জিন অপ্টিমাইজেশান৷ সময়ের সাথে সাথে, আমরা বিশ্বাস করি যে অর্গানিক অনুসন্ধান প্রতি অধিগ্রহণের সর্বনিম্ন খরচ হবে এবং ক্রেতাদের ক্রয়ের সর্বোচ্চ অভিপ্রায় থাকবে। আমাদের গবেষণায়, আমরা শনাক্ত করেছি যে মহিলারা 5টি মূল সিদ্ধান্তের প্রভাবক দিয়ে পোশাকের জন্য কেনাকাটা করেন:

  • পোশাক শৈলী
  • পোশাকের রং
  • পোশাকের দাম
  • বিনামূল্যে পরিবহন
  • ঝামেলামুক্ত ফেরত

শিরোনাম এবং মেটা বিবরণ সমালোচনামূলক আপনার বিষয়বস্তু সূচিবদ্ধ এবং সঠিকভাবে প্রদর্শন করার সময়। সুতরাং, অবশ্যই, আমরা একটি শিরোনাম ট্যাগ এবং মেটা বিবরণ চাই যেগুলির মূল উপাদান রয়েছে!

  • The Olymp Trade প্লার্টফর্মে ৩ টি উপায়ে প্রবেশ করা যায়। প্রথমত রয়েছে ওয়েব ভার্শন যাতে আপনি প্রধান ওয়েবসাইটের মাধ্যমে প্রবেশ করতে পারবেন। দ্বিতয়ত রয়েছে, উইন্ডোজ এবং ম্যাক উভয়ের জন্যেই ডেস্কটপ অ্যাপলিকেশন। এই অ্যাপটিতে রয়েছে অতিরিক্ত কিছু ফিচার যা আপনি ওয়েব ভার্শনে পাবেন না। এরপরে রয়েছে Olymp Trade এর এন্ড্রয়েড এবং অ্যাপল মোবাইল অ্যাপ। শিরোনাম ট্যাগ প্রাসঙ্গিকতার অনুসন্ধানের জন্য আপনার পৃষ্ঠাগুলি সঠিকভাবে সূচীকৃত হয়েছে তা নিশ্চিত করার জন্য আপনার পৃষ্ঠার শিরোনামটি গুরুত্বপূর্ণ।
  • The Olymp Trade প্লার্টফর্মে ৩ টি উপায়ে প্রবেশ করা যায়। প্রথমত রয়েছে ওয়েব ভার্শন যাতে আপনি প্রধান ওয়েবসাইটের মাধ্যমে প্রবেশ করতে পারবেন। দ্বিতয়ত রয়েছে, উইন্ডোজ এবং ম্যাক উভয়ের জন্যেই ডেস্কটপ অ্যাপলিকেশন। এই অ্যাপটিতে রয়েছে অতিরিক্ত কিছু ফিচার যা আপনি ওয়েব ভার্শনে পাবেন না। এরপরে রয়েছে Olymp Trade এর এন্ড্রয়েড এবং অ্যাপল মোবাইল অ্যাপ। মেটা বর্ণনা সার্চ ইঞ্জিন ফলাফল পৃষ্ঠাগুলিতে (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 পৃষ্ঠা মেটা বিবরণ অপ্টিমাইজ করুন

যখন আমরা সাইটটি ক্রল করেছি, আমরা লক্ষ্য করেছি যে যে কোনও থিম টেমপ্লেট পৃষ্ঠা যা কল করা হয়েছিল তা হোম পেজ এসইও সেটিংসের পুনরাবৃত্তি করছে৷ পৃষ্ঠাটি একটি হোম পেজ, সংগ্রহ পৃষ্ঠা, বা প্রকৃত পণ্য পৃষ্ঠা ছিল কিনা তার উপর নির্ভর করে আমরা একটি ভিন্ন মেটা বিবরণ যোগ করতে চেয়েছিলাম।

আপনি যদি নিশ্চিত না হন যে আপনার টেমপ্লেটের নাম কী, শুধু আপনার মধ্যে একটি 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 চেক আউট করার সময়

এখন পোশাকের জন্য কেনাকাটা করুন

প্রকাশ: আমি একটি অনুমোদিত বিষয়শ্রেণী এবং Themeforest এবং আমি এই নিবন্ধে সেই লিঙ্কগুলি ব্যবহার করছি। Closet52 আমার ফার্মের একজন ক্লায়েন্ট, Highbridge. আপনি যদি Shopify ব্যবহার করে আপনার ইকমার্স উপস্থিতি বিকাশে সহায়তা চান, অনুগ্রহ করে আমাদের সাথে যোগাযোগ করুন.