Open Graph Etiketleri Nedir? Sosyal Medya SEO Rehberi (2026)
Open Graph etiketleri nedir, nasıl eklenir? og:title, og:description, og:image ile Facebook ve LinkedIn paylaşımlarını optimize edin. Türkçe rehber ve örnekler.
İçindekiler
Bir web sayfasını Facebook'ta paylaştığınızda başlık yerine URL, görsel yerine boş kare görüyorsanız sebebi bellidir: Open Graph etiketleri eksik. Bu rehberde OG etiketlerinin ne olduğunu, hangi alanların zorunlu olduğunu ve nasıl ekleneceğini öğreneceksiniz.
Open Graph Nedir?
Open Graph (OG), 2010 yılında Facebook tarafından geliştirilen ve web sayfalarının sosyal medya platformlarında nasıl görüneceğini kontrol eden bir protokoldür. Sayfa <head> bölümüne eklenen <meta property="og:..."> etiketleriyle çalışır.
Bugün Open Graph'ı kullanan platformlar:
- WhatsApp (bağlantı önizlemesi)
- Telegram
- Slack
- Discord
Twitter/X, og: yerine kendi twitter: önekini kullanır — ancak og: etiketlerini fallback olarak okur.
Temel Open Graph Etiketleri
og:title — Başlık
<meta property="og:title" content="Open Graph Etiketleri Nedir? — Ücretsiz SEO">
Paylaşım kartında görünen başlık. 95 karakteri geçmemesi önerilir; LinkedIn 70 karakterden sonra keser.
og:description — Açıklama
<meta property="og:description" content="Open Graph etiketleri ile sosyal medya paylaşımlarınızı optimize edin.">
Başlığın altında görünen kısa açıklama. 200 karakteri geçmeyin.
og:image — Görsel
<meta property="og:image" content="https://example.com/og-image.jpg">
En kritik etikettir. Görselsiz paylaşım dikkat çekmez.
Boyut gereksinimleri:
- Minimum: 200×200 piksel
- Önerilen: 1200×630 piksel (16:9 oran)
- Format: JPG veya PNG
- Boyut: 8 MB altı
og:type — İçerik Türü
<meta property="og:type" content="website">
Değerler: website, article, book, profile, video.movie
Blog makaleleri için article, diğer sayfalar için website kullanın.
og:url — Canonical URL
<meta property="og:url" content="https://example.com/sayfa">
og:url değeri sayfanın canonical URL değeriyle eşleşmelidir — ikisi tutarsız olursa sosyal platform önbelleği karışabilir.
og:site_name — Site Adı
<meta property="og:site_name" content="Ücretsiz SEO">
Twitter Card Etiketleri
Twitter, Open Graph'a ek olarak kendi etiketlerini tanımlar:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ucretsizseo">
<meta name="twitter:title" content="Open Graph Etiketleri Nedir?">
<meta name="twitter:description" content="OG etiketleriyle sosyal medyayı optimize edin.">
<meta name="twitter:image" content="https://example.com/og-image.jpg">
twitter:card değerleri:
summary_large_image: Geniş görsel, üstüne başlık ve açıklama — en çok tıklanan formatsummary: Küçük kare görsel, yanına başlık
Tam Open Graph Kod Örneği
<!-- Sayfanın <head> bölümüne ekleyin -->
<!-- Temel Meta -->
<title>Open Graph Etiketleri Nedir? — Ücretsiz SEO</title>
<meta name="description" content="OG etiketleriyle sosyal medya paylaşımlarınızı optimize edin.">
<!-- Open Graph -->
<meta property="og:title" content="Open Graph Etiketleri Nedir?">
<meta property="og:description" content="OG etiketleriyle sosyal medya paylaşımlarınızı optimize edin.">
<meta property="og:image" content="https://ucretsizseo.com/og/open-graph-nedir.jpg">
<meta property="og:type" content="article">
<meta property="og:url" content="https://ucretsizseo.com/blog/open-graph-etiketleri">
<meta property="og:site_name" content="Ücretsiz SEO">
<meta property="og:locale" content="tr_TR">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Open Graph Etiketleri Nedir?">
<meta name="twitter:description" content="OG etiketleriyle sosyal medya paylaşımlarınızı optimize edin.">
<meta name="twitter:image" content="https://ucretsizseo.com/og/open-graph-nedir.jpg">
<meta name="twitter:site" content="@ucretsizseo">
Article Tipi İçin Ek Etiketler
og:type="article" kullandığınızda bu ek etiketleri de ekleyin:
<meta property="article:published_time" content="2026-05-18T09:00:00+03:00">
<meta property="article:modified_time" content="2026-05-18T09:00:00+03:00">
<meta property="article:author" content="https://example.com/yazar/ahmet">
<meta property="article:section" content="Teknik SEO">
<meta property="article:tag" content="Open Graph">
<meta property="article:tag" content="Sosyal Medya SEO">
OG Etiketlerini Test Etme
Facebook Paylaşım Hata Ayıklayıcı
Facebook Sharing Debugger ile URL'nizi test edin. Sayfa önbelleğini temizleyerek güncel OG bilgilerini çekebilirsiniz.
Twitter Card Doğrulayıcı
Twitter Card Validator artık eski arayüzden kaldırıldı. Bunun yerine Twitter'da bir tweet oluşturup URL yapıştırarak önizlemeyi görebilirsiniz.
LinkedIn Post Inspector
LinkedIn Post Inspector ile LinkedIn paylaşım önizlemesini ve önbelleği temizlemeyi yapabilirsiniz.
Sık Yapılan OG Hataları
1. og:image Eklememek
Görselsiz paylaşım, görselliyle aynı konuma gelemez. Her sayfa için ayrı OG görseli veya en azından site geneli varsayılan bir görsel belirleyin.
2. Çok Küçük Görsel
200×200 pikselin altındaki görseller Facebook tarafından gösterilmez. Daima 1200×630 piksel kullanın.
3. og:image'ı HTTP'de Bırakmak
SSL sertifikanız varsa görsel URL'si https:// ile başlamalıdır.
4. Sayfa Başlığından Farklı og:title Kullanmak
<title> etiketi ve og:title çok farklı olmamalıdır. Arama motorları ve kullanıcılar tutarsızlığa güvenmez.
5. Dinamik Sayfaları Atlamak
Ürün sayfaları, kullanıcı profilleri gibi dinamik içerikler için de OG etiketleri sunucu taraflı oluşturulmalıdır.
Sık Sorulan Sorular
og:image önbelleği ne zaman yenilenir?
Facebook önbelleği genellikle 24 saatte bir yenilenir. Acil güncelleme için Facebook Sharing Debugger'da "Bilgileri Yenile" butonunu kullanın.
Her sayfa için farklı OG görseli şart mı?
Şart değil ama önerilir. Blog makaleleri için içeriğe özel görsel CTR'ı artırır. En azından kategori bazında farklı görseller kullanın.
og:locale ne işe yarar?
İçeriğin dilini ve bölgesini belirtir: tr_TR (Türkiye Türkçesi), en_US (Amerikan İngilizcesi). Çok dilli siteler için önemlidir.
OG Etiketlerinizi Hemen Oluşturun
Ücretsiz OG Tag Oluşturucumuzu kullanarak tüm Open Graph ve Twitter Card etiketlerini form doldurarak oluşturun — canlı önizlemeyle nasıl görüneceğini anında görün.
İlgili içerikler: Meta Etiketleri Nasıl Yazılır? • Meta Tag Nasıl Yazılır? • Title Tag Optimizasyonu • Schema Markup Nedir?
İlgili araçlar: Meta Tag Oluşturucu • Schema Oluşturucu
Sitenizin SEO Skorunu Öğrenin
Bu rehberi uyguladıktan sonra sitenizi analiz edin ve ilerlemenizi ölçün.
Ücretsiz Analiz Et →