Shopify: Si të programoni titujt e temave dinamike dhe përshkrimet meta për SEO duke përdorur Liquid

Shopify Template Liquid - Personalizo titullin e SEO dhe përshkrimin meta

Nëse i keni lexuar artikujt e mi muajt e fundit, do të vini re se unë kam ndarë shumë më tepër rreth tregtisë elektronike, veçanërisht në lidhje me Shopify. Firma ime ka ndërtuar një shumë të personalizuar dhe të integruar ShopifyPlus faqe për një klient. Në vend që të shpenzonim muaj dhe dhjetëra mijëra dollarë për ndërtimin e një teme nga e para, ne folëm me klientin që të na lejonte të përdorim një temë të ndërtuar mirë dhe të mbështetur që u provua dhe u testua. Ne shkuam me Wokiee, një temë shumëfunksionale Shopify që ka një ton aftësish.

Duheshin ende muaj zhvillimi për të përfshirë fleksibilitetin që na nevojitej bazuar në hulumtimin e tregut dhe reagimet e klientëve tanë. Në thelb të zbatimit ishte se Closet52 është një faqe e tregtisë elektronike e drejtpërdrejtë te konsumatori ku gratë do të ishin në gjendje të blej fustane online.

Për shkak se Wokiee është një temë me shumë qëllime, një fushë ku ne jemi shumë të fokusuar është optimizimi i motorëve të kërkimit. Me kalimin e kohës, ne besojmë se kërkimi organik do të jetë kostoja më e ulët për blerje dhe blerësit me qëllimin më të lartë për të blerë. Në kërkimin tonë, ne identifikuam se gratë blejnë fustane me 5 ndikues kryesorë të vendimeve:

  • Stilet e fustaneve
  • Ngjyrat e fustaneve
  • Çmimet e fustaneve
  • Transporti FALAS
  • Kthime pa sherr

Titujt dhe përshkrimet meta janë kritike për të indeksuar dhe shfaqur siç duhet përmbajtjen tuaj. Pra, sigurisht, ne duam një etiketë titulli dhe përshkrime meta që kanë ato elemente kryesore!

  • La etiketë titulli në një titull të faqes tuaj është kritike për të siguruar që faqet tuaja të indeksohen siç duhet për kërkimet e rëndësishme.
  • La përshkrimi meta shfaqet në faqet e rezultateve të motorit të kërkimit (SERPs) që ofron informacion shtesë që e josh përdoruesin e kërkimit të klikojë.

Sfida është se Shopify shpesh ndan tituj dhe meta përshkrime nëpër shabllone të ndryshme faqesh – shtëpi, koleksione, produkte, etj. Pra, më duhej të shkruaja një logjikë për të populluar në mënyrë dinamike titujt dhe përshkrimet meta siç duhet.

Optimizoni titullin e faqes tuaj Shopify

Gjuha e temës së Shopify është e lëngshme dhe është mjaft e mirë. Unë nuk do të hyj në të gjitha detajet e sintaksës, por ju mund të krijoni në mënyrë dinamike një titull faqeje shumë lehtë. Një gjë që duhet të mbani parasysh këtu është se produktet kanë variante … kështu që përfshirja e varianteve në titullin e faqes suaj do të thotë që ju duhet të kaloni nëpër opsionet dhe të ndërtoni dinamikisht vargun kur shablloni është një produkt shabllon

Këtu është një shembull i një titulli për a fustan pulovër me karton.

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

Dhe këtu është kodi që prodhon atë rezultat:

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

Kodi zbërthehet kështu:

  • Ballinë – inkorporoni fillimisht titullin aktual të faqes… pavarësisht nga shablloni.
  • Etiketa – inkorporoni etiketat duke bashkuar etiketat e lidhura me një faqe.
  • Ngjyrat e produkteve – kaloni nëpër opsionet e ngjyrave dhe ndërtoni një varg të ndarë me presje.
  • Metafields – ky shembull i Shopify ka gjatësinë e veshjes si një metafushë që dëshirojmë të përfshijmë.
  • Çmimi – përfshini çmimin e variantit të parë.
  • Emri i dyqanit – shtoni emrin e dyqanit në fund të titullit.
  • ndarës – në vend që ta përsërisim ndarësin, ne thjesht e bëjmë atë një detyrë vargu dhe e përsërisim atë. Në këtë mënyrë, nëse vendosim ta ndryshojmë atë simbol në të ardhmen, ai është vetëm në një vend.

Optimizoni përshkrimin e meta të faqes tuaj Shopify

Kur zvarritëm faqen, vumë re se çdo faqe e shabllonit të temës që thirrej po përsëriste cilësimet e SEO të faqes kryesore. Ne donim të shtonim një përshkrim të ndryshëm meta në varësi të faktit nëse faqja ishte një faqe kryesore, faqe koleksionesh ose faqe aktuale e produktit.

Nëse nuk jeni i sigurt se cili është emri i shabllonit tuaj, thjesht shtoni një shënim HTML në tuaj theme.liquid skedari dhe mund të shikoni burimin e faqes për ta identifikuar atë.

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

Kjo na lejoi të identifikonim të gjithë shabllonet që përdorën përshkrimin meta të sajtit në mënyrë që të mund të modifikonim përshkrimin meta bazuar në shabllon.

Këtu është përshkrimi meta që duam në faqen e produktit të mësipërm:

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

Këtu është ai kod:

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

Rezultati është një grup dinamik, gjithëpërfshirës titujsh dhe meta përshkrimesh për çdo lloj shabllon ose faqe produkti të detajuar. Duke ecur përpara, me shumë mundësi do ta rifaktoj kodin duke përdorur deklaratat e rastit dhe do ta organizoj atë pak më mirë. Por tani për tani, po prodhon një prani shumë më të mirë në faqet e rezultateve të motorëve të kërkimit.

Meqë ra fjala, nëse dëshironi një zbritje të madhe… do të donim që të provonit faqen me një kupon 30% ulje, përdorni kodin HIGHBRIDGE kur dilni jashtë

Blini fustane tani

Zbulimi: Unë jam një bashkëpunëtor për Shopify ThemeForest dhe unë jam duke përdorur ato lidhje në këtë artikull. Closet52 është një klient i firmës sime, Highbridge. Nëse dëshironi ndihmë në zhvillimin e pranisë suaj të tregtisë elektronike duke përdorur Shopify, ju lutemi na kontaktoni.