Shopify: Wéi programméiere dynamesch Theme Titelen a Meta Beschreiwunge fir SEO mat Liquid

Shopify Template Liquid - Customize SEO Titel a Meta Beschreiwung

Wann Dir meng Artikelen déi lescht Méint gelies hutt, mierkt Dir datt ech vill méi iwwer den Ecommerce gedeelt hunn, besonnesch a punkto Shopify. Meng Firma huet eng héich personaliséiert an integréiert ausgebaut ShopifyPlus Site fir e Client. Anstatt Méint an Zéngdausende vun Dollar ze verbréngen fir en Thema vun Null ze bauen, hu mir de Client geschwat fir eis e gutt gebauten an ënnerstëtzten Thema ze benotzen dat probéiert a getest gouf. Mir si mat Wokiee, e Multipurpose Shopify Thema dat eng Tonne vu Fäegkeeten huet.

Et erfuerdert nach ëmmer Méint Entwécklung fir d'Flexibilitéit ze integréieren déi mir gebraucht hunn baséiert op Maartfuerschung an de Feedback vun eise Clienten. Am Kär vun der Implementatioun war datt Closet52 en direkten-zu-Verbraucher Ecommerce Site ass wou d'Frae fäeg wieren kafen kleet online.

Well Wokiee e Multipurpose Thema ass, ass ee Beräich op deem mir héich fokusséiert sinn Sichmotoroptimiséierung. Mat der Zäit gleewen mir datt organesch Sich déi niddregst Käschte pro Acquisitioun wäert sinn a Shoppers mat der héchster Absicht fir ze kafen. An eiser Fuerschung hu mir identifizéiert datt Frae Kleeder mat 5 Schlësselentscheedungsinfluencer shoppen:

  • Stiler vu Kleeder
  • Faarwen vu Kleeder
  • Präisser vun Kleeder
  • Versand fräi
  • Iergerfräi Returns

Titelen a Metabeschreiwunge si kritesch fir Ären Inhalt indexéiert a richteg ugewisen ze kréien. Also, natierlech wëlle mir en Titeltag a Metabeschreiwungen déi dës Schlësselelementer hunn!

  • d' Titel Tag an enger Är Säit Rubrik ass kritesch fir sécherzestellen datt Är Säiten richteg indexéiert sinn fir d'Sich vun der Relevanz.
  • d' Meta Beschreiwung gëtt op Sichmotorresultatsäiten (SERPs) ugewisen, déi zousätzlech Informatioun ubitt, déi de Sichbenotzer verlockt duerch ze klicken.

D'Erausfuerderung ass datt Shopify dacks Titelen a Metabeschreiwungen iwwer verschidde Säittemplates deelen - Heem, Kollektiounen, Produkter, etc. Also, ech hu misse Logik schreiwen fir d'Titelen an d'Metabeschreiwungen dynamesch richteg ze populéieren.

Optimiséiert Äre Shopify Säittitel

Shopify's Thema Sprooch ass flësseg an et ass ganz gutt. Ech kommen net an all Detailer vun der Syntax, awer Dir kënnt dynamesch e Säittitel zimlech einfach generéieren. Eng Saach déi Dir hei am Kapp behalen muss ass datt d'Produkter Varianten hunn ... also Varianten an Ärem Säittitel integréieren heescht datt Dir duerch d'Optiounen muss schloen an d'String dynamesch bauen wann d'Schabloun eng Produit Schabloun.

Hei ass e Beispill vun engem Titel fir eng plaid Pullover Kleed.

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

An hei ass de Code deen dat Resultat produzéiert:

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

De Code brécht esou op:

  • Säitentitel - den aktuellen Säittitel als éischt integréieren ... onofhängeg vun der Schabloun.
  • Tags - Tags integréieren andeems Dir Tags verbonne mat enger Säit verbënnt.
  • Produit Faarwen - Loop duerch d'Faarfoptiounen a baut e komma-getrennten String.
  • Metafields - Dës Shopify Instanz huet d'Kleedungslängt als Metafeld dat mir wëllen enthalen.
  • Präis – enthält de Präis vun der éischter Variant.
  • Shop Numm – füügt den Numm vum Buttek um Enn vum Titel dobäi.
  • Separator - anstatt de Separator ze widderhuelen, maache mir et just eng String-Aufgab a widderhuelen et. Op dës Manéier, wa mir décidéieren dat Symbol an Zukunft z'änneren, ass et nëmmen op enger Plaz.

Optimiséiert Är Shopify Säit Meta Beschreiwung

Wa mir de Site gekrabbelt hunn, hu mir gemierkt datt all Thema Template Säit déi genannt gouf d'Homepage SEO Astellunge widderhuelen. Mir wollten eng aner Metabeschreiwung addéieren ofhängeg ob d'Säit eng Homepage, Sammlungssäit oder aktuell Produkt Säit war.

Wann Dir net sécher sidd wat Äre Schablounnumm ass, füügt einfach eng HTML Notiz an Ärem Theme.liquid Datei an Dir kënnt d'Quell vun der Säit kucken fir se z'identifizéieren.

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

Dëst huet eis erlaabt all Templates z'identifizéieren déi d'Metabeschreiwung vum Site benotzt hunn, fir datt mir d'Metabeschreiwung op Basis vun der Schabloun änneren kënnen.

Hei ass d'Metabeschreiwung déi mir op der uewe genannter Produktsäit wëllen:

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

Hei ass dee Code:

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

D'Resultat ass eng dynamesch, ëmfaassend Set vun Titelen a Metabeschreiwunge fir all Typ vu Schabloun oder detailléiert Produktsäit. Virugoen, wäert ech héchstwahrscheinlech de Code refactoréieren mat Fall Aussoen an organiséieren et e bësse besser. Awer fir de Moment produzéiert et eng vill méi flott Präsenz op Sichmotorresultatsäiten.

Iwwregens, wann Dir eng super Remise wëllt ... mir géifen Iech gären de Site mat engem Coupon vun 30% ausprobéieren, benotzt Code HIGHBRIDGE beim Auschecken.

Shop Fir Kleeder Elo

Verëffentlechung: Ech sinn en Affiliate fir Shopify an Themeforest an ech benotzen déi Linken an dësem Artikel. Closet52 ass e Client vu menger Firma, Highbridge. Wann Dir Hëllef wëllt fir Är Ecommerce Präsenz mat Shopify z'entwéckelen, w.e.g Kontaktéiert eis.