WhatsApp og:image Test Sayfası

Masaüstü ve mobil WhatsApp'ın hangi görseli seçtiğini karşılaştır.

Sayfa yüklendi

Bu sayfadaki iki görsel

kare
Görsel yüklenemedi → dosya yüklenmemiş, yol yanlış ya da SSL sorunu. WhatsApp da göremez.
og-1x1.jpg · 800×800 · kare
yatay
Görsel yüklenemedi → dosya yüklenmemiş, yol yanlış ya da SSL sorunu. WhatsApp da göremez.
og-1200x630.jpg · 1200×630 · yatay

Kullanılan etiketler

<!-- 1) Kare -->
og:image        = /og-1x1.jpg
og:image:width  = 800
og:image:height = 800

<!-- 2) Yatay -->
og:image        = /og-1200x630.jpg
og:image:width  = 1200
og:image:height = 630

Nasıl test edilir

  1. Üç dosyayı (index.html, og-1x1.jpg, og-1200x630.jpg) test.karacatech.com kök dizinine yükle.
  2. Yukarıdaki iki görselin bu sayfada düzgün göründüğünü doğrula. Kırık çıkıyorsa WhatsApp da göremez.
  3. Aşağıdaki taze URL'yi kopyala, masaüstü WhatsApp'ta kendine gönder. Hangi görsel çıktı? (teal kare = 1:1)
  4. Yeni bir taze URL al, mobil WhatsApp'ta kendine gönder. (bronz yatay = 1200×630)
  5. Karşılaştır. Sıralamanın etkisini görmek için HTML'deki iki bloğu yer değiştirip tekrar dene.

Taze URL al (cache atlatma)

—

WhatsApp önizlemeyi URL bazında cihazda cache'ler. Aynı linki ikinci kez göndermek eski önizlemeyi getirir; her testte ?v= değeri değişen taze URL kullan.