4 dk okuma
Bağlantı önizlemeleriniz neden bozuk görünüyor (ve nasıl düzeltilir)
Bağlantınızı Slack, iMessage veya X'e yapıştırdığınızda çıkan boş ya da yanlış bir önizleme neredeyse her zaman birkaç Open Graph etiketine dayanır. İşte kontrol listesi.
Bir sayfa yayınlarsınız, bağlantıyı Slack'e yapıştırırsınız ve görselsiz çıplak bir URL elde edersiniz — ya da daha kötüsü, geçen ayın başlığını. Bağlantı önizlemeleri Open Graph ve Twitter meta etiketleriyle çalışır ve bunlar eksik ya da yanlış olduğunda, her platform çirkin bir şeye geri döner.
Önizlemeyi belirleyen etiketler
<meta property="og:title" content="Your page title" />
<meta property="og:description" content="One clear sentence." />
<meta property="og:image" content="https://yoursite.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />Sık rastlanan suçlular
- og:image göreli bir yol — mutlak bir URL olması gerekir.
- Görsel çok küçük; 1200×630 hedefleyin.
- Etiketler istemci tarafında enjekte ediliyor, bu yüzden tarayıcılar onları asla görmüyor.
- Bir önbellek eski önizlemeyi sunuyor — yenilemek için yeniden tarayın.
OG Görsel aracı her sayfa için markalı bir kart oluşturur ve siz yayınlamadan önce Slack, iMessage, X ve LinkedIn'deki açılımı önizler — ardından yetenek, etiketleri sunucu tarafında oluşturulacak şekilde deponuza bağlar.