Open Graph Nedir, Nasıl Kullanılır? (og:image Boyutu ve Kodlar)
Open Graph, bir web sayfası WhatsApp, Facebook, LinkedIn, X veya Telegram gibi platformlarda paylaşıldığında görünecek başlık, açıklama ve görseli belirleyen meta etiketleridir. Facebook tarafından 2010’da geliştirilen bu protokolde etiketler og: önekiyle başlar ve sayfanın <head> bölümüne eklenir. Open Graph etiketi olmayan bir sayfa paylaşıldığında platform yanlış bir görsel seçebilir veya bağlantı düz metin olarak görünebilir.
- Temel etiketler: og:title, og:description, og:image, og:url, og:type
- Görsel ölçüsü: 1200 × 630 piksel (1,91:1 oran), 8 MB altı, JPG veya PNG
- X (Twitter) için: twitter:card = summary_large_image
- WordPress: Yoast SEO veya Rank Math etiketleri otomatik ekler.
- Test: Facebook Paylaşım Hata Ayıklayıcısı ve LinkedIn Post Inspector
Open Graph Etiketleri Nelerdir?
| Etiket | Ne işe yarar | Not |
|---|---|---|
| og:title | Paylaşım kartındaki başlık | 60-90 karakter idealdir |
| og:description | Başlığın altındaki kısa açıklama | Bazı platformlar mobilde göstermez |
| og:image | Paylaşım görseli | Tam URL (https://…) olmalı |
| og:url | Sayfanın kalıcı (canonical) adresi | Beğeni ve paylaşım sayıları bu adreste toplanır |
| og:type | İçerik türü | Ana sayfa için website, yazılar için article |
| og:site_name | Site adı | Kartın üstünde görünebilir |
| og:locale | İçeriğin dili | Türkçe için tr_TR |
| twitter:card | X kart türü | Büyük görsel için summary_large_image |
Open Graph Kodu Nasıl Eklenir?
Kod yazarak eklemek için aşağıdaki etiketleri sayfanın <head> bölümüne yerleştirin ve içerikleri kendi sayfanıza göre değiştirin:
<meta property="og:type" content="article" />
<meta property="og:title" content="Open Graph Nedir, Nasıl Kullanılır?" />
<meta property="og:description" content="Paylaşım önizlemesinde görünecek kısa açıklama." />
<meta property="og:url" content="https://www.siteniz.com/open-graph/" />
<meta property="og:image" content="https://www.siteniz.com/gorsel-1200x630.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Site Adı" />
<meta property="og:locale" content="tr_TR" />
<meta name="twitter:card" content="summary_large_image" />Sayfanın dilini belirten og:locale etiketi, HTML’deki dil etiketinin sosyal medya karşılığıdır; ayrıntılar için HTML lang etiketi yazısına bakabilirsiniz.
WordPress’te Open Graph
WordPress’te kod yazmanıza gerek yoktur. Yoast SEO, Open Graph ve X kart etiketlerini otomatik ekler; yazı düzenleme ekranındaki Sosyal sekmesinden her yazı için ayrı başlık, açıklama ve görsel belirleyebilirsiniz. Genel ayar Yoast SEO > Ayarlar > Site özellikleri bölümündeki Open Graph verileri seçeneğidir.
Open Graph Görsel Boyutu Ne Olmalı?
- Önerilen: 1200 × 630 piksel (1,91:1). Facebook, LinkedIn ve X’te büyük kart olarak görünür.
- En küçük: 600 × 315 piksel altındaki görseller küçük kart olarak gösterilebilir.
- Dosya: JPG veya PNG, birkaç yüz KB yeterlidir. WhatsApp bazı durumlarda büyük dosyaları önizlemede göstermeyebilir.
- Güvenli alan: Önemli metin ve logoyu görselin ortasında tutun; bazı platformlar kenarları kırpar.
Görsel formatları için en kaliteli resim formatı yazısına bakabilirsiniz.
Open Graph Nasıl Test Edilir?
- Facebook Paylaşım Hata Ayıklayıcısı (Sharing Debugger): URL’yi yapıştırın, okunan etiketleri ve önizlemeyi görün. Görseli değiştirdiyseniz Tekrar Kazı (Scrape Again) ile önbelleği yenileyin.
- LinkedIn Post Inspector: LinkedIn önizlemesini kontrol eder ve önbelleği yeniler.
- Sayfa kaynağı: Tarayıcıda sağ tıklayıp “Sayfa kaynağını görüntüle” ile
og:etiketlerini arayın.
Open Graph SEO’yu Etkiler mi?
Open Graph etiketleri Google’da doğrudan sıralama faktörü değildir. Google arama sonucundaki başlık ise title etiketinden belirlenir; Google’ın bu başlığı neden değiştirebildiğini bu yazıda anlattım. Ancak paylaşım kartını çekici hale getirerek sosyal medyadan gelen tıklamaları artırır; bu da içeriğin daha çok görülmesine ve paylaşılmasına yardımcı olur. Paylaşılabilir içerik üretme stratejileri için viral pazarlama yazısına, sosyal medya kullanımı için sosyal medyayı etkili kullanma rehberine bakabilirsiniz.
