Shopify: چگونه با استفاده از Liquid، عناوین تم پویا و توضیحات متا را برای سئو برنامه ریزی کنیم

Shopify Template Liquid - سفارشی کردن عنوان SEO و توضیحات متا

اگر در چند ماه گذشته مقالات من را مطالعه کرده باشید، متوجه خواهید شد که من چیزهای بیشتری را در مورد تجارت الکترونیک به اشتراک گذاشته ام، به خصوص در رابطه با Shopify. شرکت من بسیار سفارشی و یکپارچه ساخته شده است Shopify Plus سایت برای مشتری به‌جای صرف ماه‌ها و ده‌ها هزار دلار برای ساختن یک تم از ابتدا، با مشتری صحبت کردیم که به ما اجازه دهد از یک تم خوب ساخته و پشتیبانی شده استفاده کنیم که آزمایش و آزمایش شده است. با هم رفتیم ووکی، یک تم چند منظوره Shopify که دارای قابلیت های زیادی است.

هنوز نیاز به ماه‌ها توسعه داشت تا بتوانیم انعطاف‌پذیری مورد نیاز خود را بر اساس تحقیقات بازار و بازخورد مشتریان‌مان در نظر بگیریم. هسته اصلی پیاده سازی این بود که Closet52 یک سایت تجارت الکترونیک مستقیم به مصرف کننده است که در آن زنان می توانند به راحتی خرید آنلاین لباس.

از آنجایی که Wokiee یک موضوع چند منظوره است، یکی از حوزه‌هایی که ما به شدت روی آن تمرکز کرده‌ایم، بهینه‌سازی موتور جستجو است. با گذشت زمان، ما معتقدیم که جستجوی ارگانیک کمترین هزینه برای هر خرید و خریداران با بالاترین قصد خرید خواهد بود. در تحقیق خود، ما تشخیص دادیم که زنان برای خرید لباس هایی با 5 تأثیرگذار کلیدی تصمیم گیری می کنند:

  • سبک های لباس
  • رنگ لباس ها
  • قیمت لباس
  • حمل و نقل رایگان
  • بازگشت بدون دردسر

عناوین و توضیحات متا بسیار مهم هستند در ایندکس شدن و نمایش صحیح محتوای شما. بنابراین، البته، ما یک برچسب عنوان و توضیحات متا می خواهیم که دارای آن عناصر کلیدی باشد!

  • La برچسب عنوان در عنوان صفحه شما برای اطمینان از اینکه صفحات شما به درستی برای جستجوهای مرتبط ایندکس شده اند بسیار مهم است.
  • La توضیحات متا در صفحات نتایج موتورهای جستجو (SERP) نمایش داده می شود که اطلاعات بیشتری را ارائه می دهد که کاربر جستجو را ترغیب می کند تا روی آن کلیک کند.

چالش این است که Shopify اغلب عناوین و توضیحات متا را در قالب‌های صفحه مختلف به اشتراک می‌گذارد - صفحه اصلی، مجموعه‌ها، محصولات و غیره. بنابراین، من مجبور شدم منطقی بنویسم تا به صورت پویا عناوین و توضیحات متا را به درستی پر کنم.

عنوان صفحه Shopify خود را بهینه کنید

زبان تم Shopify روان است و بسیار خوب است. من وارد تمام جزئیات نحو نمی شوم، اما شما می توانید به صورت پویا یک عنوان صفحه را بسیار آسان ایجاد کنید. نکته ای که باید در اینجا به خاطر بسپارید این است که محصولات دارای انواع مختلفی هستند ... بنابراین گنجاندن انواع در عنوان صفحه به این معنی است که باید از میان گزینه ها حلقه بزنید و زمانی که قالب یک الگو است به صورت پویا رشته را بسازید. تولید - محصول قالب.

در اینجا نمونه ای از عنوان برای a آورده شده است لباس ژاکت چهارخانه.

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

نتیجه مجموعه ای پویا و جامع از عناوین و توضیحات متا برای هر نوع قالب یا صفحه محصول دقیق است. با حرکت رو به جلو، من به احتمال زیاد کد را با استفاده از عبارات case اصلاح می کنم و آن را کمی بهتر سازماندهی می کنم. اما در حال حاضر، حضور بسیار بهتری در صفحات نتایج موتورهای جستجو ایجاد می کند.

به هر حال، اگر مایل به تخفیف عالی هستید... خوشحال می شویم که سایت را با کوپن تخفیف 30 درصدی تست کنید، از کد استفاده کنید. HIGHBRIDGE هنگام چک کردن.

خرید لباس در حال حاضر

افشا: من یک شرکت وابسته برای هستم Shopify و WorldWideThemes.net به و من از آن پیوندها در این مقاله استفاده می کنم. Closet52 مشتری شرکت من است، Highbridge. اگر مایل به کمک در توسعه حضور تجارت الکترونیک خود با استفاده از Shopify هستید، لطفاً تماس با ما.