Blog
Rehber
2025
Rehber
2025
Open Graph ve Twitter Card Ayarları: Sosyal Önizleme Nasıl Optimize Edilir?
Sosyal medyada (Instagram, Facebook, X/Twitter, LinkedIn) paylaşılan linklerin başlık,
açıklama ve görselinin doğru görünmesi; tıklanma oranı (CTR),
paylaşım ve marka algısı üzerinde doğrudan etkilidir. Bu rehberde
Open Graph ve Twitter Card etiketlerini örneklerle kuruyor,
görsel boyutlarını netleştiriyor ve yaygın hataları adım adım çözüyoruz.
- Doğru etiketler: og:title, og:description, og:image, twitter:card ve diğerleri.
- Doğru boyutlar: 1200×630 (Open Graph) ve 2:1/1.91:1 varyasyonları.
- Yaygın hatalar: Önbellek, eksik HTTPS, robot engelleri, yanlış mime-type.
Sosyal Önizleme Rehberi
İçindekiler
- Neden Sosyal Önizleme Önemli?
- Open Graph: Zorunlu & Önerilen Etiketler
- Twitter Card Türleri ve Kullanım Senaryoları
- Görsel Boyutları, Format ve Kompozisyon
- Sayfa Türüne Göre Şablonlar
- Yaygın Hatalar & Çözümler
- Test & Doğrulama Adımları
- WordPress/CMS Ayar İpuçları
- Hızlı Kontrol Listesi
- Sık Sorulan Sorular (SSS)
Neden Sosyal Önizleme Önemli?
Sosyal ağlar linki kendi sunucularında fetch eder, sayfadaki Open Graph ve Twitter Card etiketleriyle bir önizleme kartı oluşturur. Kart; tıklanma oranını (CTR), paylaşımları ve güven algısını etkiler.
- Daha yüksek CTR (dikkat çeken başlık + net görsel)
- Tutarlı marka (logo/renk ve mesaj dilinin korunması)
- Yanlış bilgi riskini azaltma (eski başlık/görsel önbelleği)
zeymedya.com
Sosyal Önizleme Optimize Edildi: CTR +%28
Doğru OG/Twitter Card ile paylaşım kartlarınızı güçlendirin.
Open Graph: Zorunlu & Önerilen Etiketler
HTML <head> — Minimum OG kurulum şablonu
<meta property="og:title" content="Sayfa Başlığı">
<meta property="og:description" content="Sosyal için öz, 110-140 karakter açıklama.">
<meta property="og:image" content="https://www.zeymedya.com/uploads/og/og-image-1200x630.jpg">
<meta property="og:url" content="https://www.zeymedya.com/blog/open-graph-twitter-card-optimizasyon/">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Zeymedya">
<meta property="og:locale" content="tr_TR">
İpucu: og:image için mutlak URL ve HTTPS kullanın; 1200×630 önerilir (en az 600×315).
Uyarı: noindex veya engellenmiş (robots.txt) sayfalar fetch edilemeyebilir; önizleme bozulur.
Twitter Card Türleri ve Kullanım Senaryoları
| Tür | Etiket | Görsel | Ne Zaman? |
|---|---|---|---|
| Summary | twitter:card=summary | 1:1 / 120×120+ | Kısa içerik, küçük görsel |
| Summary Large | twitter:card=summary_large_image | 1.91:1 — 1200×630 | Blog yazıları, landingler |
| App | twitter:card=app | — | Uygulama tanıtımları |
| Player | twitter:card=player | Video embed | Podcast/video sayfaları |
X/Twitter etiketi örneği (Large Image)
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Sayfa Başlığı">
<meta name="twitter:description" content="Sosyal için net ve öz bir açıklama.">
<meta name="twitter:image" content="https://www.zeymedya.com/uploads/og/og-image-1200x630.jpg">
<meta name="twitter:site" content="@markaKullaniciAdi">
Görsel Boyutları, Format ve Kompozisyon
- Open Graph: 1200×630 px (1.91:1). JPG (80-85 kalite) ya da PNG.
- Twitter Large: 1200×630 px. Metinleri kenarlardan en az 80 px içte tutun.
- Dosya boyutu: < 1.5 MB idealdir. CDN + image/avif varyantı faydalıdır.
- Kompozisyon: Logo küçük, kontrast yüksek, kısa başlık ve tek odak.
1200×630
1.91:1
JPG/PNG
AVIF (ops.)
CDN Cache
1.91:1
JPG/PNG
AVIF (ops.)
CDN Cache
Sayfa Türüne Göre Şablonlar
Blog Yazısı
- og:type=article, article:published_time
- Başlık 60-70 karakter; açıklama 110-140 karakter.
- Özel 1200×630 görsel (yazıya özgü).
Hizmet/Landing
- og:type=website
- Fayda odaklı başlık + güven unsurları (rozet, puan).
- Net CTA: /iletisim/ veya WhatsApp
Yaygın Hatalar & Çözümler
Önbellek problemidir. URL’ye sürüm parametresi ekleyin:
og-image-1200×630.jpg?v=3. CDN ve sosyal debugger ile yenileyin.
og-image-1200×630.jpg?v=3. CDN ve sosyal debugger ile yenileyin.
Mutlak HTTPS URL kullanın, robots.txt ve hotlink kısıtlarını kontrol edin.
Content-Type doğru olmalı (image/jpeg, image/png).
Content-Type doğru olmalı (image/jpeg, image/png).
<meta charset=”UTF-8″>, og:locale=tr_TR
ve doğru lang özniteliğini doğrulayın. canonical ile kopya URL’leri tekilleştirin.
ve doğru lang özniteliğini doğrulayın. canonical ile kopya URL’leri tekilleştirin.
Test & Doğrulama Adımları
- Sayfayı yayınlayın ve tarayıcı önbelleğini temizleyin.
- CDN üzerinde dosya yenilemesi (purge) yapın.
- Sosyal debugger araçlarıyla URL’yi scrape ettirin (Facebook/LinkedIn/Twitter testleri).
- Mobil ve masaüstünde karta göz atın; kırpma veya okunabilirlik sorunlarını düzeltin.
WordPress/CMS: Uygulama İpuçları
Özel alanlar: Her yazı/hizmet için ayrı OG görsel yükleyin.
Tekrarlayan stok görsel CTR’ı düşürür.
Tekrarlayan stok görsel CTR’ı düşürür.
Performans: Görselleri CDN üzerinden servis edin; AVIF/JPG fallback’i ekleyin.
Dahili yönlendirme:
SEO Hizmeti •
Google Ads Yönetimi •
Sosyal Medya Yönetimi •
Backlink Paketi •
Google Maps SEO
SEO Hizmeti •
Google Ads Yönetimi •
Sosyal Medya Yönetimi •
Backlink Paketi •
Google Maps SEO
Sık Sorulan Sorular
Hayır. Her kritik sayfa için konusuna uygun özgün görsel üretmek CTR’ı artırır; özellikle blog/hizmet sayfalarında.
X/Twitter kendi twitter:* etiketlerini önceliklendirir. Diğer platformlar og:* okur.
og:locale ve hreflang (ayrı konu) yapılandırmasıyla her dil için tutarlı başlık/açıklama ve görseller sağlayın.