Shopify: திரவத்தைப் பயன்படுத்தி எஸ்சிஓவிற்கான டைனமிக் தீம் தலைப்புகள் மற்றும் மெட்டா விளக்கங்களை எவ்வாறு நிரல் செய்வது

Shopify டெம்ப்ளேட் திரவம் - எஸ்சிஓ தலைப்பு மற்றும் மெட்டா விளக்கத்தைத் தனிப்பயனாக்குங்கள்

கடந்த சில மாதங்களாக நீங்கள் எனது கட்டுரைகளைப் படித்துக்கொண்டிருந்தால், மின்வணிகத்தைப் பற்றி, குறிப்பாகப் பற்றி நான் அதிகம் பகிர்ந்து வருவதை நீங்கள் கவனிப்பீர்கள். shopify. எனது நிறுவனம் மிகவும் தனிப்பயனாக்கப்பட்ட மற்றும் ஒருங்கிணைக்கப்பட்ட ஒன்றை உருவாக்கி வருகிறது Shopify Plus ஒரு வாடிக்கையாளருக்கான தளம். புதிதாக ஒரு கருப்பொருளை உருவாக்க மாதங்கள் மற்றும் பல்லாயிரக்கணக்கான டாலர்களை செலவழிப்பதற்குப் பதிலாக, முயற்சி செய்து சோதிக்கப்பட்ட நன்கு கட்டமைக்கப்பட்ட மற்றும் ஆதரிக்கப்பட்ட தீம் ஒன்றைப் பயன்படுத்துவதற்கு கிளையண்டிடம் பேசினோம். உடன் சென்றோம் வோக்கி, ஒரு டன் திறன்களைக் கொண்ட பல்நோக்கு Shopify தீம்.

சந்தை ஆராய்ச்சி மற்றும் எங்கள் வாடிக்கையாளரின் கருத்து ஆகியவற்றின் அடிப்படையில் எங்களுக்குத் தேவையான நெகிழ்வுத்தன்மையை இணைக்க இன்னும் பல மாதங்கள் தேவைப்பட்டது. க்ளோசெட்52 என்பது நேரடியாக நுகர்வோர் இணையவழி தளமாகும், இதில் பெண்கள் எளிதாகப் பயன்படுத்த முடியும். ஆன்லைனில் ஆடைகளை வாங்கவும்.

வோக்கி ஒரு பல்நோக்கு தீம் என்பதால், நாங்கள் அதிக கவனம் செலுத்தும் ஒரு பகுதி தேடுபொறி உகப்பாக்கம் ஆகும். காலப்போக்கில், ஆர்கானிக் தேடல் என்பது ஒரு கையகப்படுத்துதலுக்கான மிகக் குறைந்த செலவாகும் என்றும், வாங்குவோர் அதிக நோக்கத்துடன் வாங்குவார்கள் என்றும் நாங்கள் நம்புகிறோம். எங்கள் ஆராய்ச்சியில், பெண்கள் 5 முக்கிய முடிவெடுப்பவர்களுடன் ஆடைகளை வாங்குவதை நாங்கள் கண்டறிந்தோம்:

  • ஆடைகளின் பாங்குகள்
  • ஆடைகளின் நிறங்கள்
  • ஆடைகளின் விலைகள்
  • இலவச கப்பல்
  • தொந்தரவு இல்லாத ரிட்டர்ன்ஸ்

தலைப்புகள் மற்றும் மெட்டா விளக்கங்கள் முக்கியமானவை உங்கள் உள்ளடக்கம் அட்டவணைப்படுத்தப்பட்டு சரியாகக் காட்டப்படும். எனவே, நிச்சயமாக, அந்த முக்கிய கூறுகளைக் கொண்ட தலைப்புக் குறிச்சொல் மற்றும் மெட்டா விளக்கங்கள் தேவை!

  • தி தலைப்பு குறிச்சொல் உங்கள் பக்கத்தின் தலைப்பில் தொடர்புடைய தேடல்களுக்கு உங்கள் பக்கங்கள் சரியாக அட்டவணைப்படுத்தப்பட்டிருப்பதை உறுதிசெய்ய முக்கியமானது.
  • தி மெட்டா விளக்கம் தேடுபொறி முடிவுப் பக்கங்களில் (SERPs) காட்டப்படும், இது தேடல் பயனரைக் கிளிக் செய்யத் தூண்டும் கூடுதல் தகவலை வழங்குகிறது.

சவால் என்னவென்றால், Shopify பெரும்பாலும் வெவ்வேறு பக்க டெம்ப்ளேட்டுகளில் தலைப்புகள் மற்றும் மெட்டா விளக்கங்களைப் பகிர்ந்து கொள்கிறது - வீடு, சேகரிப்புகள், தயாரிப்புகள் போன்றவை. எனவே, தலைப்புகள் மற்றும் மெட்டா விளக்கங்களை டைனமிக் முறையில் நிரப்ப சில தர்க்கங்களை எழுத வேண்டியிருந்தது.

உங்கள் Shopify பக்க தலைப்பை மேம்படுத்தவும்

Shopify இன் தீம் மொழி திரவ மற்றும் அது மிகவும் நல்லது. தொடரியல் பற்றிய அனைத்து விவரங்களையும் நான் பெறமாட்டேன், ஆனால் நீங்கள் மிகவும் எளிதாக ஒரு பக்க தலைப்பை மாறும் வகையில் உருவாக்கலாம். இங்கே நீங்கள் நினைவில் கொள்ள வேண்டிய ஒரு விஷயம் என்னவென்றால், தயாரிப்புகளில் மாறுபாடுகள் உள்ளன ... எனவே உங்கள் பக்கத்தின் தலைப்பில் மாறுபாடுகளை இணைப்பதன் மூலம், நீங்கள் விருப்பங்களைச் சுழற்ற வேண்டும் மற்றும் டெம்ப்ளேட் ஒரு போது சரத்தை மாறும் வகையில் உருவாக்க வேண்டும். தயாரிப்பு டெம்ப்ளேட்.

ஒரு தலைப்புக்கான உதாரணம் இங்கே கட்டப்பட்ட ஸ்வெட்டர் ஆடை.

<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 பக்க மெட்டா விளக்கத்தை மேம்படுத்தவும்

நாங்கள் தளத்தை வலைவலம் செய்தபோது, ​​அழைக்கப்பட்ட எந்த தீம் டெம்ப்ளேட் பக்கமும் முகப்புப் பக்க எஸ்சிஓ அமைப்புகளை மீண்டும் செய்வதைக் கவனித்தோம். பக்கம் முகப்புப் பக்கமா, சேகரிப்புப் பக்கமா அல்லது உண்மையான தயாரிப்புப் பக்கமா என்பதைப் பொறுத்து வேறுபட்ட மெட்டா விளக்கத்தைச் சேர்க்க விரும்புகிறோம்.

உங்கள் டெம்ப்ளேட் பெயர் என்னவென்று உங்களுக்குத் தெரியாவிட்டால், உங்களில் ஒரு 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 மற்றும் முக்கிய இந்த கட்டுரையில் அந்த இணைப்புகளை நான் பயன்படுத்துகிறேன். Closet52 எனது நிறுவனத்தின் வாடிக்கையாளர், Highbridge. Shopify ஐப் பயன்படுத்தி உங்கள் மின்வணிக இருப்பை மேம்படுத்துவதற்கு உதவி செய்ய விரும்பினால், தயவுசெய்து எங்களை தொடர்பு.