E-Ticaret Kategori Sayfaları için Yapılandırılmış Veri: Google'ın Ürünlerinizi ve Markanızı Anlamasına Yardımcı Olun
- Sezer DEMİR
- 3 gün önce
- 9 dakikada okunur
Yapay zekanın arama sonuçlarına entegre edilmesinden bu yana, müşterilerime ait JSON-LD yapılandırılmış verilerini optimize etmeye oldukça fazla zaman harcadım. Özellikle e-ticaret sitelerindeki ürün kategori sayfalarını geleceğe hazırlama ve içinde bulunduğumuz yeni arama dönemine uyarlama konusuna yoğunlaşıyorum.
Bunu yapmanın birçok nedeni var ve bunların çoğunu bu yazının ilerleyen bölümlerinde daha ayrıntılı olarak ele alacağım. Ancak bu taktiği keşfetmenin üç ana sebebi şöyle:
Yapılandırılmış veri, arama motorlarının ürün kategori sayfalarınızı sadece anlamasını değil, derinlemesine kavramasını sağlar.
Sayfalarınızın daha iyi anlaşılması, arama motorlarının bu sayfaya güvenmesini ve daha alakalı aramalar için sıralama yapmasını kolaylaştırır.
Daha yüksek sıralamalar, değerli SERP'lerde rekabet etmenize ve sayfalarınızdan değer elde etmenize yardımcı olur.
Bu testi ilk olarak iç çamaşırı ve ev giyimi satan bir müşteriyle çalışırken yapmaya başladım. İç çamaşırı onların ana ürünüydü, ancak ev giyimi siparişlerin ortalama sepet değerini gerçekten artırıyordu. Bu yüzden mevcut pijama kategorisi için özel bir CollectionPage şema işaretlemesi oluşturdum. Bu kategori, harika markasız arama terimleri için Google sonuçlarının ilk sayfasının hemen dışında duruyordu.
Sayfa içi değişiklik gerekmediği için müşteri bunu denememize izin verdi ve tıklama ile gösterimlerde harika bir artış gördük. Bu durum siparişler üzerinde de zincirleme bir etki yarattı. Şimdi iş akışına geçelim, böylece bunu kendi (veya müşterilerinizin) kategori sayfaları için uyarlayabilirsiniz.
Bu kılavuzda şunları öğreneceksiniz:
Koleksiyon sayfalarınızda neden yapılandırılmış veri kullanmalısınız?
JSON-LD'yi, sayfa içi tüm doğru işlemleri zaten yapan bir web sitesi üzerinde çalışırken devreye sokuyorum. Ürün kategori sayfaları tüm doğru bileşenlere sahip ama rakipler tarafından o önemli üst sıralamalardan sadece biraz geride bırakılıyor.
Bunu bazen 'ekstra mil optimizasyonu' olarak tanımlıyorum (yani çoğu insanın düşünmediği veya yapmaya zahmet etmediği şeyi yapma). Belki bunun nedeni, büyük marka değeri ve tanınırlığı sayesinde iyi performans göstermeleri ya da sadece SEO temellerine öncelik verecek bant genişliği/bilgiye sahip olmalarıdır.
Her halükarda, bu taktik web sitelerinin uyguladığını sık sık görmediğim bir şey. Ürün şeması genellikle mevcut, aynı zamanda eklentilerden gelen 'kutunun dışında' şema işaretlemesi de var. Ancak arama motorlarının SEO'da değer verdiğimiz markasız arama terimlerinin çoğu için ürün kategori sayfalarını tercih ettiği düşünülürse, bu şema türünün bu kadar az kullanılması beni şaşırtıyor.
Giyim, boş zaman ve elektronik ürünlerinde, ürün kategori sayfalarının ticari aramalar için tercih edildiğini sıklıkla görüyoruz.
Bu taktik, sayfada hiçbir şeyi değiştirmeden (çoğu durumda) uygulayabileceğiniz bir şey ve rakiplerinizle aradaki farkı kapatmanıza yardımcı olabilir. Sattığınız ürün başka bir şeyle karıştırılabiliyorsa veya birden fazla adı varsa (örneğin, parmak arası terlik, sandalet, terlik), bu arama motorları için mümkün olduğunca net olmanın bir yolu. Kategori sayfanızın bu aramalar için görünmesini istiyorsanız bu çok önemlidir.
Ancak bu yapılandırılmış veri uygulama yöntemi, kategori sayfalarınızın korkunç bir kullanıcı deneyimi varsa, mobilde kullanılamıyorlarsa veya boyadan daha yavaş yükleniyorlarsa muhtemelen iyi bir fikir değildir.
Ürün kategori sayfalarının önce ele almanız gereken daha acil sorunları olabilir. Bu gerçekten çevrimiçi mağazanız için ekstra mil kat etmektir. Bunu, en üst sıralama pozisyonlarını elde etme arayışında hiçbir taşı yerinde bırakmama olarak tanımlıyorum.
Varlık SEO'su ve aramanın geleceği için önemi
'Semantik SEO' olarak da adlandırılan varlık SEO'su, arama motorlarının kullandığımız anahtar kelimelerde daha derin anlam bulmasına yardımcı olma uygulamasıdır. Böylece bu kelimelerin atıfta bulunduğu kavramları daha iyi anlayabilirler.
Varlık veya semantik SEO ile ilk kez karşılaşıyorsanız, yapılandırılmış veri yaklaşımımın arkasındaki teoriyi daha iyi anlamanıza yardımcı olacak bazı harika kaynaklar:
Semantik SEO nedir?
Belirsizliğin giderilmesiyle semantik SEO'yu geliştirmenin 10 yolu
SEO için varlıklar neden önemlidir? (Podcast)
Bir arama motorunun varlıkları nasıl anladığını göstermek için, çocukluğumun kahramanlarından birinin Wikipedia girişinin ilk cümlesini alalım:
(Google'ın Doğal Dil API'si aracılığıyla) arama motorlarının buradaki kavramları ve varlıkları oldukça iyi tanımlayabildiğini görebiliyoruz.
Bu, aramanın geleceği için önemlidir çünkü deneyimli SEO uzmanlarının bildiği gibi, Google geleneksel 'mavi bağlantılar' arama listelemeleriyle devam etmekle pek ilgilenmiyor görünmüyor. Google, bir arama motoru olmaktan çok bir 'cevap makinesi' olmak istiyor.
Google Arama'nın son şekline ulaşması için, bir insanın yapabileceği kadar kolay ve başarılı bir şekilde kavramları, varlıkları ve şeyleri çıkarabilmesi, anlaması ve ilişkilendirebilmesi gerekiyor.
İster beğenin ister beğenmeyin, Google Arama'nın ve neredeyse tüm arama motorlarının izlediği yön bu. Bu yüzden bu taktiğe ilgi duydum. Bunu bugün için iyi bir SEO taktiği olarak görmenin yanı sıra yarın için daha da iyi bir taktik olarak görüyorum.
Varlıklara ve ilişkilerine şimdi odaklanarak, e-Ticaret mağazanızı arama motorlarının sadece içeriğinizi okumadığı, aynı zamanda gerçekten kavradığı yaklaşan bir geleceğe hazırlıyorsunuz.
Yapılandırılmış verinizi nerede oluşturup doğrulayabilirsiniz
Devam etmeden önce, bundan sonra kendi yapılandırılmış verinizi oluşturabileceğinizi veya en azından nasıl düzenleyeceğinizi bildiğinizi varsayacağım çünkü aşağıda kendi şablonumu sağlayacağım.
Ve bilmiyorsanız, endişelenmeyin! Yine de daha iyi bir yerde olamazdınız. Crystal Carter, sizi hızlandıracak yapılandırılmış veriye ilişkin bu kapsamlı kılavuzu oluşturdu.
Yapılandırılmış veriyle oynamak için kullandığım harika bir web sitesi JSON-LD Playground. Esas olarak düzenlerken kodunuzu doğruladığı için kullanıyorum. Diğer doğrulayıcılar ise URL/kod parçacığınızı birkaç saniye bekleyerek 'göndermenizi' gerektiriyor.
Kulağa pek bir şey gibi gelmeyebilir, ancak bir "]" işaretinin tam olarak nereye gitmesi gerektiğini bulmaya çalıştığınızda oldukça can sıkıcı hale geliyor. Bu nedenle gerçek zamanlı geri bildirim, ölçekte çalışıyorsanız size çok fazla zaman kazandırabilir.
JSON-LD yapılandırılmış verinizin neden bir grafik olması gerekiyor
Örneğe geçmeden önce yapılması gereken önemli bir durak daha var: Bu, şema işaretlemenizin bir 'grafik' olması gerektiği fikri üzerine.
Bu kavram en iyi şekilde Joost de Valk'ın bu makalesinde açıklanıyor. Bu makale JSON-LD yapılandırılmış verisi oluşturmaya yaklaşımımı değiştirdi. Makale bunu burada yapabileceğimden daha ayrıntılı bir şekilde ele alıyor, ancak özetlemek gerekirse:
SEO'da yaygın bir şema işaretleme uygulaması, farklı kod parçacıkları (örneğin, HowTo, Product şeması, WebPage vb.) oluşturmaktır ancak bunları ayrı bloklar olarak tutmaktır.
Örneğin, şöyle görünen bir şema işaretleme kod parçacığınız olabilir:
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Örnek Ürün",
"image": [
"https://example.com/photos/1x1/photo.jpg"
],
"description": "Ürünün açıklaması.",
"sku": "0446310786",
"mpn": "925872",
"brand": {
"@type": "Brand",
"name": "Studio Hawks"
},
"review": {
"@type": "Review",
"reviewRating": {
"@type": "Rating",
"ratingValue": "4",
"bestRating": "5"
},
"author": {
"@type": "Person",
"name": "Stu D. Hawk"
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.4",
"reviewCount": "89"
},
"offers": {
"@type": "Offer",
"url": "https://example.com/product",
"priceCurrency": "GBP",
"price": "119.99",
"priceValidUntil": "2023-11-05",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock",
"seller": {
"@type": "Organization",
"name": "Example.com"
}
}
}
Ve şuna benzer bir Organization şema işaretleme kod parçacığı:
{
"@context": "https://schema.org/",
"@type": "Organization",
"name": "Example Corporation",
"url": "https://www.example.com",
"logo": "https://www.example.com/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "(+44) 20 38877388",
"contactType": "customer service",
"areaServed": "UK",
"availableLanguage": ["English", "Spanish"]
},
"sameAs": [
"https://www.facebook.com/example",
"https://www.twitter.com/example",
"https://www.instagram.com/example"
]
}
Joost de Valk'ın makalede anlattığı şey, şema işaretlemesinin "her zaman birbirine bağlı tek bir grafik" olması gerektiğidir. Bu, tüm farklı şema özelliklerinizin birbirleriyle ilişkili olması ve bu ilişkinin içinde barındırıldığı kodda belirtilmesi gerektiği anlamına gelir.
{
"@context": "https://schema.org/",
"@graph": [
{
"@type": "WebSite",
"name": "Örnek Mağaza",
"url": "https://www.example.com",
"publisher": {
"@id": "https://www.example.com#organization"
}
},
{
"@type": "Organization",
"name": "Example Corporation",
"url": "https://www.example.com",
"logo": "https://www.example.com/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "(+44) 20 38877388",
"contactType": "customer service",
"areaServed": "UK",
"availableLanguage": ["English", "Spanish"]
},
"sameAs": [
"https://www.facebook.com/example",
"https://www.twitter.com/example",
"https://www.instagram.com/example"
],
"@id": "https://www.example.com#organization"
},
{
"@type": "WebPage",
"url": "https://www.example.com/product",
"name": "Örnek Ürün için Ürün Sayfası",
"description": "Bu, Example Corporation'da mevcut Örnek Ürün için ayrıntılı bir ürün sayfasıdır.",
"publisher": {
"@id": "https://www.example.com#organization"
},
"mainEntity": {
"@id": "https://www.example.com/product#product"
}
},
{
"@type": "Product",
"name": "Örnek Ürün",
"image": [
"https://example.com/photos/1x1/photo.jpg"
],
"description": "Ürünün açıklaması.",
"sku": "0446310786",
"mpn": "925872",
"brand": {
"@type": "Brand",
"name": "Studio Hawks"
},
"review": {
"@type": "Review",
"reviewRating": {
"@type": "Rating",
"ratingValue": "4",
"bestRating": "5"
},
"author": {
"@type": "Person",
"name": "Stu D. Hawk"
}
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.4",
"reviewCount": "89"
},
"offers": {
"@type": "Offer",
"url": "https://example.com/product",
"priceCurrency": "GBP",
"price": "119.99",
"priceValidUntil": "2023-11-05",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock",
"seller": {
"@id": "https://www.example.com#organization"
}
},
"@id": "https://www.example.com/product#product"
}
]
}
Bizim amaçlarımız (ve bu makalenin amaçları) için, CollectionPage'imiz WebPage'imizin mainEntityOf'udur. WebPage ise Organization'ımıza ait olan WebSite'ımıza aittir. Bu, bir sonraki bölümde gösterilmektedir.
Tüm bu varlıkları birbirine bağlamak ve bunları JSON-LD şema işaretlemeniz içinde düzgün bir şekilde organize etmek, kategori sayfalarınızın arama motorları tarafından tamamen anlaşılması için en yüksek şansa sahip olmasını sağlamak için ekstra mil kat ettiğiniz anlamına gelir.
Yapılandırılmış verinize bir karmaşıklık katmanı ekler, ancak hey, o ekstra mili kat ediyorsanız, gerçekten o ekstra mili kat edebilirsiniz, değil mi?
CollectionPage şema kod parçası örneği
Aşağıda şu anda kullandığım kod parçacığının örnek bir şablonu bulunmaktadır. Bazı farklı yaklaşımları denedim ve web sitenizin hangi platformda oluşturulduğuna bağlı olarak farklı tuhaflıklar veya değerlendirmeler olabilir.
Bazı CMS'ler özel yapılandırılmış verileri yüklemek için bir eklenti indirmenizi gerektirebilir. Bu da onu yanlış yere veya birden çok kez yükleyebilir. Bir CMS'de kendi özel yapılandırılmış verilerinizi nasıl yükleyeceğiniz her zaman hemen belli olmayabilir.
Bu CollectionPage şemasını alıp çevrimiçi mağazanız için uyarlamaktan çekinmeyin:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebSite",
"@id": "https://example.co.uk/#website",
"url": "https://example.co.uk/",
"name": "Example Inc.",
"publisher": {
"@id": "https://example.co.uk/#organization"
}
},
{
"@type": "WebPage",
"@id": "https://example.co.uk/pdp-example/#webpage",
"url": "https://example.co.uk/pdp-example/",
"inLanguage": "en",
"name": "Sayfanın Adı",
"isPartOf": {
"@id": "https://example.co.uk/#website"
},
"publisher": {
"@id": "https://example.co.uk/#organization"
},
"description": "Sayfanızı buradan tanımlayın"
},
{
"@type": "Organization",
"@id": "https://example.co.uk/#organization",
"name": "Organizasyonun Adı",
"url": "https://example.co.uk/",
"sameAs": [
"https://www.facebook.com/example/",
"https://www.ebay.co.uk/example",
"https://www.instagram.com/example",
"https://www.twitter.com/example"
]
},
{
"@type": "CollectionPage",
"@id": "https://example.co.uk/pdp-example/#collectionpage",
"url": "https://example.co.uk/pdp-example/",
"mainEntityOfPage": {
"@id": "https://example.co.uk/pdp-example/#webpage"
},
"name": "Ürün Kategorisi Adı",
"description": "XXX",
"image": "https://example.co.uk/image-url-goes-here",
"about": {
"@type": "Thing",
"name": "Şeyin Adı",
"sameAs": "En alakalı Wikidata veya Wikipedia girişinizi buradan bulun"
},
"relatedLinks": [
"https://example.co.uk/related-pdp-url-1",
"https://example.co.uk/related-pdp-url-2"
]
}
]
}
</script>
Bunu gerçek bir sayfada kullanacak olsaydınız, aşağıdaki gibi görünebilirdi. Bu kod parçacığının Rolex erkek saatleri koleksiyon sayfasına uygulanması durumunda nasıl şekilleneceğine bakalım:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebSite",
"@id": "https://www.rolex.com/#website",
"url": "https://www.rolex.com/",
"name": "Rolex Resmi Web Sitesi",
"publisher": {
"@id": "https://www.rolex.com/#organization"
}
},
{
"@type": "WebPage",
"@id": "https://www.rolex.com/en-us/watches/find-rolex/man#webpage",
"url": "https://www.rolex.com/en-us/watches/find-rolex/man",
"inLanguage": "en-US",
"name": "Erkek Rolex Saatleri",
"isPartOf": {
"@id": "https://www.rolex.com/#website"
},
"publisher": {
"@id": "https://www.rolex.com/#organization"
},
"description": "Erkekler için Rolex saat koleksiyonumuzu keşfedin. Tüm estetik tercihlere ve yaşam tarzlarına uygun mükemmel Rolex saati bulun."
},
{
"@type": "Organization",
"@id": "https://www.rolex.com/#organization",
"name": "Rolex",
"url": "https://www.rolex.com/",
"sameAs": [
"https://www.facebook.com/rolex",
"https://www.instagram.com/rolex",
"https://twitter.com/rolex",
"https://www.youtube.com/rolex"
]
},
{
"@type": "CollectionPage",
"@id": "https://www.rolex.com/en-us/watches/find-rolex/man#collectionpage",
"url": "https://www.rolex.com/en-us/watches/find-rolex/man",
"mainEntityOfPage": {
"@id": "https://www.rolex.com/en-us/watches/find-rolex/man#webpage"
},
"name": "Erkek Rolex Saatleri",
"description": "Erkekler için geniş Rolex saat seçimini keşfedin: stil ve işlevselliğin mükemmel bir kombinasyonu.",
"image": "https://www.rolex.com/images/example-watch-collection-image.jpg",
"about": {
"@type": "Thing",
"name": "Erkek Rolex Saatleri",
"sameAs": [
"https://www.wikidata.org/wiki/Q62288",
"https://www.wikidata.org/wiki/Q178794"
]
},
"relatedLinks": [
"https://www.rolex.com/en-us/watches/find-rolex/gold",
"https://www.rolex.com/en-us/watches/new-watches"
]
}
]
}
</script>
Bu örnekte referans verilen Wikidata URL'leri, Rolex (marka) ve saatler (şey) girişlerine işaret etmektedir.
Tabii ki, bu özel sayfa için arama motorlarının Rolex'i ve ana ürünlerinin ne olduğunu çok iyi bildiklerinden emin olabiliriz. Ancak Rolex gibi bir perakendecinin marka değerine sahip olmadığınızda, ürün kategorinizi onunla ilişkili Wikidata girişlerine doğrudan bağlamak, sayfanın ne için olduğu konusundaki şüpheleri ortadan kaldırmanın etkili bir yoludur.
Aama motorlarının yeteneklerine karşı derin bir güvensizlikle ve web sitelerini optimize ederken 'arama motorlarının işini kolaylaştırın' günlük mantrası ile hareket ediyorum.
Arama motorlarının dünyayı anlamak için kullandığı veritabanlarından birine (yani Wikidata) doğrudan bağlantı vererek, arama motorları sayfanızı yorumlarken hiçbir şüpheye yer bırakmamak için ekstra mil kat ettiniz.
Özel CollectionPage şema işaretlemenizi nasıl uygulayabilirsiniz
Artık özel CollectionPage kod parçacıklarınızı oluşturduğunuza ve bunları test etmeye hazır olduğunuza göre, bunları sayfaya yüklemeniz gerekiyor.
Wix web sitesi sahipleri için, iş akışını adım adım anlatacağım, ancak bu sürecin diğer web sitesi platformları için de kabaca benzer olduğunu unutmayın.
Wix web sayfalarınıza yapılandırılmış veri eklemenin iki yolu vardır: Wix Editor içindeki SEO ayarları panelinden tek tek sayfa için veya sayfa türü için Edit by Page ayarlarından (Blog, Ürün vb.).
Wix Editor kullanarak tek bir sayfaya yapılandırılmış veri eklemek için:
Editörünüze gidin.
Editörün sol tarafındaki Sayfalar ve Menü'ye tıklayın.
İlgili sayfanın yanındaki Diğer İşlemler simgesine (üç nokta) tıklayın.
SEO temelleri'ne tıklayın.
Gelişmiş SEO sekmesine tıklayın.
Yapılandırılmış Veri İşaretlemesi'ne tıklayın.
+Yeni İşaretleme Ekle'ye tıklayın.
JSON-LD formatında işaretlemenizi yazın bölümünün altına yeni işaretlemenizi ekleyin.
Uygula'ya tıklayın.
Ayrıca, Edit by Page ayarlarına erişerek ve istediğiniz sayfa türünü seçerek belirli bir türdeki tüm sayfalar için yapılandırılmış verilerinizi ekleyebilir veya yönetebilirsiniz:
İstediğiniz web siteniz için Wix Dashboard'a gidin.
Sol taraftaki menüden Site ve Mobil Uygulama > Web Sitesi ve SEO > SEO'ya gidin.
Sayfanın alt kısmındaki Araçlar ve ayarlar bölümündeki SEO Ayarları'na tıklayın.
İstediğiniz sayfa türünü seçin.
Oradan, o sayfa türü için varsayılan yapılandırılmış veriyi özelleştirmek üzere Varsayılanları özelleştir sekmesine gidin.
Web sitenize kendi özel şema kodunuzu yüklemek için bir yol bulmakta zorlanıyorsanız, bunu uygulamak için Google Tag Manager'ı da kullanabilirsiniz. Biraz daha zahmetli bir süreç ama yüksek rekabetli ürün kategorileri satan mağazalar için her avantaj önemlidir.
E-Ticaret kategori sayfaları için yapılandırılmış veri: Her avantajın önemli olduğu yer
Şahsen, kodda hiç hünerli biri olmadığım için JSON-LD şema işaretlemesiyle oynamayı seviyorum ve SEO'cu olarak web siteleri için bununla yapabileceğimiz çok şey olduğunu düşünüyorum. Bu optimizasyonlar şu anda isteğe bağlı gibi görünse de, web durumu ilerlemeye devam ediyor ve bir gün bu, vazgeçemeyeceğiniz en iyi uygulama haline gelecek.
Bu amaçla, çevrimiçi mağazanız için o ekstra mili kat etmekte yapılandırılmış verinin size nasıl yardımcı olduğuna dair daha net bir resme sahip olmanız için öğrendiklerinizi özetleyelim:
Koleksiyon sayfaları için özel yapılandırılmış veri uygulaması yerine, e-ticaret kategori sayfaları için yapılandırılmış veri eklemek, web sitenizi organik aramanın geleceğine hazırlamanın stratejik bir yoludur.
Organik arama ve arama motorları, aradığımız terimleri sadece bilmeye değil, aynı zamanda onları diğer varlıklar ve kavramlarla ilişkilerini kapsamlı bir şekilde anlamaya doğru ilerliyor.
Yapılandırılmış veri, bu anlayışı güçlendiren unsurlardan biridir.
Bu taktik tamamlayıcı bir optimizasyondur, yani bu tüm doğru şeyleri zaten yapan bir sayfa için rakiplerle aradaki farkı kapatmak içindir (örneğin, iyi UX, alakalı içerik, iyi bir ürün, E-E-A-T).
Bu, web siteniz için bir 'numara' veya mucizevi çözüm değildir.
Tüm şema işaretlemesinin "her zaman birbirine bağlı tek bir grafik" olması gerektiği yönündeki Joost de Valk'ın önerisini göz önünde bulundurun.
Bu kod parçacıklarını kendiniz test etmeye başlamak için şablonumu kullanabilir ve umarım onu çok daha iyi hale getirebilirsiniz(!).
