Shopify: Суюктуктун жардамы менен SEO үчүн динамикалык тема аталыштарын жана мета сүрөттөмөлөрүн кантип программалоо керек

Shopify Template Liquid - SEO аталышын жана мета сүрөттөмөсүн өзгөчөлөштүрүү

Эгер сиз акыркы бир нече айда менин макалаларымды окуп жатсаңыз, мен электрондук коммерция жөнүндө, айрыкча, Shopify. Менин фирмам абдан ылайыкташтырылган жана интеграцияланган фирманы куруп жатат ShopifyPlus кардар үчүн сайт. Теманы нөлдөн баштап курууга айларды жана он миңдеген долларларды коротуунун ордуна, биз кардар менен сүйлөшүп, жакшы курулган жана колдоого алынган, сыналган жана сыналган теманы колдонууга уруксат бердик. менен кеттик Вокие, бир тонна мүмкүнчүлүктөрү бар көп максаттуу Shopify Темасы.

Базар изилдөөсүнө жана кардарларыбыздын пикирлеринин негизинде бизге керектүү ийкемдүүлүктү киргизүү үчүн дагы эле бир нече ай иштеп чыгуу талап кылынат. Ишке ашыруунун негизи Closet52 - бул түздөн-түз керектөөчүгө багытталган электрондук соода сайты, анда аялдар оңой эле ала алышат. онлайн көйнөктөрдү сатып алуу.

Wokiee көп максаттуу тема болгондуктан, биз эң көп көңүл бурган багыттардын бири - издөө системасын оптималдаштыруу. Убакыттын өтүшү менен, биз органикалык издөө бир сатып алуу жана сатып алуу үчүн жогорку ниет менен сатып алуучулар үчүн төмөнкү наркы болот деп ишенебиз. Изилдөөбүздө биз аялдар көйнөктөрдү 5 негизги таасир берүүчү адамдар менен сатып аларын аныктадык:

  • Көйнөктөрдүн стилдери
  • Көйнөктөрдүн түстөрү
  • Көйнөктөрдүн баалары
  • Free Shipping
  • Кыйынчылыксыз кайтаруу

Аталышы жана мета сүрөттөмөлөрү маанилүү мазмунуңузду индекстөө жана туура көрсөтүү үчүн. Ошондуктан, албетте, биз ошол негизги элементтери бар аталыш теги жана мета сүрөттөмөлөрдү каалайбыз!

  • The аталышы теги Сиздин баракчаңыздын аталышы сиздин баракчаларыңыз актуалдуу издөөлөр үчүн туура индекстелиши үчүн абдан маанилүү.
  • The Meta Description издөө системасынын натыйжа беттеринде (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>

Код мындайча бузулат:

  • Барактын аталышы – шаблонго карабастан, биринчи беттин аталышын киргизиңиз.
  • Tags – баракка байланышкан тегдерди бириктирүү менен тегдерди киргизиңиз.
  • Продукт Түстөр – түс варианттарын карап чыгып, үтүр менен бөлүнгөн сапты түзүңүз.
  • Метафилддер – бул 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 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 жана барбоскины жана мен бул макалада ошол шилтемелерди колдонуп жатам. Closet52 менин фирмамдын кардары, Highbridge. Эгер сиз Shopify аркылуу электрондук коммерцияңызды өнүктүрүүгө жардам алгыңыз келсе, сураныч Биз менен байланыш.