Open Graph Etiketleri Nedir?
Bir bağlantı Facebook, LinkedIn, WhatsApp, Slack veya Discord'da paylaşıldığında ortaya çıkan görsel, başlık ve açıklamadan oluşan kart rastgele oluşmaz. Bu platformlar, paylaşılan sayfanın <head> bölümündeki Open Graph (og:*) meta etiketlerini okuyarak bu önizlemeyi oluşturur. Bu etiketler eksikse platform genelde sayfanın kendi başlığını ve rastgele bir görseli kullanmaya çalışır; sonuç çoğu zaman düzensiz ve markayı yansıtmayan bir kart olur.
Open Graph protokolü aslında Facebook tarafından geliştirildi, ancak bugün LinkedIn, WhatsApp, Slack ve Discord gibi neredeyse tüm büyük platformlar bir linkin önizlemesini oluştururken bu etiketleri okur. X (eski adıyla Twitter) ise kendi ayrı twitter:* etiket setini kullanır; tam uyumluluk için her iki set de eklenmelidir.
Neden Önizleme Kartı Önemlidir?
Bir bağlantı sosyal medyada veya mesajlaşma uygulamasında paylaşıldığında kullanıcının gördüğü ilk şey çoğunlukla düz metin bir URL değil, bu önizleme kartıdır. Kart eksik, bozuk ya da alakasız bir görselle göründüğünde kullanıcı bağlantıya tıklamadan geçebilir; bu yüzden Open Graph etiketleri, içeriğin kendisi kadar paylaşımın nasıl algılanacağını da belirleyen teknik bir ayrıntıdır.
Temel Open Graph Etiketleri
og:title: Kartta gösterilecek başlık.og:description: Başlığın altında görünen kısa açıklama.og:image: Önizleme kartındaki görselin adresi.og:url: Sayfanın kurallı (canonical) tam adresi.og:type: İçerik türü —website,articleveyaproductgibi.og:site_name: Kartın üstünde veya altında görünen site adı.
og:type Değerleri Ne Anlama Gelir?
og:type, paylaşılan içeriğin türünü platforma bildirir. website genel sayfalar (anasayfa, kurumsal sayfalar) için kullanılan varsayılan değerdir. article blog yazıları ve haber içerikleri için, product ise e-ticaret ürün sayfalarını işaretlemek için kullanılır. Sayfanızın niteliğine uygun olmayan bir og:type seçmek, bazı platformların kartı beklenmedik şekilde işlemesine yol açabilir; bu yüzden her sayfa türü için doğru değeri tutarlı biçimde kullanmak önemlidir.
Her Sayfa Kendi Etiketlerine Sahip Olmalı
Statik bir sitede tüm sayfalar için aynı og:title ve og:image'ı kullanmak yaygın bir kısayoldur ama paylaşım kalitesini düşürür. Her blog yazısı, ürün sayfası veya kampanya sayfası kendi içeriğine özgü bir başlık, açıklama ve görselle paylaşıldığında hem kullanıcı için daha anlamlı olur hem de sayfanın neyle ilgili olduğunu platforma daha net iletir. Sitenizin CMS'i veya şablon yapısı buna izin veriyorsa, en azından başlık ve görseli sayfa bazında değiştirmek önceliklendirilmelidir.
twitter:* Etiketleri ve Kart Tipleri
X, og:* etiketlerini değil kendi twitter:* setini önceliklendirir: twitter:card, twitter:title, twitter:description, twitter:image. twitter:card için iki temel değer vardır: geniş, büyük bir görsel gösteren summary_large_image ve küçük kare bir görsel gösteren summary. summary_large_image kart tipi, twitter:image eksikse otomatik olarak og:image'a geri döner — ama güvenilirlik için ikisini de açıkça belirtmek her zaman daha sağlamdır.
Hangi Platform Hangi Etiket Setini Okur?
Uygulamada platformların büyük çoğunluğu Open Graph üzerinde birleşir, X ise ayrı bir yol izler:
| Platform | Okuduğu etiket seti |
|---|---|
| og:* | |
| og:* | |
| og:* | |
| Slack | og:* |
| Discord | og:* |
| X (Twitter) | twitter:* (eksikse og:image'a geri döner) |
og:image İçin Doğru Görsel Boyutu
og:image için önerilen minimum boyut 1200×630 piksel'dir. Bu boyut, retina/yüksek DPI ekranlarda görselin net görünmesini sağlar ve Facebook'un tercih ettiği yaklaşık 1.91:1 en-boy oranına da uyar. Daha küçük görseller büyütülerek bulanık görünür ya da bazı platformlarda küçük bir kare önizlemeye düşürülür; bu da kartın görsel etkisini azaltır.
Görsel adresinin herkese açık ve doğrudan erişilebilir bir mutlak URL olması gerekir; şifre korumalı, oturum gerektiren veya robots.txt ile engellenmiş bir yoldaki görsel, önizleme botları tarafından indirilemez ve kart görselsiz görünür.
Değişiklikler Neden Hemen Görünmüyor? Önbellek ve Debugger Araçları
Open Graph etiketlerini güncelledikten sonra değişikliklerin paylaşımlarda hemen yansımaması normaldir. Facebook, LinkedIn ve diğer platformlar bir sayfanın Open Graph verisini bir süre önbellekte tutar; sayfayı yeniden taramadan eski kartı göstermeye devam ederler.
Her platformun önbelleği birbirinden bağımsız çalışır; Facebook'ta Sharing Debugger ile temizlenen önbellek, WhatsApp veya Slack'teki eski önizlemeyi otomatik olarak güncellemez. Bu yüzden önemli bir kampanya veya blog yazısı öncesinde kartın paylaşacağınız her platformda ayrı ayrı kontrol edilmesi, sürpriz bir görünümle karşılaşmamak için makul bir alışkanlıktır.
Sık Yapılan Open Graph Hataları
og:imageadresini göreli yol olarak yazmak; bu alan mutlak (https:// ile başlayan) bir URL olmalıdır.- Sadece
og:*etiketlerini eklemek,twitter:*setini hiç eklememek. - Görseli 1200×630'un altında bir boyutta yayınlayıp bulanık veya küçük göründüğünde nedenini anlayamamak.
- Etiketleri güncelledikten sonra Sharing Debugger ile önbelleği temizlemeyi unutup eski kartın hâlâ göründüğünü sanıp paniklemek.
og:titleile sayfanın gerçek<title>etiketini birbirinden kopuk, tutarsız yazmak.- Görselin barındığı klasörü robots.txt ile yanlışlıkla engelleyip botların görseli hiç indirememesine neden olmak.
Open Graph Etiketlerinizi Oluşturun ve Önizleyin
Bu etiketleri elle yazmak yerine canlı bir önizlemeyle çalışmak, yayınlamadan önce kartın nasıl görüneceğini görmenizi sağlar. KEYDAL'ın Open Graph oluşturucusu; başlık, açıklama, görsel, URL, site adı ve kart tipini girmenize izin verir, girdiğiniz bilgilerle yaklaşık bir sosyal medya önizlemesi gösterir ve kopyalamaya hazır <head> etiketlerini üretir.
Başlık, açıklama ve görselinizi girin; paylaşım kartınızı canlı önizleyip hazır meta etiketleri kopyalayın.
Etiketleri yayınladıktan sonra paylaşmadan önce Facebook Sharing Debugger veya X Card Validator ile bir kez test etmek, kartın canlıda beklediğiniz gibi göründüğünden emin olmanın en hızlı yoludur.