Shopify: Liquid ашиглан SEO-д зориулсан динамик сэдвийн гарчиг, мета тайлбарыг хэрхэн програмчлах вэ

Shopify Template Liquid - SEO гарчиг болон мета тайлбарыг өөрчлөх

Хэрэв та сүүлийн хэдэн сарын турш миний нийтлэлүүдийг уншиж байгаа бол би цахим худалдааны талаар, ялангуяа худалдааны талаар илүү их зүйлийг хуваалцаж байгааг анзаарах болно. Shopify-ийг. Миний пүүс маш сайн тохируулсан, нэгдсэн компанийг бий болгож байна ShopifyPlus үйлчлүүлэгчдэд зориулсан сайт. Сэдвийг эхнээс нь бүтээхэд сар, хэдэн арван мянган доллар зарцуулахын оронд бид үйлчлүүлэгчтэй ярилцаж, туршиж үзсэн, сайн бүтээгдсэн, дэмжигдсэн сэдвийг ашиглах боломжийг бидэнд олгосон. Бид хамт явсан Уокие, олон төрлийн чадвартай Shopify сэдэв.

Зах зээлийн судалгаа болон үйлчлүүлэгчийн санал хүсэлт дээр тулгуурлан бидэнд хэрэгтэй уян хатан байдлыг бий болгохын тулд хэдэн сар хөгжүүлэх шаардлагатай хэвээр байна. Хэрэгжилтийн гол цөм нь Closet52 нь шууд хэрэглэгчдэд зориулсан цахим худалдааны сайт бөгөөд эмэгтэйчүүд үүнийг хялбархан хийх боломжтой байв. онлайн даашинз худалдаж авах.

Wokiee бол олон талт сэдэв учраас бидний хамгийн их анхаардаг салбар бол хайлтын системийг оновчтой болгох явдал юм. Цаг хугацаа өнгөрөхөд бид органик хайлт нь худалдан авалтын хамгийн бага зардал, худалдан авалт хийх хамгийн өндөр зорилготой худалдан авагчид байх болно гэдэгт бид итгэдэг. Бидний судалгаагаар эмэгтэйчүүд шийдвэр гаргахад нөлөөлсөн 5 гол хүчинтэй даашинз худалдаж авдаг болохыг тогтоосон.

  • Хувцасны загварууд
  • Хувцасны өнгө
  • Хувцасны үнэ
  • Үнэгүй
  • Асуудалгүй буцаах

Гарчиг болон мета тайлбар нь маш чухал юм Таны агуулгыг индексжүүлж, зөв ​​харуулах. Мэдээжийн хэрэг, бид эдгээр гол элементүүдийг агуулсан гарчгийн шошго болон мета тайлбарыг хүсч байна!

  • The гарчгийн шошго Таны хуудасны гарчиг нь таны хуудсуудыг хамааралтай хайлтанд зөв индексжүүлсэн байх нь чухал юм.
  • The мета тайлбар хайлтын системийн үр дүнгийн хуудсууд (SERPs) дээр харагдах бөгөөд хайлтын хэрэглэгчийг товшиход хүргэдэг нэмэлт мэдээллээр хангадаг.

Shopify нь ихэвчлэн нүүр хуудас, цуглуулга, бүтээгдэхүүн гэх мэт хуудасны загварууд дээр гарчиг болон мета тайлбарыг хуваалцдагт тулгардаг. Тиймээс би гарчиг болон мета тайлбарыг зөв оруулахын тулд зарим логик бичих шаардлагатай болсон.

Shopify хуудасныхаа нэрийг оновчтой болго

Shopify-ийн сэдэвчилсэн хэл нь шингэн мөн энэ нь маш сайн. Би синтаксийн бүх нарийн ширийнийг авч үзэхгүй, гэхдээ та хуудасны гарчгийг динамикаар хялбархан үүсгэж болно. Энд таны анхаарах ёстой нэг зүйл бол бүтээгдэхүүнүүд нь хувилбартай байдаг ... тиймээс хуудасныхаа гарчигт хувилбаруудыг оруулах нь загвар нь загвар байх үед сонголтуудыг давтаж, мөрийг динамикаар бүтээх шаардлагатай гэсэн үг юм. бүтээгдэхүүн загвар.

a-д зориулсан гарчгийн жишээ энд байна хавтгай цамцтай даашинз.

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

Энэ үр дүнг гаргах код энд байна:

{%- capture seo_title -%}
    {%- if template == "collection" -%}{{ "Order " }}{%- endif -%}
    {{- page_title -}}
    {%- if template == "collection" -%}{{ " Online" }}{%- endif -%}
    {% assign my_separator = " » " %}
    {%- if current_tags -%}{%- assign meta_tags = current_tags | join: ', ' -%}
      {%- if template == 'blog' -%} 
      {{ " Articles" }} {%- if current_tags -%}{{ 'general.meta.tags' | t: tags: meta_tags | capitalize | remove: "&quot;" -}}{%- endif -%}
      {%- else -%}
      {{ my_separator }}{{ 'general.meta.tags' | t: tags: meta_tags -}}
      {%- endif -%}
    {%- endif -%}
    {%- if current_page != 1 -%}{{ my_separator }}{{ 'general.meta.page' | t: page: current_page }}{%- endif -%}
    {%- if template == "product" -%}{{ " only " }}{{ 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 -%}
    {% if template == "collection" %}{{ my_separator }}Free Shipping, No-Hassle Returns{% endif %}{{ my_separator }}{{ shop.name }}
  {%- endcapture -%}

<title>{{ seo_title | strip_newlines }}</title>

Код дараах байдлаар задардаг.

  • Хуудасны гарчиг – загвараас үл хамааран эхлээд бодит хуудасны гарчгийг оруулна уу.
  • Сэдвийн – хуудастай холбоотой шошгуудыг нэгтгэх.
  • Бүтээгдэхүүний өнгө – өнгөний сонголтуудыг давтаж, таслалаар тусгаарласан мөр үүсгэ.
  • Метафилд – энэ Shopify жишээ нь бидний оруулахыг хүсч буй мета талбар болох даашинзны урттай.
  • Үнэ – эхний хувилбарын үнийг оруулна.
  • Дэлгүүрийн нэр – гарчгийн төгсгөлд дэлгүүрийн нэрийг оруулна.
  • Тусгаарлагч – салгагчийг давтахаас илүү бид үүнийг мөрийн даалгавар болгоод давтана. Ингэснээр бид ирээдүйд тэр тэмдгийг өөрчлөхөөр шийдсэн бол энэ нь зөвхөн нэг газар байна.

Shopify хуудасныхаа мета тайлбарыг оновчтой болго

Сайтыг мөлхөхөд бид дуудагдсан аливаа загварын хуудас нь үндсэн хуудасны SEO тохиргоог давтаж байгааг анзаарсан. Энэ хуудас нь нүүр хуудас, цуглуулгын хуудас эсвэл бодит бүтээгдэхүүний хуудас эсэхээс хамаарч өөр мета тайлбар нэмэхийг хүссэн.

Хэрэв та загварын нэрээ сайн мэдэхгүй байгаа бол 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 no-hassle 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 == 'blog' -%}
          {{ " Here are our articles" }} {%- if current_tags -%}{{ 'general.meta.tags' | t: tags: meta_tags | downcase | remove: "&quot;" -}}{%- endif -%}.
          {%- endif -%}
          {%- if template == 'product' -%}
  			{{ " Only " }}{{ product.variants[0].price | money }}!
  		  {%- endif -%}
      {%- endif -%}   	
  	{%- endif -%}
    {%- if template == 'collection' -%}
            {{ "Find a beautiful dress for your next occasion by color, length, or size." | strip }}
    {%- endif -%}
    {{ " Always FREE 2-day shipping and no-hassle returns at " }}{{ shop.name | strip }}.
  {%- endcapture -%}

<meta name="description" content="{{ seo_metadesc | strip_newlines }}">

Үр дүн нь ямар ч төрлийн загвар эсвэл бүтээгдэхүүний дэлгэрэнгүй хуудасны гарчиг, мета тайлбаруудын динамик, иж бүрэн багц юм. Урагшлахдаа би кейс хэллэгийг ашиглан кодыг дахин засч, арай илүү цэгцлэх болно. Гэхдээ одоогоор энэ нь хайлтын системийн үр дүнгийн хуудсанд илүү сайн байр суурийг бий болгож байна.

Дашрамд хэлэхэд, хэрэв та гайхалтай хямдрал авахыг хүсч байвал бид таныг 30% хөнгөлөлтийн купонтой сайтыг туршиж үзэхэд таатай байх болно, кодыг ашиглана уу. HIGHBRIDGE шалгах үед.

Яг одоо даашинз худалдаж аваарай

Тодруулга: Би түншлэлтэй Shopify-ийг болон Themeforest мөн би энэ нийтлэл дэх эдгээр холбоосыг ашиглаж байна. Closet52 бол миний пүүсийн үйлчлүүлэгч. Highbridge. Хэрэв та Shopify ашиглан цахим худалдаагаа хөгжүүлэхэд туслалцаа авахыг хүсч байвал бидэнтэй холбоо барина уу.