Bir bağlantıyı WhatsApp'ta, X'te veya LinkedIn'de paylaştığınızda çıkan o düzgün başlık, açıklama ve büyük kapak görseli tesadüf değildir. Bunu üreten şey Open Graph (OG) protokolüdür: sayfanızın sosyal ağlarda nasıl görüneceğini sizin belirlemenizi sağlayan küçük ama etkili bir meta veri katmanı.
İlgili içerikler: İnternet ve ağ temelleri rehberi · IP adresi nedir? · İnternet servis sağlayıcıları kimlerdir?
Open Graph Nedir?
Open Graph, bir web sayfasının sosyal medya ve mesajlaşma uygulamalarında paylaşıldığında hangi başlık, açıklama, görsel ve içerik türüyle görüneceğini tanımlayan açık bir protokoldür. Başlangıçta Facebook tarafından ortaya konmuş, zamanla LinkedIn, X (eski Twitter), WhatsApp, Slack, Discord ve daha birçok platform tarafından benimsenmiştir.
Teknik olarak OG, sayfanın <head> bölümüne eklenen <meta> etiketlerinden oluşur. Sıradan meta etiketlerden farkı, sınıflandırma için name yerine property özniteliğini kullanması ve her etiketin og: ön ekiyle başlamasıdır. Bir platform bağlantınızı işlerken sayfayı çeker ve bu etiketleri okuyarak önizlemeyi (link preview / kart) oluşturur.
<meta property="og:title" content="Open Graph Nedir?">
<meta property="og:description" content="Sayfanızın sosyal ağlarda nasıl göründüğünü belirleyen meta veri katmanı.">
<meta property="og:image" content="https://ornek.com/gorsel/og-kapak.jpg">
<meta property="og:url" content="https://ornek.com/blog/open-graph-nedir">
<meta property="og:type" content="article">Open Graph Neden Önemlidir?
OG etiketleri arama motoru sıralamanızı doğrudan belirleyen bir faktör değildir; yani sadece OG ekleyerek Google'da yükselmezsiniz. Etkisi dolaylı ama gerçektir: paylaşımın görünürlüğü ve tıklanma oranı üzerinden çalışır. Bir bağlantı sosyal akışta ne kadar düzgün görünürse, o kadar çok kişi ona tıklar; artan trafik ve etkileşim de zaman içinde içeriğinizin erişimine dolaylı katkı sağlar.
- Tıklama oranı: Net bir başlık ve dikkat çeken bir görsel, akışta kaydırılıp geçilme olasılığını azaltır.
- Kontrol: Etiket eklemezseniz platform sayfadan rastgele bir görsel ve metin seçebilir; bu çoğu zaman istediğiniz izlenimi vermez.
- Marka tutarlılığı: Her paylaşımın aynı düzen, logo ve ton içinde görünmesini sağlar.
- Doğru bağlam: Bir haber mi, ürün mü, video mu paylaşıldığını platforma açıkça bildirirsiniz.
Temel Open Graph Etiketleri
Protokol geniş bir etiket kümesi tanımlar, ancak günlük kullanımda çekirdek bir set çoğu ihtiyacı karşılar. Aşağıdaki tablo en sık kullanılan etiketleri özetler.
| Etiket | İşlevi | Durum |
|---|---|---|
| og:title | Paylaşımda görünen başlık | Temel |
| og:type | İçerik türü (website, article, video vb.) | Temel |
| og:image | Önizlemedeki kapak görseli | Temel |
| og:url | İçeriğin kanonik (asıl) adresi | Temel |
| og:description | Başlığın altındaki kısa açıklama | Önerilir |
| og:site_name | Sitenin/markanın adı | Önerilir |
| og:locale | Dil ve bölge (örn. tr_TR) | İsteğe bağlı |
| og:image:alt | Görselin metin açıklaması (erişilebilirlik) | İsteğe bağlı |
og:type ve İçerik Türleri
og:type, içeriğin ne olduğunu platforma bildirir ve bazı ek etiketlerin kapısını açar. En yaygın değer sıradan sayfalar için website, blog yazıları ve haberler için article'dır.
Tür article olduğunda, isteğe bağlı olarak yayına ve içeriğe dair ek etiketler kullanabilirsiniz:
<meta property="og:type" content="article">
<meta property="article:published_time" content="2026-09-28T09:00:00+03:00">
<meta property="article:author" content="https://ornek.com/yazarlar/editor">
<meta property="article:section" content="SEO">
<meta property="article:tag" content="open graph">Video, müzik, kitap ve profil gibi başka türler de mevcuttur; her biri kendine özgü ek alanlar sunar. Örneğin video türünde oynatıcı adresini ve süreyi tanımlayan alanlar bulunurken, profil türü ad ve kullanıcı adı gibi alanlar sağlar. Yine de çoğu içerik sitesi için website ve article pratikte yeterlidir; gereksiz karmaşıklıktan kaçınıp bu ikisini doğru kurmak çoğu zaman en sağlıklı yaklaşımdır.
og:image İçin Pratik Öneriler
Önizlemenin en dikkat çeken parçası görseldir, bu yüzden og:image'a özen göstermek en yüksek getiriyi sağlar. Yaygın olarak önerilen ölçü 1200 × 630 piksel (yaklaşık 1,91:1 oranı) büyük kart biçimidir; bu boyut çoğu platformda kırpılmadan büyük gösterilir.
- Görselin tam (mutlak) URL'sini kullanın; göreli yollar bazı platformlarda okunmaz.
- Mümkünse HTTPS üzerinden sunun.
- Metni okunur tutun: küçük önizlemede boğulmayacak kadar büyük ve az yazı kullanın.
- Dosya boyutunu makul tutun; gereksiz büyük görseller önizlemenin oluşmasını yavaşlatır.
- og:image:width, og:image:height ve og:image:alt eklemek işlemeyi ve erişilebilirliği kolaylaştırır.
Twitter Cards ile İlişkisi
X (Twitter) kendi kart sistemini kullanır ve twitter: ön ekli etiketleri okur. Ancak birçok twitter: etiketi eksik olduğunda X, Open Graph karşılıklarına geri düşebilir; örneğin twitter:title yoksa og:title kullanılabilir.
Pratik yaklaşım: sağlam bir OG seti kurun, ardından kart biçimini netleştirmek için birkaç Twitter'a özel etiket ekleyin.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Open Graph Nedir?">
<meta name="twitter:description" content="Sosyal paylaşım önizlemelerini yöneten meta veri.">
<meta name="twitter:image" content="https://ornek.com/gorsel/og-kapak.jpg">Test Etme ve Önbellek Sorunu
Etiketleri ekledikten sonra sonucu tahmin etmek yerine görün. Platformlar, çektikleri önizlemeleri bir süre önbelleğe alır; bu yüzden bir değişiklik yaptığınızda eski görüntü bir süre inatla kalabilir. Bu durum çoğu kişiyi "etiketi güncelledim ama paylaşım hâlâ eski" derken şaşırtır; oysa sorun genellikle önbellektir. Çoğu büyük platform, önbelleği tazelemek ve önizlemenin nasıl göründüğünü kontrol etmek için resmi bir doğrulama aracı sunar.
- Etiketlerin
<head>içinde ve sayfa yüklenir yüklenmez mevcut olduğundan emin olun. - İlgili platformun doğrulayıcısıyla önizlemeyi görüntüleyin ve önbelleği yenileyin.
- Bir güncelleme sonrası paylaşım hâlâ eski görünüyorsa, önce önbelleği tazeleyin.
- Görselin herkese açık ve tam URL ile erişilebilir olduğunu iki kez doğrulayın.
Sık Yapılan Hatalar
- Göreli görsel yolu: og:image için tam URL yerine
/gorsel.jpggibi bir yol kullanmak. - Eksik dört temel: og:title, og:type, og:image ve og:url'den birini atlamak.
- property/name karışıklığı: OG için name, Twitter için property kullanmak.
- Çok küçük veya çok yazılı görsel: önizlemede okunmayan kapaklar.
- Yinelenen etiketler: aynı özelliği farklı değerlerle birden çok kez tanımlamak.
- Kapalı görsel: oturum veya IP kısıtı ardındaki bir görseli kapak yapmak.
Open Graph, az çabayla düzenli sonuç veren nadir tekniklerden biridir. Dört temel etiketi doğru kurmak, iyi bir kapak görseli seçmek ve sonucu bir doğrulayıcıyla test etmek, paylaşımlarınızın her yerde derli toplu görünmesi için çoğu zaman yeterlidir.