E-dagang dan RuncitSearch Marketing

Shopify: Cara Memprogram Tajuk Tema Dinamik dan Penerangan Meta untuk SEO menggunakan Cecair

Jika anda telah membaca artikel saya sejak beberapa bulan lepas, anda akan dapati bahawa saya telah berkongsi lebih banyak lagi tentang e-dagang, terutamanya berkaitan dengan Shopify. Firma saya telah membina yang sangat disesuaikan dan bersepadu ShopifyPlus tapak untuk pelanggan. Daripada menghabiskan berbulan-bulan dan berpuluh-puluh ribu dolar untuk membina tema dari awal, kami bercakap dengan pelanggan untuk membenarkan kami menggunakan tema yang dibina dengan baik dan disokong yang telah dicuba dan diuji. Kami pergi dengan Wookiee, Tema Shopify pelbagai guna yang mempunyai banyak keupayaan.

Ia masih memerlukan pembangunan berbulan-bulan untuk menggabungkan fleksibiliti yang kami perlukan berdasarkan penyelidikan pasaran dan maklum balas pelanggan kami. Teras pelaksanaan adalah pengeluar fesyen yang ingin membina tapak e-dagang terus kepada pengguna di mana wanita boleh membeli pakaian dalam talian dengan mudah.

Oleh kerana Wokiee ialah tema pelbagai guna, satu bidang yang kami sangat fokuskan ialah pengoptimuman enjin carian. Dari masa ke masa, kami percaya bahawa carian organik akan menjadi kos setiap pemerolehan terendah dan pembeli dengan niat tertinggi untuk membeli. Dalam penyelidikan kami, kami mengenal pasti bahawa wanita membeli-belah untuk pakaian dengan 5 pengaruh utama keputusan:

  • Gaya pakaian
  • Warna pakaian
  • Harga pakaian
  • Penghantaran Percuma
  • Pulangan Tanpa Kerumitan

Tajuk dan perihalan meta adalah kritikal untuk mendapatkan kandungan anda diindeks dan dipaparkan dengan betul. Jadi, sudah tentu, kami mahukan teg tajuk dan perihalan meta yang mempunyai elemen utama tersebut!

  • . tag tajuk dalam tajuk halaman anda adalah penting untuk memastikan halaman anda diindeks dengan betul untuk carian yang berkaitan.
  • . Penerangan meta dipaparkan dalam halaman hasil enjin carian (SERP) yang menyediakan maklumat tambahan yang menarik pengguna carian untuk mengklik.

Cabarannya ialah Shopify sering berkongsi tajuk dan perihalan meta merentas templat halaman yang berbeza – rumah, koleksi, produk, dll. Jadi, saya terpaksa menulis beberapa logik untuk mengisi tajuk dan perihalan meta secara dinamik dengan betul.

Optimumkan Tajuk Halaman Shopify Anda

Bahasa tema Shopify ialah cecair dan ia agak bagus. Saya tidak akan mengetahui semua butiran sintaks, tetapi anda boleh menjana tajuk halaman secara dinamik dengan mudah. Satu perkara yang anda perlu ingat di sini ialah produk mempunyai varian ... jadi dengan memasukkan varian ke dalam tajuk halaman anda bermakna anda perlu mengulangi pilihan dan membina rentetan secara dinamik apabila templat adalah produk templat.

Berikut ialah contoh tajuk untuk a baju sejuk kotak-kotak.

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

Dan inilah kod yang menghasilkan hasil itu:

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

Kod terpecah seperti ini:

  • Page Title – masukkan tajuk halaman sebenar dahulu… tanpa mengira templat.
  • Tags – menggabungkan teg dengan menyertai teg yang dikaitkan dengan halaman.
  • Warna Produk – gelung melalui pilihan warna dan bina rentetan yang dipisahkan koma.
  • Medan meta – contoh Shopify ini mempunyai panjang pakaian sebagai medan meta yang ingin kami sertakan.
  • Harga – termasuk harga varian pertama.
  • Nama Kedai – tambah nama kedai di hujung tajuk.
  • pemisah – daripada mengulangi pemisah, kami hanya menjadikannya tugasan rentetan dan mengulanginya. Dengan cara itu, jika kita memutuskan untuk menukar simbol itu pada masa hadapan, ia hanya di satu tempat.

Optimumkan Perihalan Meta Halaman Shopify Anda

Apabila kami merangkak tapak, kami mendapati bahawa mana-mana halaman templat tema yang dipanggil mengulangi tetapan SEO halaman utama. Kami ingin menambah perihalan meta yang berbeza bergantung pada sama ada halaman itu adalah halaman utama, halaman koleksi atau halaman produk sebenar.

Jika anda tidak pasti nama templat anda, cuma tambahkan nota HTML dalam anda theme.liquid fail dan anda boleh melihat sumber halaman untuk mengenal pastinya.

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

Ini membolehkan kami mengenal pasti semua templat yang menggunakan perihalan meta tapak supaya kami boleh mengubah suai perihalan meta berdasarkan templat.

Berikut ialah perihalan meta yang kami mahukan pada halaman produk di atas:

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

Inilah kod itu:

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

Hasilnya ialah set tajuk yang dinamik dan komprehensif dan perihalan meta untuk sebarang jenis templat atau halaman produk terperinci. Melangkah ke hadapan, kemungkinan besar saya akan memfaktorkan semula kod menggunakan pernyataan kes dan menyusunnya dengan lebih baik. Tetapi buat masa ini, ia menghasilkan kehadiran yang lebih baik pada halaman hasil enjin carian.

Pendedahan: Saya ahli gabungan untuk Shopify and Themeforest dan saya menggunakan pautan tersebut dalam artikel ini. Closet52 ialah pelanggan firma saya, DK New Media. Jika anda ingin bantuan dalam membangunkan kehadiran e-dagang anda menggunakan Shopify, sila hubungi kami.

Douglas Karr

Douglas Karr ialah CMO daripada OpenINSIGHTS dan pengasas Martech Zone. Douglas telah membantu berpuluh-puluh syarikat permulaan MarTech yang berjaya, telah membantu dalam usaha wajar lebih $5 bilion dalam pemerolehan dan pelaburan Martech, dan terus membantu syarikat dalam melaksanakan dan mengautomasikan strategi jualan dan pemasaran mereka. Douglas ialah transformasi digital yang diiktiraf di peringkat antarabangsa dan pakar serta penceramah MarTech. Douglas juga merupakan pengarang buku panduan Dummie dan buku kepimpinan perniagaan yang diterbitkan.

Artikel yang berkaitan

Kembali ke atas butang
Tutup

Adblock Dikesan

Martech Zone mampu memberikan anda kandungan ini tanpa sebarang kos kerana kami mengewangkan tapak kami melalui hasil iklan, pautan ahli gabungan dan tajaan. Kami amat menghargai jika anda akan mengalih keluar penyekat iklan anda semasa anda melihat tapak kami.