Shopify: kā ieprogrammēt dinamiskos motīvu nosaukumus un metaaprakstus SEO, izmantojot Liquid

Shopify Template Liquid — pielāgojiet SEO nosaukumu un metaaprakstu

Ja esat lasījis manus rakstus pēdējo dažu mēnešu laikā, pamanīsit, ka esmu pastāstījis daudz vairāk par e-komerciju, īpaši saistībā ar Shopify. Mans uzņēmums ir izstrādājis ļoti pielāgotu un integrētu ShopifyPlus vietne klientam. Tā vietā, lai tērētu mēnešus un desmitiem tūkstošu dolāru, lai izveidotu motīvu no nulles, mēs sarunājām klientu, lai viņš ļautu mums izmantot labi izveidotu un atbalstītu tēmu, kas tika izmēģināta un pārbaudīta. Mēs devāmies līdzi Vokija, daudzfunkcionāls Shopify motīvs, kam ir daudz iespēju.

Tas joprojām prasīja vairākus mēnešus ilgas izstrādes, lai iekļautu mums nepieciešamo elastību, pamatojoties uz tirgus izpēti un mūsu klientu atsauksmēm. Ieviešanas pamatā bija tas, ka Closet52 ir tieši patērētājiem paredzēta e-komercijas vietne, kurā sievietes varētu viegli pirkt kleitas tiešsaistē.

Tā kā Wokiee ir daudzfunkcionāls motīvs, viena no jomām, kurai mēs ļoti koncentrējamies, ir meklētājprogrammu optimizācija. Laika gaitā mēs uzskatām, ka dabiskā meklēšana būs viszemākā maksa par ieguvumu un pircēji, kuriem ir lielākais nodoms iegādāties. Mūsu pētījumā mēs noskaidrojām, ka sievietes iegādājas kleitas, izmantojot 5 galvenos lēmumus ietekmējošos faktorus:

  • Kleitu stili
  • Kleitu krāsas
  • Kleitu cenas
  • Bezmaksas piegāde
  • Atgriešanās bez problēmām

Virsraksti un metaapraksti ir ļoti svarīgi lai jūsu saturs tiktu indeksēts un pareizi parādīts. Tāpēc, protams, mēs vēlamies virsraksta tagu un meta aprakstus, kuros ir šie galvenie elementi!

  • Jūsu darbs IR Klientu apkalpošana virsraksta tag lapas virsrakstā ir ļoti svarīgi, lai nodrošinātu, ka jūsu lapas tiek pareizi indeksētas atbilstošiem meklējumiem.
  • Jūsu darbs IR Klientu apkalpošana Meta apraksts tiek parādīts meklētājprogrammu rezultātu lapās (SERP), kas sniedz papildu informāciju, kas mudina meklēšanas lietotāju noklikšķināt.

Izaicinājums ir tāds, ka Shopify bieži koplieto nosaukumus un metaaprakstus dažādās lapu veidnēs — mājaslapā, kolekcijās, produktos utt. Tāpēc man bija jāraksta zināma loģika, lai pareizi dinamiski aizpildītu nosaukumus un metaaprakstus.

Optimizējiet savas Shopify lapas nosaukumu

Shopify motīvu valoda ir šķidra, un tā ir diezgan laba. Es neiedziļināšos visās sintakses detaļās, taču jūs varat dinamiski ģenerēt lapas nosaukumu diezgan vienkārši. Viena lieta, kas jums jāpatur prātā, ir tāda, ka produktiem ir varianti... tāpēc variantu iekļaušana lapas nosaukumā nozīmē, ka jums ir jāpārskata opcijas un dinamiski jāizveido virkne, kad veidne ir produkts veidne.

Šeit ir a nosaukuma piemērs rūtains džemperkleita.

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

Un šeit ir kods, kas rada šo rezultātu:

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

Kods sadalās šādi:

  • Page Title – vispirms iekļaujiet faktisko lapas nosaukumu… neatkarīgi no veidnes.
  • Atzīmes (Tags) – iekļaut tagus, savienojot ar lapu saistītos tagus.
  • Produktu krāsas – pārskatiet krāsu opcijas un izveidojiet ar komatu atdalītu virkni.
  • Metalauki - šajā Shopify instancē ir kleita garums kā metalauks, kuru mēs vēlamies iekļaut.
  • Сena – iekļaut pirmā varianta cenu.
  • Veikala nosaukums – virsraksta beigās pievienojiet veikala nosaukumu.
  • separators – tā vietā, lai atkārtotu atdalītāju, mēs vienkārši padarām to par virknes piešķiršanu un atkārtojam. Tādā veidā, ja mēs nolemjam mainīt šo simbolu nākotnē, tas būs tikai vienā vietā.

Optimizējiet savas Shopify lapas metaaprakstu

Pārmeklējot vietni, mēs pamanījām, ka jebkura motīva veidnes lapa, kas tika izsaukta, atkārto mājas lapas SEO iestatījumus. Mēs vēlējāmies pievienot atšķirīgu meta aprakstu atkarībā no tā, vai lapa bija sākumlapa, kolekciju lapa vai faktiskā produkta lapa.

Ja neesat pārliecināts, kāds ir jūsu veidnes nosaukums, vienkārši pievienojiet HTML piezīmi theme.liquid failu un varat apskatīt lapas avotu, lai to identificētu.

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

Tas ļāva mums identificēt visas veidnes, kurās tika izmantots vietnes meta apraksts, lai mēs varētu modificēt meta aprakstu, pamatojoties uz veidni.

Šeit ir meta apraksts, ko mēs vēlamies iepriekš norādītajā produkta lapā:

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

Lūk, šis kods:

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

Rezultāts ir dinamisks, visaptverošs virsrakstu un metaaprakstu kopums jebkura veida veidnēm vai detalizētām produktu lapām. Turpinot, es, visticamāk, pārveidošu kodu, izmantojot gadījuma paziņojumus un nedaudz labāk organizēšu to. Taču šobrīd tas nodrošina daudz labāku klātbūtni meklētājprogrammu rezultātu lapās.

Starp citu, ja vēlaties lielisku atlaidi… mēs labprāt izmēģinātu vietni ar 30% atlaides kuponu, izmantojiet kodu HIGHBRIDGE izrakstoties.

Iegādājieties kleitas tūlīt

Informācijas atklāšana: Es esmu uzņēmuma filiāle Shopify un themeforest un es izmantoju šīs saites šajā rakstā. Closet52 ir mana uzņēmuma klients, Highbridge. Ja vēlaties saņemt palīdzību, attīstot savu e-komercijas klātbūtni, izmantojot Shopify, lūdzu Sazinies ar mums.