XCropImage
xcropimage.io
Blog'a Dön

Open Graph ve Twitter Card önizlemeleri: yanlış görsel çıktığında hata ayıklama kontrol listesi

xcropimage.io Team

Yanlış veya eski önizleme görseli sorununda OG ve Twitter etiketleri, önbellek ve doğrulama araçlarıyla sistematik kontrol listesi.

Giriş

Paylaşımda görünen önizleme görseli bazen güncellenmez, yanlış kırpılır veya hiç gelmez. Open Graph (OG) ve Twitter Card meta etiketleri ile CDN önbelleği birlikte düşünülmelidir.

Open Graph ve Twitter Card önizlemeleri: yanlış görsel çıktığında hata ayıklama kontrol listesi.
Open Graph ve Twitter Card önizlemeleri: yanlış görsel çıktığında hata ayıklama kontrol listesi.

Bu serinin önceki yazıları: E-posta bülteni hero görseli · WebP ve AVIF yayın stratejisi. Kapak görselleri için dikkat çekici kapak görseli yazımız da ölçü tavsiyeleri sunar.

Kontrol listesi

  1. Meta etiketleri: og:image, og:title, og:url ve Twitter için twitter:card, twitter:image (kullandığınız karta göre) sayfada gerçekten var mı?
  2. Mutlak URL: og:image genelde tam HTTPS URL ister; göreli yollar platformlarda hata üretir.
  3. Boyut ve oran: Önerilen en az boyutlar için Facebook paylaşım en iyi uygulamaları dokümantasyonuna bakın. Twitter için Twitter Cards overview resmi kaynaktır.
  4. Önbellek: LinkedIn, Facebook ve X önizlemeyi önbelleğe alır; hata ayıklayıcıları ve platformların “scrape again” araçlarını kullanın.

Araçlar

SEO ile ilişki

Önizleme doğrudan sıralama sinyali değildir; ancak tıklama oranı ve marka tutarlılığı dolaylı etki yaratır. Görsel dosya adı ve sayfa içi alt metin SEO ile uyumlu olun.

CDN ve kendi önbelleğiniz

og:image bir CDN URL’si ise, dağıtımdan sonra bile eski görsel görünebilir—CDN önbellek yazısına bakın. Meta etiketini değiştirdiğiniz sürümde görsel dosya adını sürümleyin veya CDN’de ilgili yolu temizleyin.

Sık hatalar

  • Çakışan birden fazla og:image (şablonda hangi etiketin “kazandığını” bilin).
  • Önizleme için aşırı büyük sıkıştırılmamış PNG (yavaş scrape).
  • Sayfa taşınınca güncellenmeyen og:url.

İngilizce paralel

Open Graph and Twitter Card (English) aynı kontrol listesini İngilizce sunar.

Sonuç

Önce HTML’de etiketleri doğrulayın, sonra platform araçlarıyla önbelleği yenileyin. Görselleri yeniden boyutlandırma ve kırpma ile standart oranlara getirmek tutarlı önizleme sağlar.