LizbonWeb Summit'te A1-33'teyiz.Detayları gör
Feedance
Sözlük · O

Open Graph
Etiketleri

Tanım

Open Graph etiketleri, bir sayfanın URL'si paylaşıldığında sosyal platformlara ve mesajlaşma uygulamalarına önizlemenin nasıl gösterileceğini söyleyen HTML meta etiketleridir; platformun aksi hâlde tahmin edeceği şeyler yerine görünmesi gereken başlığı, açıklamayı, görseli ve türü belirtir. İlk olarak Facebook tarafından geliştirilen Open Graph protokolü bugün neredeyse tüm büyük sosyal ve mesajlaşma platformları tarafından okunur; bu da onu bir perakendecinin ürün sayfalarının kendi sitesi dışından paylaşıldığında, sabitlendiğinde veya bağlantı verildiğinde nasıl görüneceğini kontrol etmesinin standart yolu yapar. E-ticarette iyi ayarlanmış Open Graph etiketleri, paylaşılan bir ürün bağlantısının etkileyici bir görsel ve fiyat mı yoksa bozuk, genel bir küçük resim mi göstereceğini belirler.

Open Graph Etiketleri Feed Odaklı Sayfalar İçin Neden Önemlidir

Ürün sayfaları; müşterilerin kulaktan kulağa önerileri, affiliate bağlantılar, influencer paylaşımları veya ücretli sosyal medya yerleşimleri aracılığıyla sürekli paylaşılır ve bu paylaşımların her biri, bir ziyaretçinin tıkladığında göreceği asıl sayfa içeriğine göre değil Open Graph etiketlerine göre görüntülenir. Etiketleri düzgün yapılandırılmamış bir ürün sayfası gerilmiş bir logo, kesilmiş veya alakasız bir açıklama ya da hiç görsel göstermeyebilir -- bu da aksi hâlde ücretsiz ve yüksek niyetli bir dağıtım anlamına gelen bir paylaşımın tıklama oranını zayıflatır. Ürün sayfaları genellikle alışveriş feed'ini dolduran aynı katalogdan toplu olarak üretildiğinden, Open Graph değerleri her SKU için elle yazılmak yerine doğrudan mevcut ürün meta verisinden şablonla oluşturulabilir; bu da onu büyük bir katalog için en ölçeklenebilir kazanımlardan biri yapar.

Open Graph Etiketleri Nasıl Çalışır

Open Graph etiketleri bir web sayfasının <head> bölümünde <meta property="og:..."> öğeleri olarak bulunur; og:title, og:description, og:image ve og:url çoğu platformun okuduğu temel önizleme alanlarını kapsar. Bir ürün kataloğu için bu değerler genellikle Shopping ve Meta Catalog için zaten sürdürülen feed özelliklerine doğrudan eşlenir -- feed'de kullanılan aynı başlık, açıklama ve ana görsel ilgili Open Graph etiketlerini doldurabilir; böylece iki yüzey ayrı metin yazımı gerektirmeden tutarlı kalır. Platformlar ve arama motorları, bir sayfanın neyi temsil ettiğini anlamak için bu yapılandırılmış işaretlemeyi giderek daha fazla daha geniş bir varlık bilgi grafiğiyle karşılaştırır; bu da tutarlı Open Graph verisinin, yalnızca anlık sosyal önizlemenin ötesinde bir ürünün makineler tarafından anlaşılmasını pekiştirdiği anlamına gelir. Bu etiketler bir bağlantının paylaşıldığı her yerde nasıl davranacağını belirlediğinden, aynı ürünün birden fazla iş ortağı sitesinde veya toplayıcıda görünebileceği etkili içerik sendikasyonunun sessiz ama önemli bir parçasıdır.

Örnek

<item>
  <g:id>SKU-10234</g:id>
  <g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
  <g:description>Soft, breathable organic cotton crewneck in charcoal.</g:description>
  <g:image_link>https://example-shop.com/img/org-sweater-charcoal.jpg</g:image_link>
</item>
<!-- Open Graph tags on the corresponding product page, templated from the feed -->
<meta property="og:title" content="Organic Cotton Crewneck Sweater - Charcoal, M">
<meta property="og:description" content="Soft, breathable organic cotton crewneck in charcoal.">
<meta property="og:image" content="https://example-shop.com/img/org-sweater-charcoal.jpg">
<meta property="og:type" content="product">

İlgili Kavramlar

Open Graph değerleri mevcut ürün meta verisini bu kadar yakından yansıttığından, manuel bir görev yerine bir şablon olarak sürdürülmeleri en iyisidir ve bir ürünün kimliğinin daha geniş bir varlık bilgi grafiğinde ne kadar tutarlı anlaşıldığına katkıda bulunurlar. Ayrıca içerik sendikasyonunun sessiz bir kolaylaştırıcısıdırlar ve bir ürüne verilen bağlantı nerede paylaşılırsa paylaşılsın ürünün aynı görünmesini ve okunmasını sağlarlar.

Hangi ürünlerin
kazandırdığını görün.

Feed'inizi ve GA4'ü bağlayın. Product Score, 4T, Price War ve Broken Size'ı kendi kataloğunuzda gösterelim.