Open Graph Ön İzleme
Linkinizin WhatsApp, Facebook, X ve LinkedIn'de nasıl görüneceğini paylaşmadan önce görün. Eksik etiketleri, görselin dosya boyutunu ve ölçüsünü tek seferde kontrol edin.
Etiketler
ÖrnekAdres okununca kendiliğinden dolar; değiştirip önizlemede nasıl duracağını deneyebilirsiniz.
Kontrol
- Bilgi: Görselin dosya boyutunu ve ölçüsünü görmek için sayfa adresini yukarıdan önizleyin.
- Tamam: Temel etiketler yerinde.
Digivisor — Dijital Büyüme Ajansı
Strateji, tasarım, teknoloji ve büyümeyi tek çatı altında birleştiren dijital büyüme ajansı.
digivisor.com.tr
https://www.digivisor.com.tr
14:32 ✓✓
Önizlemeler yaklaşıktır: platformlar kart tasarımını sık değiştirir. Bazı siteler paylaşım platformlarının tarayıcılarına farklı içerik gösterebilir.
Open Graph nedir?
Open Graph, bir sayfa paylaşıldığında hangi başlığın, açıklamanın ve görselin gösterileceğini tarif eden meta etiketlerdir. Facebook tanımladı; bugün WhatsApp, LinkedIn, X, Telegram, Slack ve Discord da aynı etiketleri okuyor. Etiket yoksa platform sayfadan tahmin yürütür — çoğu zaman yanlış görsel ve kesik bir başlık çıkar.
Düzgün bir önizleme için gereken en küçük set şu:
<meta property="og:title" content="Sayfa başlığı" />
<meta property="og:description" content="Bir-iki cümlelik açıklama" />
<meta property="og:image" content="https://ornek.com/paylasim.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://ornek.com/sayfa" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />Google aramada görünen başlık bu etiketlerden değil <title> etiketinden gelir. İkisini farklı yazmak mümkün ve çoğu zaman mantıklı — arama sonucunu kontrol etmek için Title & Meta Description Önizleyici'yi kullanabilirsiniz.
WhatsApp'ta görsel neden çıkmaz?
Bunu kendi sitemizde yaşadık: panelden yüklenen blog kapakları 1,5–2,4 MB'lık PNG dosyalarıydı ve WhatsApp'ta hiçbiri görünmüyordu. Facebook'ta, LinkedIn'de ve test araçlarında sorun yoktu, bu yüzden fark etmek zaman aldı. Görselleri ölçüsüne dokunmadan JPEG'e çevirip 70–200 KB'a indirince sorun tamamen kalktı. En sık karşılaşılan sebepler:
Görsel çok büyük
WhatsApp ~600 KB üzerindeki görselleri önizlemede çoğu zaman göstermiyor. Diğer platformlar ve test araçları sorun göstermediği için fark edilmesi zor.
og:image etiketi yok
Platform sayfada kendi görselini arar; bulamazsa kart görselsiz çıkar ya da logonun küçük bir kopyası gösterilir.
Görsel adresi hata veriyor
Silinmiş dosya, yönlendirme zinciri, hotlink koruması veya bot duvarı. Tarayıcıda açılan görsel paylaşım tarayıcısına kapalı olabilir.
Desteklenmeyen format
SVG ve AVIF çoğu platformda önizlenmiyor. JPEG en güvenli seçim; şeffaflık gerekiyorsa PNG.
Önbellekte eski önizleme
Düzeltme yapılmış olsa da platform ilk okuduğu hatalı hâli göstermeye devam eder. Yeniden taratmak gerekir.
Önerilen değerler
| Etiket | Değer | Not |
|---|---|---|
| Görsel ölçüsü | 1200 × 630 px | 1,91:1 — Facebook, LinkedIn ve X büyük kart |
| En küçük ölçü | 200 × 200 px | Altını Facebook kabul etmiyor |
| Dosya boyutu | 300 KB altı | ~600 KB üstü WhatsApp'ta çoğu zaman görünmüyor |
| Format | JPEG veya PNG | SVG ve AVIF önizlenmiyor |
| og:title | ~60 karakter | Uzun başlıklar kartta kesilir |
| og:description | ~155 karakter | Çoğu platform bir-iki satır gösterir |
Düzelttim ama eski önizleme görünüyor
Platformlar bir linki ilk paylaşıldığında okur ve önizlemeyi önbelleğe alır; etiketi sonradan düzeltmek eski kartı kendiliğinden değiştirmez. Facebook ve WhatsApp için Meta'nın Paylaşım Hata Ayıklayıcısı'nda adresi girip yeniden taratmak çoğu zaman yeterli olur. LinkedIn için Post Inspector var. Hiçbiri işe yaramazsa adresin sonuna ?v=2 gibi bir parametre ekleyip yeni bir adres gibi paylaşın.
Paylaşım görselleri tek tek düzeltilecek bir şey değil, bir sistem kararı: görselin nasıl üretileceği, hangi ölçüde ve boyutta yükleneceği baştan kurulmalı. İçerik ve paylaşım tarafı için sosyal medya yönetimi, etiketlerin ve sayfa hızının teknik tarafı için SEO ve performans optimizasyonu sayfalarımıza bakabilirsiniz.
Sık sorulan sorular
Open Graph nedir?
Open Graph, bir sayfa paylaşıldığında hangi başlığın, açıklamanın ve görselin gösterileceğini tarif eden meta etiketlerdir. Facebook tarafından tanımlandı; bugün WhatsApp, LinkedIn, X, Telegram, Slack ve Discord da aynı etiketleri okuyor. Etiket yoksa platform sayfadan tahmin yürütür ve çoğu zaman yanlış görsel ya da kesik bir başlık çıkar.
WhatsApp'ta link paylaşınca neden görsel çıkmıyor?
En sık sebep görselin dosya boyutu: WhatsApp yaklaşık 600 KB üzerindeki görselleri önizlemede çoğu zaman göstermiyor. Diğer sebepler og:image etiketinin hiç olmaması, görsel adresinin hata vermesi ya da bot korumasına takılması, SVG veya AVIF gibi desteklenmeyen bir format ve önceki hatalı önizlemenin önbellekte kalması. Bu araç ilk üçünü doğrudan kontrol ediyor.
Etiketleri düzelttim ama eski önizleme görünüyor, neden?
Platformlar önizlemeyi önbelleğe alır. Facebook ve WhatsApp için Meta'nın Paylaşım Hata Ayıklayıcısı'nda adresi girip yeniden taratmak çoğu zaman yeterli olur; LinkedIn için Post Inspector aracı var. Hâlâ eski görünüyorsa adresin sonuna ?v=2 gibi bir parametre ekleyip yeni bir adres gibi paylaşabilirsiniz.
Open Graph görseli hangi ölçüde olmalı?
Önerilen ölçü 1200×630 piksel, yani 1,91:1 oran. Facebook 200×200'den küçük görselleri kabul etmiyor, 600 pikselden dar görsellerde büyük kart yerine küçük önizleme çıkıyor. Dosya boyutunu 300 KB altında tutun ve JPEG ya da PNG kullanın. Görselin kenarlarına yazı koymayın; platformlar farklı oranlara kırpabiliyor.
og:title ile <title> etiketi aynı olmak zorunda mı?
Hayır. <title> Google arama sonucundaki başlığı, og:title paylaşım kartındaki başlığı belirler. Arama sonucunda aranan terimi öne alan bir başlık, paylaşımda ise daha merak uyandıran bir başlık işe yarayabilir. og:title yoksa platformlar <title> etiketini kullanır.
twitter:card etiketi gerekli mi?
X, başlık ve görsel için Open Graph etiketlerini okuyabiliyor ama kart türünü twitter:card etiketinden alıyor. Büyük görselli kart için twitter:card değerini summary_large_image yapın; etiket yoksa X küçük kart gösterebilir ya da hiç kart göstermeyebilir.
Bu araç sayfamı nasıl okuyor, bir şey kaydediliyor mu?
Tarayıcılar güvenlik gereği başka bir sitenin kodunu okuyamadığı için adresi sunucumuz bir kez okuyor: yalnızca sayfanın <head> bölümündeki etiketleri ve paylaşım görselinin boyutunu. Sonuçları saklamıyoruz. Yerel ağ adresleri, giriş gerektiren sayfalar ve bot korumalı bazı siteler okunamaz.
Önizlemeler platformlardakiyle birebir aynı mı?
Yaklaşık. Görselin nasıl kırpıldığını, başlığın nerede kesildiğini ve açıklamanın görünüp görünmediğini gösterir; ama platformlar kart tasarımını sık değiştiriyor ve bazı siteler paylaşım platformlarının tarayıcılarına farklı içerik sunuyor. Son kontrol için linki kendinize göndermek her zaman en güvenlisi.
Diğer ücretsiz araçlar
QR Kod Oluşturucu
Bağlantı, Wi-Fi ve kartvizit için ücretsiz, süresiz QR kod. Logo ekleyip PNG veya SVG indirin.
Title & Meta Description Önizleyici
Başlık ve açıklamanızın Google'da nasıl görüneceğini piksel ölçüsüyle görün, kesilen kısmı yayından önce yakalayın.
WhatsApp Link Oluşturma
Hazır mesajlı wa.me linki oluşturun; web sitesi butonu için HTML kodunu ve QR kodunu tek yerden alın.
Paylaşımlar tıklanmıyorsa sorun yalnızca etikette olmayabilir
Görsel, başlık ve açılan sayfa birlikte çalışmalı. Sosyal medya, içerik ve web tarafına birlikte bakalım.