Shopify: Kiel Programi Dinamikajn Temajn Titolojn kaj Meta-Priskribojn por SEO uzante Likvaĵon

Shopify Ŝablona Likva - Agordu SEO-Titolon kaj Meta Priskribon

Se vi legis miajn artikolojn la lastajn monatojn, vi rimarkos, ke mi konigis multe pli pri elektronika komerco, precipe koncerne Shopify. Mia firmao konstruis tre personecigitan kaj integritan ShopifyPlus retejo por kliento. Prefere ol elspezi monatojn kaj dekojn da miloj da dolaroj por konstrui temon de nulo, ni alvokis la klienton ke ni permesu al ni uzi bone konstruitan kaj subtenan temon, kiu estis provita. Ni iris kun Vokero, ĝeneralvalida Shopify-temo, kiu havas multajn kapablojn.

Ĝi ankoraŭ postulis monatojn da evoluo por korpigi la flekseblecon, kiun ni bezonis surbaze de merkata esploro kaj la sugestoj de niaj klientoj. La kerno de la efektivigo estis, ke Closet52 estas rekta al konsumanta retkomerca retejo, kie virinoj povus facile aĉeti vestojn interrete.

Ĉar Wokiee estas ĝeneralvalida temo, unu areo pri kiu ni tre koncentriĝas estas serĉilo-optimumigo. Kun la tempo, ni kredas, ke organika serĉo estos la plej malalta kosto por akiro kaj aĉetantoj kun la plej alta intenco aĉeti. En nia esplorado, ni identigis, ke virinoj aĉetas vestojn kun 5 ŝlosilaj decidaj influantoj:

  • Stiloj de vestoj
  • Koloroj de vestoj
  • Prezoj de vestoj
  • libera Ekspedo
  • Senproblemaj Revenoj

Titoloj kaj metapriskriboj estas kritikaj igi vian enhavon indeksita kaj montrita ĝuste. Do, kompreneble, ni volas titoletikedon kaj metapriskribojn, kiuj havas tiujn ŝlosilajn elementojn!

  • la titola etikedo en via paĝo-titolo estas kritika por certigi, ke viaj paĝoj estas ĝuste indeksitaj por la serĉoj de graveco.
  • la meta-priskribo estas montrata en serĉo-rezultaj paĝoj (SERPoj), kiuj provizas pliajn informojn, kiuj allogas la serĉan uzanton klaki.

La defio estas, ke Shopify ofte dividas titolojn kaj metapriskribojn tra malsamaj paĝaj ŝablonoj - hejmo, kolektoj, produktoj, ktp. Do, mi devis skribi iun logikon por dinamike plenigi la titolojn kaj metapriskribojn ĝuste.

Optimumu Vian Shopify Paĝan Titolo

La temolingvo de Shopify estas likva kaj ĝi estas sufiĉe bona. Mi ne eniros ĉiujn detalojn de la sintakso, sed vi povas dinamike generi paĝtitolon sufiĉe facile. Unu afero, kiun vi devas memori ĉi tie, estas, ke produktoj havas variaĵojn ... do korpigi variantojn en vian paĝtitolon signifas, ke vi devas trarigardi la opciojn kaj dinamike konstrui la ŝnuron kiam la ŝablono estas. produkto ŝablono.

Jen ekzemplo de titolo por a plejda svetera vesto.

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

Kaj jen la kodo kiu produktas tiun rezulton:

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

La kodo malkonstruas jene:

  • Paĝo Titolo - korpigi la realan paĝotitolon unue... sendepende de la ŝablono.
  • Etikedoj - korpigi etikedojn kunigante etikedojn asociitajn kun paĝo.
  • Produktaj Koloroj – trarigardu la kolorajn elektojn kaj konstruu komo-separatan ĉenon.
  • Metakampoj – ĉi tiu Shopify-okazaĵo havas la vestan longon kiel metakampon, kiun ni volas inkludi.
  • Prezo – inkluzivu la prezon de la unua varianto.
  • Butika Nomo – aldonu la nomon de la butiko ĉe la fino de la titolo.
  • Apartigilo – prefere ol ripeti la apartigilon, ni simple faras ĝin ŝnurtasko kaj ripetas ĝin. Tiel, se ni decidas ŝanĝi tiun simbolon estonte, ĝi estas nur en unu loko.

Optimumu Vian Shopify Paĝo Meta Priskribo

Kiam ni rampis la retejon, ni rimarkis, ke iu ajn temo-ŝablona paĝo, kiu estis nomita, ripetas la hejmpaĝajn SEO-agordojn. Ni volis aldoni malsaman metapriskribon depende de ĉu la paĝo estis hejmpaĝo, kolekto-paĝo aŭ reala produkta paĝo.

Se vi ne certas, kia estas via ŝablono nomo, simple aldonu HTML-noton en via theme.liquid dosiero kaj vi povas vidi la fonton de la paĝo por identigi ĝin.

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

Ĉi tio permesis al ni identigi ĉiujn ŝablonojn, kiuj uzis la metapriskribon de la retejo, por ke ni povu modifi la metapriskribon surbaze de la ŝablono.

Jen la metapriskribo, kiun ni volas en la supra produkta paĝo:

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

Jen tiu kodo:

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

La rezulto estas dinamika, ampleksa aro de titoloj kaj metapriskriboj por ajna speco de ŝablono aŭ detala produktopaĝo. Antaŭen, mi plej verŝajne refaktorigos la kodon uzante kazdeklarojn kaj organizos ĝin iom pli bone. Sed nuntempe, ĝi produktas multe pli belan ĉeeston en serĉilaj rezultpaĝoj.

Cetere, se vi ŝatus grandan rabaton... ni ŝatus, ke vi elprovi la retejon kun rabata kupono de 30%, uzu kodon HIGHBRIDGE kiam vi elrigardas.

Aĉetu Por Vestitaj Nun

Malkaŝo: Mi estas filio de Shopify kaj ThemeForest kaj mi uzas tiujn ligilojn en ĉi tiu artikolo. Closet52 estas kliento de mia firmao, Highbridge. Se vi ŝatus helpon por disvolvi vian retkomercan ĉeeston per Shopify, bonvolu kontaktu nin.