Open Graph Ön İzleme Aracı

Open graph, bir web sayfasının sosyal medyada (Facebook, LinkedIn, X/Twitter vb.) paylaşıldığında nasıl görüneceğini belirleyen bir etiket yapısıdır. Bu etiketler sayesinde sayfanın başlığı, açıklaması, bağlantı adresi ve görseli kontrollü biçimde sunulur; böylece link ön izlemesi daha profesyonel ve tutarlı görünür.

Open graph, web sayfalarının sosyal medya platformlarında zengin içerikli kartlar (rich snippet) olarak görünmesini sağlayan bir protokoldür. 2010 yılında Facebook tarafından geliştirilen bu standart, bir web sayfasının başlığını, açıklamasını ve görselini sosyal ağların anlayabileceği yapılandırılmış bir formata sokar.
Temel amacı, içerik paylaşımı sırasında platformların sayfadan rastgele veri çekmesini engellemek ve yayıncıya önizleme üzerinde tam kontrol vermektir. Open graph protokolü nedir sorusunun en net yanıtı, web siteniz ile sosyal platformlar arasındaki standart çevirmen olmasıdır. Bu protokol sayesinde URL yapılandırması düzene girer ve bağlantılar her platformda tutarlı bir şekilde sergilenir.

Open graph etiketleri, web sayfasının HTML head bölümü içine eklenen basit meta etiketleri ile uygulanır. Temel bir kurulumda dört ana etiket bulunur: og:title, og:description, og:image ve og:url. Bu kodları manuel olarak ekleyebileceğiniz gibi, kullandığınız CMS (İçerik Yönetim Sistemi) üzerinden de otomatize edebilirsiniz.
Özellikle binlerce ürün barındıran e-ticaret sitelerinde open graph etiketlerini tek tek girmek pratik değildir. ikas gibi modern e-ticaret altyapıları, ürün sayfalarındaki başlık, açıklama ve ana görseli otomatik olarak open graph formatına çevirir. Böylece kod yazmaya gerek kalmadan, ürün linkleriniz tüm sosyal ağlarda satışa hazır, tıklanabilir kartlar olarak görünür.

Open graph ön izleme aracı, bir URL için tanımlı open graph etiketlerinin sosyal medyada nasıl görüneceğini önceden kontrol etmeni sağlar. ikas’ın open graph ön izleme aracı ile girdiğin sayfanın başlık, açıklama ve görselinin Meta (Facebook), LinkedIn, X (Twitter) ve Discord gibi platformlarda nasıl ön izlemede çıkacağını tek ekranda görebilirsin.

ikas'ın open graph ön izleme aracını kullanmak için, URL alanına kontrol etmek istediğiniz sayfanın linkini yapıştırın ve “Ön İzleme Oluştur” butonuna tıklayın. Araç, ilgili sayfanın open graph etiketlerini okur ve sosyal medyada oluşacak kart ön izlemesini farklı platform görünümleriyle birlikte ekranda gösterir. Böylece içeriklerinizi yayına almadan önce başlık, açıklama ve görselin doğru ayarlanıp ayarlanmadığını hızlıca kontrol edebilirsiniz.

Open graph görseli, bir bağlantı paylaşıldığında başlık ve açıklama metninin hemen üzerinde beliren kapak fotoğrafıdır. HTML kodları arasında og:image etiketiyle tanımlanır. Sosyal medya önizlemesi oluşturulurken kullanıcıların ilk dikkat ettiği unsur bu görseldir.
Doğru boyutlandırılmamış veya hiç eklenmemiş bir görsel, platformun sayfadaki rastgele bir fotoğrafı (örneğin bir yazar avatarı veya sayfa altındaki küçük bir logoyu) çekmesine yol açar. Standart og:image boyutu genellikle 1200x630 piksel olarak kabul edilir. Bu oran, görselin hem masaüstü hem de mobil cihazlarda kırpılmadan, net bir şekilde görüntülenmesini garanti altına alır. Web sitesi önizleme görseli ekleme adımı, dijital pazarlama kampanyalarının görünürlüğünü belirleyen en kritik aşamalardan biridir.

Open graph görselleri, sosyal medya akışlarında kullanıcıların kaydırma (scroll) hareketini durduran en güçlü tetikleyicidir. Sadece metinden oluşan bir bağlantı, yoğun bilgi akışı içinde kaybolurken; optimize edilmiş bir open graph görseli, tıklama oranı optimizasyonu (CTR) üzerinde doğrudan artış sağlar.
INMA tarafından yapılan ve Semrush üzerinde paylaşılan bir araştırmaya göre, görsel içeren Facebook gönderileri, içermeyenlere kıyasla %100 daha fazla etkileşim ve %114 daha fazla gösterim elde etmektedir. Bu istatistik, sosyal medyada link paylaşımı yaparken görselin ne kadar belirleyici olduğunu kanıtlar. Ayrıca, profesyonel görünen bir sosyal grafik, markaya duyulan güveni artırır ve web sitesi trafiği üzerinde dolaylı bir SEO (Arama Motoru Optimizasyonu) etkisi yaratır.

X (eski adıyla Twitter), bağlantı önizlemeleri için kendi geliştirdiği "Twitter Cards" yapısını kullanır. HTML kodlarında twitter:card, twitter:title ve twitter:image gibi özel etiketler arar. Ancak X platformu, sayfanızda bu özel etiketleri bulamazsa doğrudan open graph etiketlerine başvurur.
Yani sayfanızda yalnızca og:image ve og:title varsa, X bu verileri okuyarak bağlantı önizlemesini sorunsuz bir şekilde oluşturur. Yine de en iyi pratik, twitter card ayarları ile open graph etiketlerini birlikte kullanmaktır. Böylece X üzerindeki önizlemenin büyük veya küçük formatta görünmesini (summary_large_image) kesin olarak kontrol edebilirsiniz.

Evet, LinkedIn bağlantı önizlemelerini oluştururken tamamen open graph protokolüne dayanır. Platform, paylaşılan URL'yi tarar ve og:title, og:description ve og:image etiketlerini çekerek profesyonel ağ akışında sergiler.
LinkedIn link önizleme süreçlerinde sık karşılaşılan bir durum, önbellek (cache) sorunudur. Eğer sayfanızdaki görseli veya başlığı güncellediyseniz, LinkedIn eski veriyi göstermeye devam edebilir. Bu durumu çözmek için LinkedIn Post Inspector aracına URL'nizi girerek platformun önbelleğini temizlemesini ve güncel open graph verilerini yeniden çekmesini sağlayabilirsiniz.

Instagram, yapısal olarak gönderi (feed) açıklamalarında tıklanabilir bağlantılara izin vermez. Bu nedenle standart akışta open graph etiketlerinin bir işlevi yoktur. Ancak Instagram Direct Messages (DM) üzerinden bir URL paylaşıldığında durum değişir.
Kullanıcılar birbirlerine mesaj yoluyla bir web sitesi linki gönderdiğinde, Instagram arka planda open graph verilerini okur ve sohbet ekranında küçük bir önizleme kartı oluşturur. Bu sayede karşı taraf, linke tıklamadan önce sayfanın ne hakkında olduğunu og:image ve og:title sayesinde anlar. Bu durum, özellikle e-ticaret markalarının ürünlerini DM üzerinden paylaşan müşteriler için etkili bir deneyim sunar.

Open Graph Protocol (OGP), bizzat Meta (Facebook) tarafından ortaya çıkarılmıştır. Facebook, paylaşılan her bağlantıda istisnasız olarak bu etiketleri arar.
Facebook paylaşım resmi değiştirme veya güncelleme işlemleri doğrudan web sitenizin kodlarındaki og:image etiketinin değiştirilmesiyle yapılır. Meta, geliştiriciler için sunduğu Sharing Debugger (Paylaşım Hata Ayıklayıcı) aracı ile URL'nizin Facebook'ta nasıl görüneceğini önceden test etmenize olanak tanır. Etiketlerde bir eksiklik veya boyutlandırma hatası varsa, bu araç üzerinden tespit edip anında düzeltebilirsiniz.