Genel araç / 33

Shopify SEO Meta Etiketi ve SERP Önizleme Oluşturucusu

Arama için optimize edilmiş Shopify title etiketlerini ve meta açıklamalarını piksel genişlikli SERP önizlemeleri, yeniden kullanılabilir Liquid ve statik HTML çıktısıyla oluşturun.

Shopify SEO Meta Etiketi ve SERP Önizleme Oluşturucusu: TOEA, title ve açıklama genişliklerini (~600px ve ~960px masaüstü sınırları) tahmin eder, ardından oluşturma sırasında Shopify nesnelerini okuyan sayfa türüne özel bir Liquid snippet'i oluşturur. Statik HTML paneli, buraya girilen değerlerin önizlemesidir; tema genelinde kullanılacak bir değiştirme kodu değildir. Sunucuya hiçbir dosya yüklenmeden tarayıcınızda %100 yerel olarak çalışır.

Kategori: Web araçları
Çalıştırma sayısı: Tarayıcınızda
Maliyet: Ücretsiz · kayıt gerekmez
Kullanılabilirlik: Kullanıma hazır

Shopify sayfa ve meta ayrıntıları

Sayfa türü

Sayfa başlığı

Shopify mağaza adı

Meta açıklaması

Hedef anahtar kelimeye odaklanın

Fiyat (yalnızca ürün)Yalnızca statik ürün önizlemesinde kullanılır.

Para birimi

Canlı Google SERP kartı önizlemesi

https://apexcoffeeroasters.myshopify.com› products ›el-yap-m-organik-espresso-ekirdekleri

El yapımı organik espresso çekirdekleri | Apex Coffee Roasters

US$24.99 • Yerel olarak kavrulan, zengin bitter çikolata ve fındık aromalarına sahip küçük partiler hâlinde üretilen organik espresso çekirdeklerimizi keşfedin. Taze kahvenizi bugün internetten sipariş edin!

Başlık piksel genişliği465px / 600px

62 karakter ✓ Başlık sınırları içinde

Meta açıklaması genişliği1098px / 960px

196 karakter ⚠️ Parçacık metni kısalabilir

Shopify Liquid meta parçacığı

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

Statik HTML önizleme çıktısı

<!-- Static preview only; use the Liquid output for theme templates. -->
<title>El yapımı organik espresso çekirdekleri | Apex Coffee Roasters</title>
<meta name="description" content="Yerel olarak kavrulan, zengin bitter çikolata ve fındık aromalarına sahip küçük partiler hâlinde üretilen organik espresso çekirdeklerimizi keşfedin. Taze kahvenizi bugün internetten sipariş edin!" />
<meta property="og:site_name" content="Apex Coffee Roasters" />
<meta property="og:type" content="product" />
<meta property="og:title" content="El yapımı organik espresso çekirdekleri | Apex Coffee Roasters" />
<meta property="og:description" content="Yerel olarak kavrulan, zengin bitter çikolata ve fındık aromalarına sahip küçük partiler hâlinde üretilen organik espresso çekirdeklerimizi keşfedin. Taze kahvenizi bugün internetten sipariş edin!" />
<meta property="og:price:amount" content="24.99" />
<meta property="og:price:currency" content="USD" />

Shopify bu etiketleri nerede zaten yazar

Dawn ve ondan oluşturulan çok sayıdaki tema da dâhil olmak üzere çoğu tema, başlık, meta description ve Open Graph etiketlerini layout/theme.liquid ile meta-tags.liquid gibi bir snippet'ten zaten üretir. Bu snippet'i de eklemek iki başlık ve iki açıklama oluşturur. Snippet'in kapsadığı sayfa türlerinde temanın kendi etiketlerini yorum satırına alın veya kaldırın; ardından yalnızca birer tane kaldığını doğrulamak için sayfa kaynağını görüntüleyin.

Yönetim panelindeki başlıklar ve açıklamalar

Shopify yönetim panelinde her ürün, koleksiyon ve sayfa için bir arama motoru listeleme bölümü bulunur; Liquid bu değerleri page_title ve page_description olarak sunar. Snippet önce bu değerleri okur. Böylece yönetim panelinde elle yazılan listeleme, arama motorlarının gördüğü listeleme olur; boş bırakılan listeleme ise öğenin kendi başlığına ve açıklamasına geri döner. Daha sonra bir listelemeyi değiştirmek için temayı değil, yalnızca yönetim panelini düzenlemek yeterlidir. Yönetim panelinin sayaçları başlık için 70, açıklama için 320 karaktere izin verir; bu, bir sonuçlar sayfasının gösterdiğinden fazladır. Bu nedenle listelemeyi buradaki piksel ölçerlerle yazın.

Ürün açıklaması bir snippet'ten çok daha uzun olabilir ve arama motorları onu basitçe kısaltır. Yayına aldıktan sonra çıktıyı meta tag checker ile kontrol edin.

Nasıl kullanılır?

Ürün, Koleksiyon veya Sayfa'yı seçin; ardından title, mağaza adını, açıklamayı ve odak anahtar kelimeyi girin.
Sayfaya özel URL önizlemesini, para birimini dikkate alan ürün fiyatını ve piksel genişliği kısaltma göstergelerini inceleyin.
Yeniden kullanılabilir Liquid kodunu tema snippet'i olarak kaydedip layout/theme.liquid içinden çalıştırın veya test için ayrı statik HTML çıktısını kopyalayın.

Gizlilik ve sınırlamalar

Mağazanız ve ürün ayrıntılarınız tamamen tarayıcınızda kalır.

İlgili araçlar

Sık sorulan sorular

Title'ları karakter sayısı yerine neden piksel genişliğiyle ölçüyorsunuz?

Google, SERP title'larını tam karakter sayısına göre değil, kapsayıcının piksel genişliğine (~600px) göre kısaltır. Geniş karakterler ('W', 'M'), dar karakterlere ('i', 'l') göre daha fazla yer kaplar.

Liquid snippet'ini nereye yapıştırmalıyım?

Bunu snippets/toea-meta-tags.liquid gibi bir snippet olarak kaydedin, ardından layout/theme.liquid dosyasının <head> bölümü içinde çalıştırın. Çalışma zamanında product, collection, page, shop ve currency nesnelerini okur; bu nedenle önizleme değerleri sabit kodlanmaz. İkinci bir title veya description etiketi eklemek yerine çakışan tema meta verilerini değiştirin.

Statik HTML çıktısını theme.liquid dosyasına yapıştırabilir miyim?

Statik HTML panelini yalnızca önizlemeler veya kontrollü bir test için kullanın. Bu panel, bu araca girilen değerleri içerir; canlı tema için yeniden kullanılabilir Liquid çıktısını kullanın. Böylece her sayfa kendi Shopify verilerini alır.

Ücretsiz araç · tarayıcınızda kez çalıştırma · hesap gerekmez