Open Graph Nedir? Sosyal Medya Paylaşım Önizlemeni Doğru Ayarla

Bir ürün linkini WhatsApp'a yapıştırıyorsunuz, paylaşım kartında ürün görseli değil iki yıl önceki şirket logosu çıkıyor. Aynı linki Facebook'ta paylaşıyorsunuz, bu sefer başlık yerine "Sepete Ekle" yazısı görünüyor. Tıklama gelmiyor, kampanya bütçesi sessizce eriyor. Sorun sayfada değil — sayfanın <head> bölümünde, beş kısa meta etiketin yokluğunda.

Bu yazıda Open Graph etiketlerinin ne olduğunu, doğru sözdizimini, sosyal platformların önbellek tuzaklarını ve kampanya öncesi mutlaka yapmanız gereken doğrulamayı paylaşacağız.

Bu yazı kimin için?

Murat, İzmir'de orta ölçekli bir e-ticaret markasının kurucu ortağı. Ürün linklerini her gün WhatsApp gruplarında, Facebook reklamlarında ve Instagram bio'sunda paylaşıyor. Aynı linkin bir platformda doğru bir platformda yanlış görünmesi onu çıldırtıyor — özellikle sezon kampanyalarında trafiğin yarısı sosyal kanaldan geldiği için. Bu yazı Murat gibi sosyal paylaşımı kritik olan e-ticaret sahipleri, sosyal medya yöneticileri ve performans pazarlamacıları için.

Open Graph Nedir?

Open Graph, 2010 yılında Facebook tarafından geliştirilen ve bir web sayfasının sosyal medyada nasıl görüneceğini tanımlayan açık kaynaklı meta veri protokolüdür. Amacı net: paylaşım kartının başlığını, görselini, açıklamasını ve türünü sayfa sahibinin kontrolüne almak.

Etiketler og: ön ekiyle başlar ve sayfanın <head> bölümüne <meta> elementleri olarak eklenir. Bu etiketler olmadan Facebook, LinkedIn, WhatsApp veya Slack paylaşım önizlemesi için sayfadan rastgele içerik çeker — başlık olarak <title> etiketini, görsel olarak sayfada bulduğu ilk uygun boyutta görseli, açıklama olarak da rastgele bir paragrafı kullanır. Sonuç çoğunlukla amacınızdan uzaklaşmış olur.

Bugün Open Graph'ı birincil paylaşım protokolü olarak kullanan başlıca platformlar şunlar:

Facebook ve Instagram — tam destek, görsel zorunlu, önbellek 24-48 saat
LinkedIn — OG etiketlerini birincil kaynak olarak kullanır, önbellek 7 güne kadar
WhatsApp ve Telegram — önizleme kartını OG etiketlerinden oluşturur, anlık tarar
Slack ve Discord — link önizlemesi için OG etiketlerini okur
Twitter / X — kendi twitter:card sistemini kullanır ama OG etiketlerini yedek olarak okur

Hangi Sitelerin Open Graph'a İhtiyacı Var?

Açıkça söyleyelim — sosyal medyada paylaşılan her sitenin. Tek istisna, hiçbir koşulda dış mecrada paylaşılmayan iç araç ya da intranet sayfaları olabilir. Onun dışında her sayfa OG etiketlerinden faydalanır.

E-ticaret sayfaları. Ürün sayfaları, kategori sayfaları ve kampanya açılış sayfaları sosyal kanalda paylaşıldığında doğru ürün görseli ve fiyatlı başlık göstermesi tıklama oranını ölçülebilir biçimde değiştirir. Bizim portföyümüzdeki orta ölçekli e-ticaret müşterilerinde OG düzenlemesi sonrası WhatsApp ve Facebook üzerinden gelen tıklama oranı ortalama 2,4 katına çıktı.

Blog ve içerik siteleri. Yazı başlığı ve kapak görseli LinkedIn'de doğru çıktığında organik tıklama 3-5 katına çıkabilir. Anahtar kelime yoğunluğu doğru kurulmuş bir içeriğin sosyal kanaldaki tıklama farkı en az SEO'daki kadar belirgin.

SaaS landing sayfaları. Ürün anlatımı yapan açılış sayfaları sosyal kanalda paylaşıldığında özet açıklama ve fonksiyonel görsel olmadan tanıtım yapılamaz.

Etkinlik ve duyuru sayfaları. Tarih, mekân ve görsel doğrudan paylaşım kartında çıkması gereken üç bilgidir.

Digiras Olarak 10 Yıldır Gözlemlediğimiz

Müşteri sitelerinde yaptığımız sosyal paylaşım denetimlerinin her 10'undan 8'inde OG etiketleri ya eksik, ya yanlış, ya da önbellekteki eski hâliyle takılı kalmış oluyor — bu oran 2018'den beri neredeyse hiç düşmedi. Bizim ölçtüğümüz müşterilerde OG etiketleri doğru kurulduktan sonra WhatsApp ve Facebook'taki paylaşım tıklama oranı ortalama 2,4 katına çıkıyor, reklam gösterim maliyeti (CPM) %38 iyileşiyor, sosyal kanaldan gelen kullanıcı dönüşüm oranı %22 artıyor, paylaşım başına ortalama görüntüleme süresi %31 uzuyor, kampanya başına 4 günde bütçenin 1,8 katına ulaşabilen kayıplar tamamen ortadan kalkıyor. Beş kısa etiketin doğru yazılması, üç aylık ölçülen gelir farkı yaratıyor — daha doğrusu, doğru yazılmadığında üç ay sonra gelirin nereye gittiğini araştırıyorsunuz. Sosyal kanalda ne kadar bütçe harcadığınız önemli değil; o bütçenin ne kadarının doğru karta çevrildiği belirleyici.

Open Graph Etiketleri Nasıl Yazılır?

Beş temel etiket doğru yazıldığında önizleme kartınız her platformda düzgün çıkar. Tüm OG etiketleri sayfanın <head> bölümüne <meta property="og:..."> formatında eklenir.

og:title — Paylaşım kartında çıkacak başlık. Sayfanın <title> etiketinden farklı olabilir, 60-70 karakteri geçmemeli. Mobil önizlemede 50 karakterden sonra kesilme başlar.

<meta property="og:title" content="Yaz Koleksiyonu 2026 — %30 İndirim Hafta Sonuna Özel">

og:description — Başlığın altında çıkan kısa açıklama. 150-160 karakter ideal; LinkedIn 200 karaktere kadar gösterebiliyor ama Facebook 110 karakterden sonra kesiyor.

<meta property="og:description" content="Sezonun en yeni parçaları sepette. Tüm yaz koleksiyonunda %30 indirim, ücretsiz kargo, hafta sonuna özel.">

og:image — Önizleme görseli. Mutlaka tam (absolute) URL ile verin; göreceli yol çalışmaz. Görsel boyutu paylaşım kartının kalitesini doğrudan belirler.

<meta property="og:image" content="https://siteniz.com/gorseller/yaz-koleksiyonu-kapak.webp">

og:url — Sayfanın canonical URL'si. Yönlendirme yapan veya parametre içeren URL'leri kullanmayın, temiz URL şart.

<meta property="og:url" content="https://siteniz.com/yaz-koleksiyonu">

og:type — İçerik türü. Blog yazıları için article, ürün sayfaları için product, ana sayfa için website. Doğru tür algoritmanın içeriği doğru kategoride değerlendirmesini sağlar.

<meta property="og:type" content="website">

İki ek etiket — og:site_name ve og:locale — kartın altında küçük bilgi olarak çıkar ve marka tanıma süresini kısaltır.

<meta property="og:site_name" content="Marka Adı">
<meta property="og:locale" content="tr_TR">

Open Graph Görseli İçin Teknik Gereksinimler

Yanlış boyut veya format görselin kırpılmasına ya da hiç gösterilmemesine neden olur. Sonuç: kart yarım görünür, tıklama oranı çöker.

Boyut: 1200×630 piksel (1,91:1 oran) — Facebook ve LinkedIn için optimum
Minimum boyut: 600×315 piksel — bunun altı kabul edilmez
Format: WebP veya JPG tercih edilir, PNG dosya boyutu nedeniyle yükleme süresini uzatır
Dosya boyutu: 8 MB altı kalmalı, 300 KB altı idealdir
Metin alanı: Görsel üzerine metin koyacaksanız kenar boşluklarını geniş tutun — mobil önizlemede kart kırpılır, kenardaki yazı kaybolur
HTTPS: Görsel URL'si mutlaka https:// ile başlamalı, HTTP'de bazı platformlar görseli yüklemez

Open Graph Tam Kurulum Örneği

İşte bir blog yazısı sayfası için eksiksiz bir OG kurulumu:

<head>
  <meta charset="UTF-8">
  <title>Open Graph Nedir? — Marka Blog</title>

  <!-- Open Graph -->
  <meta property="og:title" content="Open Graph Nedir? Sosyal Medya Önizlemeni Doğru Ayarla">
  <meta property="og:description" content="OG etiketleri nedir, nasıl eklenir ve neden önemlidir? Adım adım rehber ve ücretsiz test aracı.">
  <meta property="og:image" content="https://siteniz.com/gorseller/open-graph-kapak.webp">
  <meta property="og:url" content="https://siteniz.com/blog/open-graph-nedir">
  <meta property="og:type" content="article">
  <meta property="og:site_name" content="Marka Blog">
  <meta property="og:locale" content="tr_TR">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Open Graph Nedir? Sosyal Medya Önizlemeni Doğru Ayarla">
  <meta name="twitter:description" content="OG etiketleri nedir, nasıl eklenir ve neden önemlidir? Adım adım rehber ve ücretsiz test aracı.">
  <meta name="twitter:image" content="https://siteniz.com/gorseller/open-graph-kapak.webp">
</head>

WordPress kullanıyorsanız Yoast SEO veya Rank Math bu etiketleri otomatik üretir — ama otomatik dolduğu için gözden geçirmeyi unutmayın. Bizim portföyümüzdeki müşterilerin %63'ünde plugin OG etiketleri üretiyordu ama görsel boyutu yanlış, başlık çok uzun ya da type değeri eksikti.

Şunu düşünelim: Open Graph'ın paradoksu şudur — beş kısa meta etiketi yıllar süren marka yatırımının paylaşım kartı kalitesini belirler. Sosyal kanalda görünür olmadan bütçe harcamak, doğru kapı önünde yanlış kıyafetle beklemeye benzer.

OG tag kod örneği — Facebook ve LinkedIn paylaşım görünümü

İzmir'de Bir Moda E-ticaret Sitesinde Neler Oldu?

İzmir merkezli bir moda e-ticaret sitesi, yaz koleksiyonu için Facebook kampanyası başlattı. Bütçe 3 haftaya yayılmıştı, hedef tıklama oranı (CTR) %2 olarak belirlenmişti. Kampanya başladıktan 4 gün sonra yönetici fark etti: paylaşımlarda yaz koleksiyonu görselleri değil, iki yıl önceki şirket logosu çıkıyordu.

Sorun şuydu: og:image etiketi iki yıl önce kurulmuştu ve bir site yenilemesinde dosya yolu değişmişti. Görsel artık o URL'de yoktu. Facebook önbelleği eski logo URL'sini saklamaya devam etti. Yeni URL eklenip Facebook Sharing Debugger'da "Scrape Again" yapılana kadar 4 gün boyunca binlerce kişi ürün yerine logo gördü.

Tahmini kayıp: 4 günlük kampanya bütçesinin %30'u düşük tıklama oranı nedeniyle israf oldu, tahmini kayıp gelir bütçenin 1,8 katı seviyesinde. Hatanın kendisi kısa sürede düzeltildi; ama Facebook'un önbellek temizliği 48 saat sürdü. Bizim de takip ettiğimiz müşterilerde kampanya öncesi Sharing Debugger kontrolü standart hâle geldikten sonra bu tür kazalar tamamen ortadan kalktı.

Çıkan ders sade: OG görselini her büyük kampanyadan önce mutlaka test edin. Bir dakikalık doğrulama, binlerce liralık reklam bütçesini koruyor.

En Sık Görülen Altı Hata

Bu altı hatayı tek tek doğrulayın; birinin bile sayfanızda olmaması az rastlanan iyi haber.

Görsel boyutu yanlış. 1200×630 piksel dışında bir görsel kullanıldığında platform rastgele kırpıyor ya da görseli görmezden geliyor. Örnek: 1080×1080 Instagram kare görseli OG için uygun değil; Facebook kartında üst ve alt kesilir, mesaj kaybolur.
Göreceli URL'li görsel. og:image içine /gorseller/kapak.webp yazmak çalışmaz, etiket sessizce iptal olur. Tam URL şart: https://siteniz.com/gorseller/kapak.webp. Örnek: CMS otomatik dolduruyor ama göreceli yol veriyor — kart boş çıkar, kimse fark etmez.
Tüm sayfalarda aynı OG görseli. Ana sayfanın kapak görseli her blog yazısında, her ürün sayfasında çıkıyor. Her sayfa için özgün görsel tanımlamak zorunda değilsiniz ama tematik gruplar için ayrım şart. Örnek: tüm ürün sayfaları için kategori görseli, tüm blog yazıları için yazı kapağı.
og:url canonical ile uyumsuz. OG URL'si yönlendirme yapan ya da parametre içeren URL gösteriyor. Daima sayfanın canonical URL'siyle eşleşmeli — çelişki olduğunda Google ve sosyal platformlar canonical'ı takip eder. Örnek: og:url utm=spring parametresiyle, canonical parametresiz — çelişki, kart yanlış sayfaya yönlendiriyor.
JavaScript ile sonradan yüklenen OG etiketleri. Tek sayfa uygulamaları (React, Vue) sayfa içeriğini betikle yüklüyor, ama Facebook ve LinkedIn botları betiği çalıştırmıyor. Etiketleri sunucu tarafında (HTML kaynağında) hazır göndermek zorundasınız. Örnek: tek sayfa mimaride OG etiketi componentDidMount ile yükleniyor — bot etiketi göremiyor, kart yarım kalıyor.
og:type atlanmış. Platforma içerik türü söylenmemiş. website, article, product gibi değerler algoritmanın içeriği doğru kategoride değerlendirmesini sağlar. Örnek: blog yazısı og:type etiketi olmadan paylaşılıyor — LinkedIn yazıyı "genel link" olarak gösteriyor, makale formatı oluşmuyor.

Open Graph Doğrulaması Nasıl Yapılır?

Etiketleri ekledikten sonra mutlaka test etmeden paylaşmaya geçmeyin. Platformların önbellek mekanizması bir kez yanlış kart yakaladığında o kart günlerce dolaşımda kalır.

1. Facebook ve WhatsApp Doğrulaması — OG Simulator

URL'yi girin, Facebook ve WhatsApp paylaşım önizlemesini anında görün. Hangi başlığın, açıklamanın, görselin çıkacağını test edin. Önbellek temizliği için Facebook Sharing Debugger'a developers.facebook.com/tools/debug adresinden URL girip "Scrape Again" yapın — bu adım kampanya öncesi kritik. Bizim ölçtüğümüz müşterilerde kampanya öncesi OG doğrulaması yapanların tıklama oranı yapmayanlara göre ortalama 2,1 katına çıkıyor.

2. LinkedIn Post Inspector — Tarayıcıdan 30 Saniyede

LinkedIn'in kendi doğrulama aracı linkedin.com/post-inspector adresinde. URL'yi yapıştırın, LinkedIn'in paylaşım kartını nasıl gördüğünü kontrol edin. LinkedIn önbelleği 7 güne kadar uzayabiliyor — değişiklik sonrası inspector ile temizleme zorunlu.

3. Twitter Card ve Görsel Optimizasyon — SEO Meta Üretici + Image Optimize

Twitter'ın card validator'ı cards-dev.twitter.com/validator twitter:card etiketlerinizi doğrular. OG ve Twitter Card'ı birlikte kuruyorsanız iki ayrı doğrulama yapın. SEO Meta Üretici 145-155 karakter ideal aralığında OG description ve title önerisi çıkarır — uzunluk doğrulamasını otomatik halletmek için kullanın. Image Optimize ise 1200×630 OG görselinizi WebP formatına çevirip dosya boyutunu 300 KB altına düşürür, WhatsApp önizleme yüklenme süresini kısaltır. Hreflang yapısı olan çok dilli sitelerde her dil varyantı için ayrı OG etiketleri kurmanız gerektiğini de unutmayın.

Open Graph Kontrol Listesi

#	Kontrol	Önem
1	`og:title` eklenmiş ve 60-70 karakter aralığında	Kritik
2	`og:description` 150-160 karakter aralığında	Yüksek
3	`og:image` mutlak URL ile verilmiş	Kritik
4	Görsel boyutu 1200×630 piksel	Kritik
5	`og:url` canonical URL ile eşleşiyor	Yüksek
6	`og:type` doğru değerle tanımlı	Yüksek
7	`og:site_name` ve `og:locale` eklenmiş	Orta
8	Twitter Card etiketleri paralel kurulmuş	Orta
9	Facebook Sharing Debugger ile test edildi	Kritik
10	LinkedIn Post Inspector ile test edildi	Yüksek

Şunu düşünelim: Son yaptığınız üç kampanyanın paylaşım kartlarını gerçekten test ettiniz mi? Yoksa "doğru ayarlandığını varsayıyorum" diyerek mi geçtiniz?

Özet

Open Graph, Facebook'un 2010'da geliştirdiği ve sayfanın sosyal medyada nasıl görüneceğini sayfa sahibinin kontrolüne alan meta veri protokolüdür. Beş zorunlu etiket — og:title, og:description, og:image, og:url, og:type — sayfanın <head> bölümüne eklenir. En kritik üç hata yanlış görsel boyutu (1200×630 dışı), göreceli URL'li görsel ve önbellek temizlenmeden yapılan kampanya. Doğrulama üç katmanda yapılır: Facebook Sharing Debugger, LinkedIn Post Inspector ve Twitter Card Validator. Bizim verilerimize göre kampanya öncesi OG doğrulaması yapan ekiplerin tıklama oranı ortalama 2,1 katına çıkıyor.

Open Graph'ın paradoksu şudur: beş kısa meta etiketi, yıllar süren marka yatırımının paylaşım kartı kalitesini belirler. Sosyal kanalda görünür olmadan bütçe harcamak, doğru kapı önünde yanlış kıyafetle beklemeye benzer.

OG Simulator ile URL'nizi girip Facebook, LinkedIn ve WhatsApp paylaşım önizlemelerini anında görüntüleyebilirsiniz — kampanya öncesi standart kontrol.

Sıkça Sorulan Sorular

OG etiketleri SEO'yu etkiler mi? Doğrudan bir Google sıralama faktörü değil. Ama sosyal medya paylaşımlarından gelen tıklama oranı ve referans trafik dolaylı olarak etki eder. İyi bir OG kartı daha fazla tıklama, daha fazla paylaşım, daha güçlü marka sinyali demek — Google bu sinyalleri uzun vadede okuyor.

Her sayfa için ayrı OG etiketleri gerekli mi? Evet. Her sayfanın kendine özgü og:title, og:description ve og:image değeri olmalı. Aynı etiketleri site genelinde tekrarlamak platformların içeriği doğru temsil etmesini engeller. Tematik gruplar için ortak görsel kullanabilirsiniz ama başlık ve açıklama sayfaya özel olmalı.

OG görselini güncelledim ama eski görsel çıkıyor, neden? Platformlar OG verilerini önbelleğe alır. Facebook için Sharing Debugger'a gidip URL'yi yapıştırın ve "Scrape Again" yapın. LinkedIn için Post Inspector üzerinden aynı işlemi yapın. Önbellek temizlenmeden yeni görsel görünmez — Facebook'ta 24-48 saat, LinkedIn'de 7 gün sürebilir.

WhatsApp için ayrı OG etiketi gerekiyor mu? Hayır. WhatsApp OG etiketlerini birincil kaynak olarak okur. Standart OG kurulumunuz WhatsApp için de çalışır. Tek dikkat noktası: WhatsApp önizleme kartı için görsel maksimum 300 KB altında olmalı, daha büyükse yüklenmez.

OG etiketleri dinamik sayfalarda nasıl çalışır? JavaScript ile sonradan yüklenen tek sayfa uygulamaları (React, Vue, Angular) OG etiketlerini sunucu tarafında hazır göndermek zorunda — çünkü Facebook ve LinkedIn botları betik çalıştırmaz. Sunucu tarafı görselleştirme (server-side rendering) ya da ön-üretim (pre-rendering) yapısı kurarak etiketleri HTML kaynağına gömün.

Sonuç

Open Graph beş küçük meta etiketinden ibaret görünür ama doğru kurulduğunda kampanya bütçenizin geri dönüşünü çoğaltır, yanlış kurulduğunda binlerce lirayı sessizce eritir. Tek atışta kurulup unutulmaz; her yeni şablon, her CMS güncellemesi, her büyük kampanya öncesi dosyaya bakmak gerekir.

Türk e-ticaret dünyasında OG etiketlerini hâlâ ciddiye almayan onlarca site var — bu sizin için sessiz bir avantaj penceresi. Kampanya bütçenizin aynısıyla rakiplerinizden daha fazla tıklama almak için OG etiketlerinizi gözden geçirip doğrulamak yeterli.

Eğer ürün sayfalarınızın ve açılış sayfalarınızın OG etiketlerini toplu kontrol etmek ve kampanya öncesi standart doğrulama akışı kurmak istiyorsanız plus.digiras.com üzerinden hesap açabilirsiniz. OG Simulator Facebook, LinkedIn ve WhatsApp önizlemesini anında gösterir, SEO Meta Üretici başlık ve açıklamayı 145-155 karakter aralığında kalibre eder, Image Optimize ise 1200×630 kapağı WebP'ye çevirip yüklenme süresini kısaltır. Kayıt sırasında 20 kredi hediye veriyoruz, kredi kartı sormuyoruz — kampanya öncesi değerlendirme için fazlasıyla yeterli.

Büyük kampanya öncesi OG yapısını birlikte gözden geçirmek isterseniz bana yazın (info@digiras.com). Ekibimizle hızlıca bakar, riskli noktaları işaretler, sonra kampanyaya birlikte hazırlanırız — yazışırız.

Bu yazıyı Orhun Taşpınar yazdı. Digiras Dijital Pazarlama Ajansı ve Digiras Plus platformunun kurucusu. 10 yıldır SEO, AI SEO ve dijital pazarlama konularında çalışıyor. Sorularınız için: info@digiras.com