Alat umum / 33

Generator Tag Meta SEO & Pratinjau SERP Shopify

Buat tag judul dan meta description Shopify yang dioptimalkan untuk pencarian dengan pratinjau SERP berbasis lebar piksel, Liquid yang dapat digunakan ulang, dan output HTML statis.

Generator Tag Meta SEO & Pratinjau SERP Shopify: TOEA memperkirakan lebar judul dan deskripsi (~600px dan ~960px sebagai batas di desktop), lalu membuat snippet Liquid dengan cakupan per jenis halaman yang membaca objek Shopify saat runtime. Panel HTML statis adalah pratinjau dari nilai yang dimasukkan di sini, bukan pengganti untuk seluruh tema. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori: Tools web
Dijalankan: Di browser Anda
Biaya: Gratis · tanpa daftar
Ketersediaan: Siap digunakan

Detail Halaman & Meta Shopify

Tipe Halaman

Judul Halaman

Nama Toko Shopify

Deskripsi Meta

Kata Kunci Target Utama

Harga (hanya Produk)Hanya digunakan untuk pratinjau produk statis.

Mata Uang

Pratinjau Langsung Kartu SERP Google

https://apexcoffeeroasters.myshopify.com› products ›biji-espresso-organik-buatan-tangan

Biji Espresso Organik Buatan Tangan | Apex Coffee Roasters

US$24.99 • Temukan biji espresso organik batch kecil kami, disangrai secara lokal dengan catatan rasa cokelat hitam dan hazelnut yang kaya. Pesan kopi segar online hari ini!

Lebar Piksel Judul443px / 600px

58 karakter ✓ Dalam batas judul

Lebar Deskripsi Meta917px / 960px

162 karakter ✓ Panjang snippet optimal

Snippet Meta Shopify Liquid

{% comment %} Shopify SEO Tags — reusable product output. Render this snippet from layout/theme.liquid <head> and remove overlapping title/meta tags. Values come from Shopify objects, not this preview. {% endcomment %}
{% if request.page_type == 'product' and product %}
{% assign seo_title = page_title | default: product.title %}
{% assign seo_description = page_description | default: product.description | strip_html %}
{% assign seo_og_type = 'product' %}
<title>{{ seo_title | escape }}{% if shop.name != blank and seo_title != shop.name %} | {{ shop.name | escape }}{% endif %}</title>
{% if seo_description != blank %}<meta name="description" content="{{ seo_description | escape }}" />{% endif %}

<meta property="og:site_name" content="{{ shop.name | escape }}" />
<meta property="og:type" content="{{ seo_og_type | escape }}" />
<meta property="og:title" content="{{ seo_title | escape }}" />
<meta property="og:description" content="{{ seo_description | escape }}" />
{% if product.selected_or_first_available_variant.price != blank %}
<meta property="og:price:amount" content="{{ product.selected_or_first_available_variant.price | money_without_currency | strip_html | escape }}" />
<meta property="og:price:currency" content="{{ cart.currency.iso_code | default: shop.currency | escape }}" />
{% endif %}
{% endif %}

Output Pratinjau HTML Statis

<!-- Static preview only; use the Liquid output for theme templates. -->
<title>Biji Espresso Organik Buatan Tangan | Apex Coffee Roasters</title>
<meta name="description" content="Temukan biji espresso organik batch kecil kami, disangrai secara lokal dengan catatan rasa cokelat hitam dan hazelnut yang kaya. Pesan kopi segar online hari ini!" />
<meta property="og:site_name" content="Apex Coffee Roasters" />
<meta property="og:type" content="product" />
<meta property="og:title" content="Biji Espresso Organik Buatan Tangan | Apex Coffee Roasters" />
<meta property="og:description" content="Temukan biji espresso organik batch kecil kami, disangrai secara lokal dengan catatan rasa cokelat hitam dan hazelnut yang kaya. Pesan kopi segar online hari ini!" />
<meta property="og:price:amount" content="24.99" />
<meta property="og:price:currency" content="USD" />

Tempat Shopify sudah menulis tag ini

Sebagian besar tema, termasuk Dawn dan banyak tema yang dibuat dari tema tersebut, sudah menghasilkan title, meta description, dan tag Open Graph dari layout/theme.liquid serta snippet seperti meta-tags.liquid. Menambahkan snippet ini juga akan menghasilkan dua title dan dua description. Nonaktifkan dengan komentar atau hapus tag milik tema untuk jenis halaman yang dicakup snippet tersebut, lalu lihat source halaman untuk memastikan hanya satu dari masing-masing tag yang tersisa.

Title dan description dari admin

Admin Shopify memiliki bagian listing mesin pencari untuk setiap produk, koleksi, dan halaman, sementara Liquid menyediakan nilai tersebut sebagai page_title dan page_description. Snippet membaca nilai tersebut terlebih dahulu, sehingga listing yang ditulis secara manual di admin adalah yang dilihat mesin pencari. Jika listing dikosongkan, nilainya kembali menggunakan title dan description milik item. Jika listing diubah nanti, Anda hanya perlu mengeditnya di admin, bukan di tema. Penghitung di admin mengizinkan 70 karakter untuk title dan 320 karakter untuk description, lebih banyak daripada yang ditampilkan halaman hasil, jadi tulis listing dengan pengukur piksel di sini.

Deskripsi produk bisa jauh lebih panjang daripada snippet, dan mesin pencari akan memotongnya. Periksa hasilnya dengan pemeriksa meta tag setelah aktif.

Cara menggunakannya

Pilih Product, Collection, atau Page, lalu masukkan judul, nama toko, deskripsi, dan kata kunci fokus.
Tinjau pratinjau URL khusus halaman, harga produk yang sesuai mata uang, dan pengukur pemotongan berbasis lebar piksel.
Simpan Liquid yang dapat digunakan ulang sebagai snippet tema dan render dari layout/theme.liquid, atau salin output HTML statis terpisah untuk pengujian.

Privasi & batasan

Detail toko dan produk Anda tetap sepenuhnya di browser Anda.

Alat terkait

Pertanyaan umum

Mengapa mengukur judul dalam lebar piksel, bukan jumlah karakter?

Google memotong judul SERP berdasarkan lebar piksel kontainer (~600px), bukan jumlah karakter yang pasti. Karakter lebar ('W', 'M') memakan ruang lebih besar daripada yang sempit ('i', 'l').

Di mana saya menempelkan snippet Liquid?

Simpan sebagai snippet seperti snippets/toea-meta-tags.liquid, lalu render snippet itu di dalam <head> pada layout/theme.liquid. Snippet tersebut membaca objek product, collection, page, shop, dan currency saat runtime, jadi nilai pratinjau tidak hard-coded. Ganti metadata tema yang tumpang tindih alih-alih menambahkan tag title atau description kedua.

Apakah saya bisa menempelkan output HTML statis ke theme.liquid?

Gunakan panel HTML statis hanya untuk pratinjau atau uji terkontrol. Panel tersebut berisi nilai yang Anda masukkan di alat ini; gunakan output Liquid yang dapat digunakan ulang untuk tema live agar setiap halaman mendapatkan data Shopify miliknya.

Alat gratis · berjalan di browser anda · tanpa perlu akun