Shopify: Sut i Raglennu Teitlau Thema Deinamig a Disgrifiadau Meta ar gyfer SEO gan ddefnyddio Liquid
Os ydych chi wedi bod yn darllen fy erthyglau dros y misoedd diwethaf, fe sylwch fy mod wedi bod yn rhannu llawer mwy am e-fasnach, yn enwedig o ran Shopify. Mae fy nghwmni wedi bod yn adeiladu cynllun integredig ac addasedig iawn allan ShopifyPlus safle ar gyfer cleient. Yn hytrach na threulio misoedd a degau o filoedd o ddoleri ar adeiladu thema o'r dechrau, buom yn siarad â'r cleient i ganiatáu inni ddefnyddio thema wedi'i hadeiladu'n dda a'i chefnogi a gafodd ei phrofi. Aethon ni gyda Wokiee, Thema Shopify amlbwrpas sydd â thunnell o alluoedd.
Roedd yn dal i fod angen misoedd o ddatblygiad i ymgorffori'r hyblygrwydd yr oedd ei angen arnom yn seiliedig ar ymchwil marchnad ac adborth ein cleient. Wrth wraidd y gweithredu roedd gwneuthurwr ffasiwn a oedd am adeiladu gwefan e-fasnach uniongyrchol-i-ddefnyddwyr lle byddai menywod yn gallu prynu ffrogiau ar-lein yn hawdd.
Oherwydd bod Wokiee yn thema amlbwrpas, un maes rydyn ni'n canolbwyntio'n fawr arno yw optimeiddio peiriannau chwilio. Dros amser, credwn mai chwilio organig fydd y gost isaf fesul caffaeliad a siopwyr gyda'r bwriad uchaf i brynu. Yn ein hymchwil, gwnaethom nodi bod menywod yn siopa am ffrogiau gyda 5 dylanwadwr penderfyniad allweddol:
- Arddulliau ffrogiau
- Lliwiau o ffrogiau
- Prisiau ffrogiau
- Shipping am ddim
- Dychweliadau di-drafferth
Mae teitlau a meta disgrifiadau yn hollbwysig wrth fynegeio ac arddangos eich cynnwys yn iawn. Felly, wrth gwrs, rydyn ni eisiau tag teitl a meta disgrifiadau sydd â'r elfennau allweddol hynny!
- Mae adroddiadau tag teitl yn eich tudalen mae pennawd yn hanfodol i sicrhau bod eich tudalennau wedi'u mynegeio'n gywir ar gyfer chwiliadau perthnasol.
- Mae adroddiadau Disgrifiad Meta yn cael ei arddangos ar dudalennau canlyniadau peiriannau chwilio (SERPs) sy'n darparu gwybodaeth ychwanegol sy'n denu'r defnyddiwr chwilio i glicio drwodd.
Yr her yw bod Shopify yn aml yn rhannu teitlau a meta-ddisgrifiadau ar draws gwahanol dempledi tudalennau - cartref, casgliadau, cynhyrchion, ac ati. Felly, roedd yn rhaid i mi ysgrifennu rhywfaint o resymeg i boblogi'r teitlau a'r meta-ddisgrifiadau yn ddeinamig.
Optimeiddio Eich Teitl Tudalen Shopify
Iaith thema Shopify yw hylif ac mae'n eithaf da. Ni fyddaf yn mynd i mewn i holl fanylion y gystrawen, ond gallwch greu teitl tudalen yn ddeinamig yn eithaf hawdd. Un peth y mae'n rhaid i chi ei gadw mewn cof yma yw bod gan gynhyrchion amrywiadau ... felly mae ymgorffori amrywiadau i deitl eich tudalen yn golygu bod yn rhaid i chi ddolennu trwy'r opsiynau ac adeiladu'r llinyn yn ddeinamig pan fydd y templed yn cynnyrch templed.
Dyma enghraifft o deitl ar gyfer a gwisg siwmper plaid.
<title>Plaid Sweater Dress on sale today for $78.00 » Multi Knee-Length » Closet52</title>
A dyma'r cod sy'n cynhyrchu'r canlyniad hwnnw:
{%- 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: """ -}}{%- 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>
Mae'r cod yn torri i lawr fel hyn:
- Teitl y Dudalen - ymgorffori teitl y dudalen wirioneddol yn gyntaf ... waeth beth yw'r templed.
- Tags - ymgorffori tagiau trwy ymuno â thagiau sy'n gysylltiedig â thudalen.
- Lliwiau Cynnyrch - dolennu trwy'r opsiynau lliw ac adeiladu llinyn wedi'i wahanu â choma.
- Metafields - mae gan yr enghraifft Shopify hon hyd y ffrog fel metafield yr ydym am ei chynnwys.
- Pris - cynnwys pris yr amrywiad cyntaf.
- Enw'r Siop - ychwanegwch enw'r siop ar ddiwedd y teitl.
- gwahanydd - yn hytrach nag ailadrodd y gwahanydd, rydyn ni'n ei wneud yn aseiniad llinyn a'i ailadrodd. Y ffordd honno, os penderfynwn newid y symbol hwnnw yn y dyfodol, dim ond mewn un lle y mae.
Optimeiddio Eich Tudalen Shopify Meta Disgrifiad
Pan wnaethom gropian y wefan, gwnaethom sylwi bod unrhyw dudalen templed thema a alwyd yn ailadrodd gosodiadau SEO y dudalen gartref. Roeddem am ychwanegu meta-ddisgrifiad gwahanol yn dibynnu a oedd y dudalen yn dudalen gartref, yn dudalen gasgliadau, neu'n dudalen cynnyrch gwirioneddol.
Os nad ydych yn siŵr beth yw enw'ch templed, ychwanegwch nodyn HTML yn eich theme.liquid ffeil a gallwch weld ffynhonnell y dudalen i'w hadnabod.
<!-- Template: {{ template }} -->
Caniataodd hyn i ni nodi'r holl dempledi a ddefnyddiodd ddisgrifiad meta'r wefan fel y gallem addasu'r meta disgrifiad yn seiliedig ar y templed.
Dyma'r meta disgrifiad rydyn ni ei eisiau ar y dudalen cynnyrch uchod:
<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.">
Dyma'r cod hwnnw:
{%- 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: """ -}}{%- 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 }}">
Y canlyniad yw set ddeinamig, gynhwysfawr o deitlau a meta-ddisgrifiadau ar gyfer unrhyw fath o dempled neu dudalen cynnyrch manwl. Wrth symud ymlaen, mae'n debyg y byddaf yn ail-ffactorio'r cod gan ddefnyddio datganiadau achos a'i drefnu ychydig yn well. Ond am y tro, mae'n cynhyrchu presenoldeb llawer brafiach ar dudalennau canlyniadau peiriannau chwilio.
Datgeliad: Rwy'n aelod cyswllt ar gyfer Shopify ac Themeforest ac rwy'n defnyddio'r dolenni hynny yn yr erthygl hon. Roedd Closet52 yn gleient i fy nghwmni, DK New Media. Os hoffech gael cymorth i ddatblygu eich presenoldeb e-fasnach gan ddefnyddio Shopify, os gwelwch yn dda Cysylltwch â ni.