Görsel Önizleme Çıkmıyor (Twitter/X): Open Graph, Card Validator ve CDN Çözümleri 🖼️🐦🔧
Twitter/X’te bir makale veya ürün linki paylaştın ama görsel çıkmadı… sadece düz metin bir link. 😅 Sonuç? Daha az dikkat çekici bir tweet, düşük etkileşim ve kaçırılan fırsatlar.
Bu sorunun ardında genellikle Open Graph etiketleri, Twitter Card ayarları veya CDN kaynaklı önbellek sorunları yatıyor. Ama çözüm yolları var! 🚀
📌 Neden Görsel Önizleme Çıkmıyor?
- Open Graph Etiketleri Eksik veya Hatalı
- Sayfanda
og:image,og:title,og:descriptionyoksa Twitter görsel bulamaz.
- Sayfanda
- Twitter Card Meta Etiketleri Yok 🏷️
twitter:cardetiketi ayarlı değilse Twitter önizleme göstermez.
- CDN / Cache Sorunları 🔄
- Görsel yüklenmiş ama Twitter önbellekte eski bir sürümü tutuyor olabilir.
- Görsel Boyutu Uygun Değil 🖼️
- 120×120 px’den küçük görseller önizlemede çıkmaz.
- Güvenlik Engelleri 🔒
- Görsel HTTPS ile sunulmuyorsa Twitter güvenlik nedeniyle göstermeyebilir.
Kaynak: Twitter Developer Docs – Cards
🔍 Karşılaştırma: Doğru vs. Yanlış Open Graph Etiketleri
| Etiket | Yanlış Kullanım | Doğru Kullanım |
|---|---|---|
og:image |
Eksik ya da küçük görsel | og:image → https://site.com/image.jpg (1200×628 px önerilir) |
twitter:card |
Yok | twitter:card → summary_large_image |
| HTTPS | http://image.jpg |
https://image.jpg |
👉 Birçok site, twitter:card etiketini unutuyor. Bu olmazsa olmaz!
🛠️ Çözüm Adımları
1. Open Graph Etiketlerini Kontrol Et
HTML head bölümüne şu satırları ekle:
<meta property="og:title" content="Blog Yazısı Başlığı" />
<meta property="og:description" content="Kısa ve dikkat çekici açıklama." />
<meta property="og:image" content="https://site.com/image.jpg" />
<meta name="twitter:card" content="summary_large_image" />
2. Twitter Card Validator Kullan 🧪
- Card Validator sayfasına git.
- URL’ni gir → Twitter’ın ne gördüğünü test et.
3. CDN ve Cache Temizliği Yap 🔄
- Cloudflare, Akamai gibi CDN kullanıyorsan önbelleği temizle.
- Twitter görseli eski haliyle çekiyor olabilir.
4. Görsel Boyutunu Düzenle 📐
- Minimum: 120×120 px
- Önerilen: 1200×628 px (16:9 oranı en güvenlisi)
5. HTTPS Kullandığından Emin Ol 🔒
- SSL sertifikası olmayan siteler Twitter önizleme sorunları yaşar.
👩💻 Küçük Bir Anekdot
Bir müşterim e-ticaret sitesine yeni ürün ekledi. Tweet atıyoruz ama görsel görünmüyor! 😨 İnceledim, ürün sayfasında og:image etiketi eksikti. Ekledik, cache’i temizledik, Card Validator’dan test ettik… Boom! 🚀 Görsel çıktı, tıklanma oranı 2 kat arttı.
Ders: Bir satır kod bazen bütün satış kampanyasını kurtarır. 💡
📊 Diyagram: Görsel Önizleme İşleme Süreci
[Link Tweetlendi]
↓
(Twitter Bot → Sayfayı Tarar)
↓
(Open Graph / Twitter Card Etiketlerini Kontrol Eder)
↓
(CDN / Cache’den Görseli Çeker)
↓
[Görsel Önizleme Gösterilir]
Metafor: Twitter önizlemesi aslında restoran menüsündeki fotoğraf gibidir 🍽️. Fotoğraf yoksa müşterinin iştahı kabarmaz.
📊 Karşılaştırma: Twitter vs. Facebook OG Kullanımı
| Özellik | Twitter Cards | Facebook OG |
|---|---|---|
| Görsel Etiketi | twitter:image / og:image |
og:image |
| Minimum Boyut | 120×120 px | 200×200 px |
| Test Aracı | Card Validator | Sharing Debugger |
| Önbellek Temizliği | URL yeniden taranmalı | Cache temizleme butonu var |
👉 Yani aslında Twitter ve Facebook benzer OG altyapısını kullanıyor, ama boyutlar ve önbellek yöntemleri biraz farklı.
🎯 Sonuç: Önizleme Sorunlarını Çözmenin Altın Kuralları
- 🖼️ Görselleri 1200×628 px boyutunda hazırla.
- 🏷️ Open Graph ve
twitter:cardetiketlerini mutlaka ekle. - 🔒 HTTPS olmadan önizleme sorun yaşayabilir.
- 🔄 CDN/cache temizliği yapmayı unutma.
- 🧪 Card Validator ile test et, hataları hemen gör.
Bu adımlarla artık linklerin görselsiz, kuru kuru görünmeyecek. Önizlemeler pırıl pırıl çıkacak ve daha çok tıklama alacaksın. 🚀
