E-niaga dan RitelSearch Marketing

Shopify: Cara Memprogram Judul Tema Dinamis dan Deskripsi Meta untuk SEO menggunakan Liquid

Jika Anda telah membaca artikel saya selama beberapa bulan terakhir, Anda akan melihat bahwa saya telah berbagi lebih banyak tentang e-niaga, terutama yang berkaitan dengan Shopify. Perusahaan saya telah membangun yang sangat disesuaikan dan terintegrasi ShopifyPlus situs untuk klien. Daripada menghabiskan waktu berbulan-bulan dan puluhan ribu dolar untuk membangun tema dari awal, kami membujuk klien untuk mengizinkan kami menggunakan tema yang dibuat dengan baik dan didukung yang telah dicoba dan diuji. Kami pergi dengan Wookiee, Tema Shopify serbaguna yang memiliki banyak kemampuan.

Masih diperlukan pengembangan selama berbulan-bulan untuk menggabungkan fleksibilitas yang kami perlukan berdasarkan riset pasar dan masukan klien kami. Inti dari implementasi ini adalah sebuah produsen fesyen yang ingin membangun situs e-commerce langsung ke konsumen di mana perempuan dapat dengan mudah membeli gaun secara online.

Karena Wookiee adalah tema multiguna, satu area yang sangat kami fokuskan adalah pengoptimalan mesin telusur. Seiring waktu, kami percaya bahwa pencarian organik akan menjadi biaya terendah per akuisisi dan pembeli dengan niat tertinggi untuk membeli. Dalam penelitian kami, kami mengidentifikasi bahwa wanita berbelanja gaun dengan 5 influencer keputusan utama:

  • Gaya gaun
  • Warna gaun
  • Harga gaun
  • Gratis Ongkos Kirim
  • Pengembalian tanpa kerumitan

Judul dan deskripsi meta sangat penting untuk mendapatkan konten Anda diindeks dan ditampilkan dengan benar. Jadi, tentu saja, kami menginginkan tag judul dan deskripsi meta yang memiliki elemen kunci tersebut!

  • Grafik tag judul di judul halaman Anda sangat penting untuk memastikan halaman Anda diindeks dengan benar untuk pencarian relevansi.
  • Grafik Meta Description ditampilkan di halaman hasil mesin pencari (SERP) yang memberikan informasi tambahan yang menarik pengguna pencarian untuk mengklik.

Tantangannya adalah Shopify sering membagikan judul dan deskripsi meta di berbagai templat halaman – beranda, koleksi, produk, dll. Jadi, saya harus menulis beberapa logika untuk secara dinamis mengisi judul dan deskripsi meta dengan benar.

Optimalkan Judul Halaman Shopify Anda

Bahasa tema Shopify adalah cair dan itu cukup bagus. Saya tidak akan membahas semua detail sintaks, tetapi Anda dapat membuat judul halaman secara dinamis dengan cukup mudah. Satu hal yang harus Anda ingat di sini adalah bahwa produk memiliki varian … jadi memasukkan varian ke dalam judul halaman Anda berarti Anda harus mengulang opsi dan membangun string secara dinamis saat template adalah produk Template.

Berikut adalah contoh judul untuk a baju sweter kotak-kotak.

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

Dan inilah kode 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>

Kode rusak seperti ini:

  • Page Title – masukkan judul halaman yang sebenarnya terlebih dahulu… terlepas dari templatenya.
  • Tag – menggabungkan tag dengan menggabungkan tag yang terkait dengan halaman.
  • Warna Produk – ulangi opsi warna dan buat string yang dipisahkan koma.
  • Medan Meta – Instance Shopify ini memiliki panjang gaun sebagai metafield yang ingin kami sertakan.
  • Harga – termasuk harga varian pertama.
  • toko Nama – tambahkan nama toko di akhir judul.
  • alat pemisah – daripada mengulangi pemisah, kami hanya menjadikannya sebagai tugas string dan mengulanginya. Dengan begitu, jika kita memutuskan untuk mengubah simbol itu di masa depan, itu hanya di satu tempat.

Optimalkan Deskripsi Meta Halaman Shopify Anda

Saat kami merayapi situs tersebut, kami melihat bahwa halaman template tema apa pun yang dipanggil mengulang pengaturan SEO halaman beranda. Kami ingin menambahkan deskripsi meta yang berbeda bergantung pada apakah halaman tersebut adalah halaman beranda, halaman koleksi, atau halaman produk yang sebenarnya.

Jika Anda tidak yakin apa nama template Anda, cukup tambahkan catatan HTML di theme.liquid file dan Anda dapat melihat sumber halaman untuk mengidentifikasinya.

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

Ini memungkinkan kami untuk mengidentifikasi semua template yang menggunakan deskripsi meta situs sehingga kami dapat mengubah deskripsi meta berdasarkan template.

Berikut meta description yang kami inginkan 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.">

Berikut kode 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 adalah kumpulan judul dan deskripsi meta yang dinamis dan komprehensif untuk semua jenis template atau halaman produk terperinci. Ke depan, saya kemungkinan besar akan memperbaiki kode menggunakan pernyataan kasus dan mengaturnya sedikit lebih baik. Tapi untuk saat ini, itu menghasilkan kehadiran yang jauh lebih baik di halaman hasil mesin pencari.

Pengungkapan: Saya adalah afiliasi untuk Shopify dan Themeforest dan saya menggunakan tautan tersebut di artikel ini. Closet52 adalah klien perusahaan saya, DK New Media. Jika Anda memerlukan bantuan dalam mengembangkan kehadiran e-niaga Anda menggunakan Shopify, silakan atau hubungi kami .

Douglas Karr

Douglas Karr adalah CMO dari Buka WAWASAN dan pendiri dari Martech Zone. Douglas telah membantu lusinan startup MarTech yang sukses, membantu uji tuntas lebih dari $5 miliar dalam akuisisi dan investasi Martech, dan terus membantu perusahaan dalam menerapkan dan mengotomatiskan strategi penjualan dan pemasaran mereka. Douglas adalah pakar dan pembicara transformasi digital dan MarTech yang diakui secara internasional. Douglas juga merupakan penulis panduan Dummie dan buku kepemimpinan bisnis.

Artikel terkait

Kembali ke atas tombol
Penyelesaian

Adblock Terdeteksi

Martech Zone dapat memberi Anda konten ini tanpa biaya karena kami memonetisasi situs kami melalui pendapatan iklan, tautan afiliasi, dan sponsor. Kami akan sangat menghargai jika Anda menghapus pemblokir iklan saat Anda melihat situs kami.