Open Graph (OG) protokolü, Facebook tarafından 2010 yılında geliştirilen ve web sayfalarının sosyal medya platformlarında nasıl görüneceğini kontrol eden bir meta etiket standardıdır. Doğru OG etiketleri olmadan, sosyal medyada paylaşılan bağlantılarınız eksik veya yanlış bilgilerle görünebilir — bu da tıklama oranını ciddi şekilde düşürür.
Temel Open Graph Etiketleri
Her sayfada bulunması gereken zorunlu OG etiketleri şunlardır:
<meta property="og:title" content="Sayfa Başlığı">
<meta property="og:description" content="Sayfa açıklaması burada yer alır.">
<meta property="og:image" content="https://example.com/gorsel.jpg">
<meta property="og:url" content="https://example.com/sayfa">
<meta property="og:type" content="article">
og:title
Paylaşım kartında görüntülenecek başlıktır. SEO title'ınızdan farklı olabilir — sosyal medya kullanıcılarına hitap eden, daha dikkat çekici bir başlık tercih edilebilir. Önerilen uzunluk: 40-60 karakter.
og:description
Paylaşımda başlığın altında görünen açıklama metnidir. Kullanıcıyı tıklamaya teşvik eden, içeriğin ne sunduğunu açıkça belirten bir metin olmalıdır. Önerilen uzunluk: 100-200 karakter.
og:image
Paylaşım kartında gösterilecek görseldir. Bu etiket, sosyal medya paylaşımlarının başarısında en belirleyici faktördür. Görselli paylaşımlar, görselsiz paylaşımlara göre çok daha fazla etkileşim alır.
og:url
Sayfanın kanonik URL'sini belirtir. Farklı URL'lerden erişilebilen aynı içeriğin tek bir URL altında birleştirilmesini sağlar.
og:type
İçerik türünü belirler. Yaygın değerler:
website— Ana sayfa ve genel sayfalararticle— Blog yazıları ve makalelerproduct— Ürün sayfalarıprofile— Kişi profil sayfaları
Ek Open Graph Etiketleri
<!-- Site adı -->
<meta property="og:site_name" content="SiteScripti">
<!-- Dil -->
<meta property="og:locale" content="tr_TR">
<!-- Görsel boyutları (ön yükleme optimizasyonu) -->
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Görsel açıklaması">
<!-- Makale spesifik etiketler -->
<meta property="article:published_time" content="2026-03-03">
<meta property="article:author" content="Yazar Adı">
<meta property="article:section" content="SEO">
Twitter Card Etiketleri
Twitter, Open Graph etiketlerini okuyabilse de kendi etiket sistemini de kullanır. En iyi sonuç için her ikisini de eklemeniz önerilir:
<!-- Twitter Card türü -->
<meta name="twitter:card" content="summary_large_image">
<!-- Twitter hesabı -->
<meta name="twitter:site" content="@sitescripti">
<!-- Başlık ve açıklama (OG ile aynı olabilir) -->
<meta name="twitter:title" content="Sayfa Başlığı">
<meta name="twitter:description" content="Sayfa açıklaması">
<!-- Görsel -->
<meta name="twitter:image" content="https://example.com/gorsel.jpg">
<meta name="twitter:image:alt" content="Görsel açıklaması">
Twitter Card türleri:
summary— Küçük kare görsel ile başlık ve açıklamasummary_large_image— Büyük dikdörtgen görsel ile başlık ve açıklamaplayer— Video veya ses içeriği için
OG Görsel Gereksinimleri
Sosyal medya görselleri için en iyi uygulamalar:
- Önerilen boyut: 1200x630 piksel (1.91:1 en-boy oranı)
- Minimum boyut: 600x315 piksel
- Dosya boyutu: 5MB'den küçük olmalıdır (ideal: 100-300KB)
- Format: JPEG veya PNG (WebP bazı platformlarda desteklenmez)
- Metin yerleşimi: Görselin ortasına önemli bilgileri yerleştirin — platformlar kenarları kırpabilir
- HTTPS URL: Görsel URL'si mutlaka HTTPS olmalıdır
Test Etme ve Doğrulama
OG etiketlerinizi test etmek için çeşitli araçlar mevcuttur:
- Facebook Sharing Debugger: Facebook paylaşım önizlemesi ve önbellek temizleme
- Twitter Card Validator: Twitter kart önizlemesi
- LinkedIn Post Inspector: LinkedIn paylaşım önizlemesi
Değişiklik yaptıktan sonra platformların önbelleğini temizlemek için bu araçları kullanmanız gerekebilir — aksi takdirde eski bilgiler gösterilmeye devam edebilir.
OG Önizleme Aracını Kullanın
Sayfanızın sosyal medya paylaşımlarında nasıl görüneceğini anında görmek için OG Önizleme aracımızı kullanabilirsiniz. Meta etiketlerinizi oluşturmak için ise Meta Tag Oluşturucu aracımız Open Graph ve Twitter Card etiketlerini otomatik olarak üretir.
Bu konuyla ilgili araçlarımızı da deneyin: OG Önizleme, Meta Tag Oluşturucu, Schema Oluşturucu