Shopify: Hvernig á að forrita kraftmikla þematitla og metalýsingar fyrir SEO með því að nota vökva

Shopify sniðmát fljótandi - Sérsníddu SEO titil og metalýsingu

Ef þú hefur verið að lesa greinarnar mínar undanfarna mánuði muntu taka eftir því að ég hef verið að deila miklu meira um netverslun, sérstaklega m.t.t. Shopify. Fyrirtækið mitt hefur verið að byggja upp mjög sérsniðið og samþætt ShopifyPlus síða fyrir viðskiptavin. Í stað þess að eyða mánuðum og tugum þúsunda dollara í að byggja upp þema frá grunni, ræddum við viðskiptavininn til að leyfa okkur að nota vel byggt og stutt þema sem var reynt og prófað. Við fórum með Wokiee, fjölnota Shopify þema sem hefur fullt af getu.

Það þurfti samt margra mánaða þróun til að innlima þann sveigjanleika sem við þurftum á grundvelli markaðsrannsókna og endurgjöf viðskiptavina okkar. Kjarninn í innleiðingunni var að Closet52 er netviðskiptasíða beint til neytenda þar sem konur gætu auðveldlega kaupa kjóla á netinu.

Vegna þess að Wokiee er fjölnota þema, er eitt svið sem við leggjum mikla áherslu á leitarvélabestun. Með tímanum teljum við að lífræn leit verði lægsti kostnaðurinn fyrir hverja kaup og kaupendur með mestan ásetning um að kaupa. Í rannsókn okkar komumst við að því að konur versla kjóla með 5 lykilákvarðanavalda:

  • Stíll kjóla
  • Litir kjóla
  • Verð á kjólum
  • Frí Heimsending
  • Engin þræta skil

Titlar og meta lýsingar eru mikilvægar að fá efnið þitt verðtryggt og birt á réttan hátt. Svo, auðvitað viljum við titilmerki og metalýsingar sem hafa þessa lykilþætti!

  • The titilmerki í fyrirsögn síðunnar er mikilvægt til að tryggja að síðurnar þínar séu skráðar á réttan hátt fyrir þær leitir sem máli skipta.
  • The Meta lýsingu er birt á leitarniðurstöðusíðum (SERP) sem veita viðbótarupplýsingar sem tæla leitarnotandann til að smella í gegnum.

Áskorunin er sú að Shopify deilir oft titlum og metalýsingum á mismunandi síðusniðmátum - heimili, söfn, vörur osfrv. Svo ég þurfti að skrifa rökfræði til að fylla titlana og metalýsingarnar almennilega.

Fínstilltu Shopify síðuheitið þitt

Þematungumál Shopify er fljótandi og það er alveg ágætt. Ég mun ekki fara í allar upplýsingar um setningafræðina, en þú getur búið til síðuheiti á virkan hátt frekar auðveldlega. Eitt sem þú verður að hafa í huga hér er að vörur eru með afbrigði ... svo að fella afbrigði inn í titil síðunnar þýðir að þú verður að fara í gegnum valkostina og byggja strenginn á kraftmikinn hátt þegar sniðmátið er vara sniðmát.

Hér er dæmi um titil fyrir a flötur peysukjóll.

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

Og hér er kóðinn sem framleiðir þá niðurstöðu:

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

Kóðinn sundrast svona:

  • Síðuheiti - settu inn raunverulegan síðutitil fyrst ... óháð sniðmátinu.
  • Tags - fella inn merki með því að sameina merki sem tengjast síðu.
  • Vörulitir – lykkjaðu í gegnum litamöguleikana og smíðaðu streng aðskilinn með kommum.
  • Metafields - þetta Shopify tilvik hefur kjóllengdina sem metafield sem við viljum hafa með.
  • Verð – innifalið verð fyrsta afbrigðisins.
  • Verslunarnafn – bættu nafni verslunarinnar við aftast í titlinum.
  • separator – frekar en að endurtaka skiljuna, gerum við það bara að strengjaúthlutun og endurtökum það. Þannig, ef við ákveðum að breyta því tákni í framtíðinni, þá er það aðeins á einum stað.

Fínstilltu Shopify síðu lýsingu þína

Þegar við skriðum á síðuna tókum við eftir því að hvaða þemasniðmátssíða sem var kölluð var að endurtaka SEO stillingar heimasíðunnar. Við vildum bæta við annarri metalýsingu eftir því hvort síðan væri heimasíða, safnsíða eða raunveruleg vörusíða.

Ef þú ert ekki viss um hvað sniðmátsnafnið þitt er skaltu bara bæta HTML athugasemd við theme.liquid skrá og þú getur skoðað uppruna síðunnar til að bera kennsl á hana.

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

Þetta gerði okkur kleift að bera kennsl á öll sniðmátin sem notuðu metalýsingu síðunnar svo við gætum breytt metalýsingunni út frá sniðmátinu.

Hér er metalýsingin sem við viljum á vörusíðunni hér að ofan:

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

Hér er þessi kóði:

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

Niðurstaðan er kraftmikið, yfirgripsmikið sett af titlum og metalýsingum fyrir hvers kyns sniðmát eða nákvæma vörusíðu. Í framhaldinu mun ég líklega endurskoða kóðann með því að nota tilviksyfirlýsingar og skipuleggja hann aðeins betur. En í bili skilar það miklu betri viðveru á niðurstöðusíðum leitarvéla.

Við the vegur, ef þú vilt fá frábæran afslátt... viljum við gjarnan prófa síðuna með 30% afsláttarmiða, notaðu kóðann HIGHBRIDGE við útritun.

Verslaðu kjóla núna

Upplýsingagjöf: Ég er hlutdeildarfélag í Shopify og themeforest og ég er að nota þá tengla í þessari grein. Closet52 er viðskiptavinur fyrirtækisins míns, Highbridge. Ef þú vilt fá aðstoð við að þróa viðveru þína í netverslun með Shopify, vinsamlegast hafa samband við okkur.