Retkomerco kaj PodetaladoSerĉi Merkatumadon

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

Se vi legis miajn artikolojn dum la lastaj monatoj, vi rimarkos, ke mi konigis multe pli pri elektronika komerco, precipe rilate al 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 nia kliento. Ĉe la kerno de la efektivigo estis modfabrikisto kiu volis konstrui rektan al konsumanta retkomerca retejo kie virinoj povus facile aĉeti robojn 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
  • Sen ĝenaj 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ĝa rubriko estas kritika por certigi, ke viaj paĝoj estas ĝuste indeksitaj por serĉoj de graveco.
  • la meta-priskribo estas montrata en serĉilaj rezultpaĝoj (SERPoj) kiuj provizas pliajn informojn, kiuj allogas la serĉan uzanton klaki tra.

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ĵo 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 -%}
    {%- 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>

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ŭ la fakta 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 no-hassle 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 == '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 }}">

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 per kazaj deklaroj kaj organizos ĝin iom pli bone. Sed nuntempe, ĝi produktas multe pli belan ĉeeston sur serĉilaj rezultpaĝoj.

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

Douglas Karr

Douglas Karr estas CMO de OpenINSIGHTS kaj la fondinto de la Martech Zone. Douglas helpis dekduojn da sukcesaj MarTech-noventreprenoj, helpis en la konvena diligento de pli ol $ 5 miliardoj en Martech-akiroj kaj investoj, kaj daŭre helpas firmaojn en efektivigado kaj aŭtomatigo de siaj vendaj kaj merkatigstrategioj. Douglas estas internacie agnoskita cifereca transformo kaj MarTech-eksperto kaj parolanto. Douglas ankaŭ estas publikigita verkinto de la gvidisto de Dummie kaj komerca gvidadlibro.

rilataj Artikoloj

Reen al la supra butono
Fermi

Adbloko Detektita

Martech Zone kapablas provizi al vi ĉi tiun enhavon senkoste ĉar ni monetigas nian retejon per reklamaj enspezoj, filiaj ligiloj kaj sponsorado. Ni dankus se vi forigus vian reklamblokilon dum vi rigardas nian retejon.