Shopify: Jinsi ya Kupanga Vichwa vya Mandhari Yenye Nguvu na Maelezo ya Meta ya SEO kwa kutumia Kioevu

Kioevu cha Kiolezo cha Shopify - Binafsisha Kichwa cha SEO na Maelezo ya Meta

Ikiwa umekuwa ukisoma nakala zangu kwa miezi michache iliyopita, utagundua kuwa nimekuwa nikishiriki mengi zaidi juu ya ecommerce, haswa kuhusu Shopify. Kampuni yangu imekuwa ikitengeneza muundo ulioboreshwa sana na uliojumuishwa Shopify Pamoja tovuti kwa mteja. Badala ya kutumia miezi na makumi ya maelfu ya dola kuunda mada kutoka mwanzo, tulizungumza na mteja ili aturuhusu kutumia mada iliyojengwa vizuri na inayotumika ambayo ilijaribiwa na kujaribiwa. Tulikwenda na Wokiee, Mandhari ya Shopify yenye madhumuni mengi ambayo yana uwezo mwingi.

Bado ilihitaji miezi ya maendeleo ili kujumuisha unyumbufu tuliohitaji kulingana na utafiti wa soko na maoni ya mteja wetu. Msingi wa utekelezaji ni kwamba Closet52 ni tovuti ya biashara ya moja kwa moja kwa watumiaji ambapo wanawake wataweza kwa urahisi. nunua nguo mtandaoni.

Kwa sababu Wokiee ni mandhari yenye madhumuni mengi, eneo moja tunalozingatia sana ni uboreshaji wa injini ya utafutaji. Baada ya muda, tunaamini kuwa utafutaji wa kikaboni utakuwa gharama ya chini zaidi kwa kila ununuzi na wanunuzi wenye nia ya juu zaidi ya kununua. Katika utafiti wetu, tuligundua kuwa wanawake hununua nguo zilizo na vishawishi 5 muhimu vya maamuzi:

  • Mitindo ya nguo
  • Rangi za nguo
  • Bei za nguo
  • Kutumwa bure
  • Hurudi bila usumbufu

Majina na maelezo ya meta ni muhimu katika kupata maudhui yako katika faharasa na kuonyeshwa ipasavyo. Kwa hivyo, bila shaka, tunataka lebo ya kichwa na maelezo ya meta ambayo yana vipengele hivyo muhimu!

  • The jina la kichwa katika kichwa cha ukurasa wako ni muhimu ili kuhakikisha kuwa kurasa zako zimeorodheshwa ipasavyo kwa utafutaji wa umuhimu.
  • The maelezo ya meta inaonyeshwa katika kurasa za matokeo ya injini tafuti (SERPs) ambazo hutoa maelezo ya ziada ambayo humshawishi mtumiaji wa utafutaji kubofya.

Changamoto ni kwamba Shopify mara nyingi hushiriki mada na maelezo ya meta kwenye violezo tofauti vya ukurasa - nyumbani, mikusanyiko, bidhaa, n.k. Kwa hivyo, ilinibidi kuandika mantiki fulani ili kujaza mada na maelezo ya meta ipasavyo.

Boresha Kichwa chako cha Ukurasa wa Shopify

Lugha ya mandhari ya Shopify ni kioevu na ni nzuri kabisa. Sitaingia katika maelezo yote ya sintaksia, lakini unaweza kutoa kichwa cha ukurasa kwa urahisi. Jambo moja unalopaswa kukumbuka hapa ni kwamba bidhaa zina lahaja ... kwa hivyo kuingiza lahaja kwenye kichwa cha ukurasa wako inamaanisha kwamba lazima upitie chaguo na uunde mfuatano kwa nguvu wakati kiolezo ni bidhaa template.

Hapa kuna mfano wa kichwa cha a mavazi ya sweta.

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

Na hapa kuna nambari ambayo hutoa matokeo hayo:

{%- 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>

Nambari inavunjika kama hii:

  • Ukurasa Title - jumuisha kichwa halisi cha ukurasa kwanza… bila kujali kiolezo.
  • Tags - jumuisha vitambulisho kwa kujiunga na vitambulisho vinavyohusishwa na ukurasa.
  • Rangi ya Bidhaa - pitia chaguzi za rangi na utengeneze kamba iliyotenganishwa kwa koma.
  • Metafields - Mfano huu wa Shopify una urefu wa mavazi kama uwanja ambao tunataka kujumuisha.
  • Bei - jumuisha bei ya toleo la kwanza.
  • Jina la Duka - ongeza jina la duka mwishoni mwa mada.
  • separator - badala ya kurudia kitenganishi, tunaifanya tu kazi ya kamba na kurudia. Kwa njia hiyo, ikiwa tutaamua kubadilisha ishara hiyo katika siku zijazo, ni katika sehemu moja tu.

Boresha Maelezo ya Meta ya Ukurasa wako wa Shopify

Tulipotambaa kwenye tovuti, tuliona kwamba ukurasa wowote wa kiolezo cha mandhari ambao uliitwa ulikuwa unarudia mipangilio ya SEO ya ukurasa wa nyumbani. Tulitaka kuongeza maelezo tofauti ya meta kulingana na ikiwa ukurasa ulikuwa ukurasa wa nyumbani, ukurasa wa mikusanyiko, au ukurasa halisi wa bidhaa.

Ikiwa huna uhakika jina la kiolezo chako ni nini, ongeza kidokezo cha HTML katika yako mandhari faili na unaweza kutazama chanzo cha ukurasa ili kuitambua.

<!-- Template: {{ template }} -->

Hii ilituruhusu kutambua violezo vyote vilivyotumia maelezo ya meta ya tovuti ili tuweze kurekebisha maelezo ya meta kulingana na kiolezo.

Haya hapa ni maelezo ya meta tunayotaka kwenye ukurasa wa bidhaa hapo juu:

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

Hii hapa kanuni hiyo:

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

Matokeo yake ni seti inayobadilika, ya kina ya mada na maelezo ya meta kwa aina yoyote ya kiolezo au ukurasa wa bidhaa wa kina. Kusonga mbele, kuna uwezekano mkubwa nitarekebisha msimbo kwa kutumia taarifa za kesi na kuipanga vizuri zaidi. Lakini kwa sasa, inazalisha uwepo mzuri zaidi katika kurasa za matokeo ya injini ya utafutaji.

Lakini, ikiwa ungependa punguzo kubwa... tungependa ujaribu tovuti kwa punguzo la 30% la kuponi, tumia msimbo. HIGHBRIDGE wakati wa kuangalia.

Nunua Nguo Sasa

Ufunuo: Mimi ni mshirika wa Shopify na themeforest na ninatumia viungo hivyo katika makala hii. Closet52 ni mteja wa kampuni yangu, Highbridge. Ikiwa ungependa usaidizi katika kukuza uwepo wako wa biashara ya mtandaoni kwa kutumia Shopify, tafadhali Wasiliana nasi.