Shopify: kuidas programmeerida dünaamilisi teemapealkirju ja metakirjeldusi SEO jaoks Liquidi abil

Shopify Template Liquid – kohandage SEO pealkirja ja metakirjeldust

Kui olete lugenud minu artikleid viimastel kuudel, märkate, et olen jaganud palju rohkem e-kaubanduse kohta, eriti mis puudutab Shopify. Minu ettevõte on välja töötanud väga kohandatud ja integreeritud ShopifyPlus sait kliendi jaoks. Selle asemel, et kulutada kuid ja kümneid tuhandeid dollareid teema nullist ülesehitamiseks, rääkisime kliendiga, et ta lubaks meil kasutada hästi üles ehitatud ja toetatud teemat, mida prooviti ja testiti. Läksime kaasa Wokiee, mitmeotstarbeline Shopify teema, millel on palju võimalusi.

Turu-uuringute ja klientide tagasiside põhjal vajamineva paindlikkuse kaasamiseks oli vaja veel kuid arendustööd. Rakendamise keskmes oli see, et Closet52 on otse tarbijatele suunatud e-kaubanduse sait, kus naistel oleks lihtne osta kleite Internetist.

Kuna Wokiee on mitmeotstarbeline teema, on üks valdkond, millele oleme väga keskendunud, otsingumootoritele optimeerimine. Aja jooksul usume, et orgaaniline otsing on madalaim värbamishind ja ostjad, kellel on kõige suurem ostukavatsus. Oma uurimistöös tuvastasime, et naised ostavad kleite viie peamise otsustusvõimelise teguriga:

  • Kleitide stiilid
  • Kleitide värvid
  • Kleitide hinnad
  • Tasuta kohaletoimetamine
  • Tagastused probleemideta

Pealkirjad ja metakirjeldused on kriitilised sisu indekseerimiseks ja õigeks kuvamiseks. Nii et loomulikult tahame pealkirja silti ja metakirjeldusi, millel on need põhielemendid!

  • . pealkirja tag lehe pealkirjas on oluline, et tagada teie lehtede õige indekseerimine asjakohaste otsingute jaoks.
  • . meta kirjeldus kuvatakse otsingumootori tulemuste lehtedel (SERP), mis pakub lisateavet, mis meelitab otsingu kasutajat klõpsama.

Väljakutse seisneb selles, et Shopify jagab sageli pealkirju ja metakirjeldusi erinevate lehemallide vahel – kodu, kollektsioonid, tooted jne. Seega pidin pealkirjade ja metakirjelduste dünaamiliseks täitmiseks kirjutama loogika.

Optimeerige oma Shopify lehe pealkiri

Shopify teemakeel on vedel ja päris hea. Ma ei käsitle süntaksi kõiki üksikasju, kuid saate dünaamiliselt luua lehe pealkirja üsna lihtsalt. Üks asi, mida siinkohal meeles pidada, on see, et toodetel on variante... nii et variantide lisamine lehe pealkirjasse tähendab, et kui mall on toode mall.

Siin on näide a pealkirjast ruuduline kampsun kleit.

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

Ja siin on kood, mis selle tulemuse annab:

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

Kood laguneb järgmiselt:

  • Page Title – lisage esmalt tegelik lehe pealkiri… olenemata mallist.
  • Sildid – lisage sildid, ühendades lehega seotud sildid.
  • Tootevärvid – sirvige läbi värvivalikud ja looge komadega eraldatud string.
  • Metaväljad – sellel Shopify eksemplaril on kleidi pikkus metaväljana, mida soovime kaasata.
  • hind – lisada esimese variandi hind.
  • Poe nimi – lisage pealkirja lõppu poe nimi.
  • eraldaja – eraldaja kordamise asemel muudame selle stringiülesandeks ja kordame seda. Nii, kui otsustame seda sümbolit tulevikus muuta, on see ainult ühes kohas.

Optimeerige oma Shopify lehe metakirjeldust

Saidil roomamisel märkasime, et mis tahes teemamalli leht, millele helistati, kordas avalehe SEO sätteid. Tahtsime lisada erineva metakirjelduse olenevalt sellest, kas leht oli avaleht, kollektsioonide leht või tegelik tooteleht.

Kui te pole kindel, mis teie malli nimi on, lisage lihtsalt oma mallile HTML-märkus theme.liquid faili ja saate selle tuvastamiseks vaadata lehe allikat.

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

See võimaldas meil tuvastada kõik mallid, mis kasutasid saidi metakirjeldust, et saaksime malli põhjal metakirjeldust muuta.

Siin on metakirjeldus, mida tahame ülaltoodud tootelehel:

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

Siin on see kood:

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

Tulemuseks on dünaamiline ja põhjalik pealkirjade ja metakirjelduste komplekt mis tahes tüüpi mallide või üksikasjalike tootelehtede jaoks. Edaspidi reaktorin koodi suure tõenäosusega juhtumilausete abil ja korraldan selle veidi paremini. Kuid praegu on see otsingumootori tulemuste lehtedel palju ilusam.

Muide, kui soovite suurepärast allahindlust… soovime, et testiksite saiti 30% soodsama kupongiga, kasutage koodi HIGHBRIDGE väljaregistreerimisel.

Ostke kohe kleite

Avalikustamine: ma olen ettevõtte sidusettevõte Shopify ja Themeforest ja ma kasutan neid linke selles artiklis. Closet52 on minu firma klient, Highbridge. Kui soovite abi Shopify abil oma e-kaubanduse kohaloleku arendamisel, palun võta meiega ühendust.