WhatsApp Bağlantı Önizlemesi Görünmüyor mu? og:image Sorununu Çözün

WhatsApp bağlantı önizlemesinin görünmemesi neredeyse her zaman beş nedenden birine dayanır: sayfada og:image etiketi yoktur, görsel URL'si herkese açık şekilde erişilebilir değildir, görsel yanlış boyutta olduğu için WhatsApp onu kırpar, kırpma sorunsuzdur ancak önizleme eski kalmıştır veya mağazanın SEO eklentisi rakip bir etiket yazdırıyordur. Bu kılavuz her nedeni, WhatsApp'ı yenilemeye neden zorlayamayacağınızı ve bir WooCommerce mağazasında neyi değiştirmeniz gerektiğini kapsar.

Kısa cevap

WhatsApp, sayfanın Open Graph etiketlerinden bir bağlantı önizlemesi oluşturur. og:image eksikse, erişilemiyorsa veya 1200×630 boyutunda bir kart biçiminde değilse, paylaşım çıplak bir bağlantı, gri bir kutu veya kötü kırpılmış bir ürün fotoğrafı olarak görünür. Çoğu WooCommerce mağazası, ürün sayfaları için hiçbir zaman bir og:image ayarlamaz — SEO eklentisi statik öne çıkan görsele geri döner ve kare veya uzun bir ürün fotoğrafının kenarları ya da üst kısmı kesilir.

1. Sayfada og:image etiketi yok

Mağazalarda en yaygın neden budur. WordPress ve WooCommerce, ürün, kategori veya mağaza sayfaları için varsayılan olarak bir og:image yayınlamaz ve Open Graph'ı işlemeyen bir tema, etiketi tamamen eksik bırakır.

Çözüm: sayfa kaynağını görüntüleyin ve bir og:image etiketinin mevcut olduğunu, mutlak (tam bir https://… URL'si, asla göreli bir yol değil) olduğunu ve sunucu tarafında işlendiğini doğrulayın — yükleme sonrası JavaScript ile enjekte edilmediğini. WhatsApp, JavaScript'inizi çalıştırmaz.

curl -s https://your-store.com/product/example | grep -i 'og:image'

Boş bir sonuç sizin cevabınızdır: WhatsApp'ın gösterecek bir görseli yoktur.

2. Görsel URL'si herkese açık şekilde erişilebilir değil

WhatsApp'ın tarayıcısı (crawler), görseli herhangi bir anonim istemcinin yaptığı gibi getirir. Bir oturum açma (login) arkasında, localhost üzerinde, ham bir IP adresinde veya robots.txt tarafından engellenen bir yolda bulunan bir URL başarısız olur.

Çözüm: URL'nin kimlik bilgileri olmadan bir görsel döndürdüğünü doğrulayın.

curl -I https://your-store.com/wp-content/uploads/product.jpg

200 OK ve image/png veya image/jpeg değerinde bir Content-Type istersiniz.

robots.txt tuzağı. Sosyal tarayıcılar robots.txt kuralına uyar; bu nedenle görsellerinizi barındıran yolu engelleyen bir kural, önizlemeyi bozar — ve bunu yanlış teşhis edilmesi kolay bir şekilde yapar. Meta'nın hata ayıklayıcısı daha sonra "görsel olarak işlenemedi. Bozuk olabilir veya geçersiz bir biçime sahip olabilir" raporunu verir; bu da tam olarak bozuk bir işleme gibi okunur. curl bunu asla yeniden üretmez, çünkü curl robots.txt kuralını yok sayar. Görselleriniz bir Disallow: kuralı kapsamındaki bir yoldan sunuluyorsa, dosya ne kadar geçerli olursa olsun önizleme başarısız olur. Biz bunu FastOG'un kendi işleme yolunda bizzat yaşadık ve en uzun eşleşen bir Allow: geçersiz kılmasıyla düzelttik.

3. WhatsApp ürün görselinizi kırpıyor — fotoğrafı düzenlemek de sorunu çözmez

Tüccarların "ürün görsellerim WhatsApp'ta kırpılıyor" olarak tanımladığı belirti budur ve doğru şekilde anlaşılması gereken sorun da tam olarak budur.

Platform, kendisine verilen görseli ne olursa olsun 1200×630 çerçevesine kırpar. Kare veya dikey formattaki bir ürün fotoğrafının kenarları ya da üst kısmı kesilir; bir logo görseli ise esnetilir. Kaynak fotoğrafı Photoshop'ta elle kırpmak kaybedilen bir oyundur, çünkü WhatsApp kırpmayı kartın en-boy oranına göre belirler, sizin seçtiğiniz kompozisyona göre değil — ve bir sonraki ürün fotoğrafı yine farklı bir şekle sahip olur.

Çözüm, sahip olduğunuz fotoğrafı değil, sunduğunuz görseli değiştirmektir. Ürün fotoğrafının içine yerleştirildiği, önceden 1200×630 boyutunda oluşturulmuş bir kart gönderin. Böylece platformun kırpacak bir şeyi kalmaz.

4. WhatsApp bağlantı önizlemesi için doğru görsel boyutu

Standart Open Graph görsel boyutu 1200×630 pikseldir — 1.91:1 oranı — ve WhatsApp dahil tüm büyük platformların beklediği şekildir. 1200×630 sunarsanız önizleme beklendiği gibi görüntülenir; 1000×1000 kare sunarsanız WhatsApp, çerçeveyi doldurmak için görseli kırpar.

Dosyayı 5 MB altında tutun. Metin ve ürün içeren 1200×630'luk bir kart, PNG olarak normalde 200 KB ile 500 KB arasında yer kaplar.

Bu oranın neden standart hâline geldiğini öğrenmek için OG Görsel Boyutu: 1200×630 Açıklandı bölümüne bakın.

5. Önizleme bayat — ve WhatsApp'ı yenilemeye zorlayamazsınız

Etiket, URL ve biçim doğruysa ve önizleme hâlâ yanlışsa, karşınızda bir önbellek var demektir.

WhatsApp önizlemeyi önbelleğe alır. Bu önbellek alıcının uygulamasında tutulur; bu da hiçbir aracın WhatsApp'tan önizlemeyi yenilemesini isteyemeyeceği anlamına gelir — ne bir hata ayıklayıcı, ne bir API, ne de biz. WhatsApp hiçbir programatik yenileme yöntemi sunmaz, dolayısıyla basılacak bir düğme yoktur. Bunun aksini iddia eden biri Facebook'un davranışını anlatıyordur, WhatsApp'ın değil.

Yapabileceğiniz şey, WhatsApp'ın sayfayı bir sonraki okuyuşunda doğru görselin hazır olmasını sağlamaktır. FastOG'un kapak URL'leri tam da bu yüzden içerik adreslidir: ürünün başlığını, fiyatını veya görselini değiştirdiğinizde URL de onunla birlikte değişir; böylece bir sonraki okuyuş eski kartı yakalayamaz. Bu okuyuşun ne zaman gerçekleşeceği WhatsApp'a bağlıdır.

İki benzer platform da aynı şekilde davranır — LinkedIn ve X de geçersiz kılma API'si sunmaz ve genellikle yaklaşık bir hafta içinde yeniden okur. Acele ediyorsanız kendi denetleyicileri bunu hızlandırabilir:

WhatsApp sorunu için Facebook hata ayıklayıcısını kullanmak. URL'yi Paylaşım Hata Ayıklayıcı'ya yapıştırmak yine de değerlidir; çünkü WhatsApp'ı yenileyemese de sayfayı WhatsApp'ın yapacağı şekilde getirir ve gerçekte bulduğunu raporlar — eksik etiketler, erişilemeyen görseller, hatalı biçimler. Bunu etiketler için bir doğrulayıcı olarak görün, WhatsApp önbelleği için bir çözüm olarak değil.

6. WooCommerce mağazasında bu sorunun giderilmesi

WooCommerce'te iş akışını tam olarak belirtmekte fayda var, çünkü başarısızlık modu genellikle temadan değil, SEO eklentisinden kaynaklanır:

• Etiket varsayılan olarak mevcut değildir. WooCommerce, og:image için product, product_cat veya mağaza sayfası için herhangi bir etiket sunmaz.
• SEO eklentiniz bu boşluğu kötü şekilde doldurur. Yoast, Rank Math, All in One SEO ve SEOPress bir og:image yazdırır — ancak bir ürün için statik öne çıkan görsele (static featured image) başvururlar. Bu, kare veya dikey bir fotoğraftır ve WhatsApp'ın kırptığı görsel tam olarak budur.
• Yinelenen etiketlere dikkat edin. İki eklenti de og:image yazdırırsa, platform bunlardan birini seçer ve bu, beklediğiniz etiket olmayabilir. Sayfa kaynağını görüntüleyin ve sayfanın kaç adet og:image etiketi ürettiğini sayın.

FastOG for WooCommerce farklı bir yol izler: canlı katalog verilerinden (başlık, fiyat, indirim rozeti, puan, ürün fotoğrafları) kendi render hizmetinde 1200×630 boyutunda bir kart oluşturur ve ardından rakip bir etiket yazdırmak yerine bu kapağı, halihazırda kullandığınız SEO eklentisine devreder. Böylece sayfada tek bir og:image kalır ve bu, ham bir ürün fotoğrafı değil, 1.91:1 çerçeve için oluşturulmuş bir karttır.

Kapaklar canlı katalog verilerinden oluşturulduğu için karttaki fiyat, sayfadaki fiyatla birebir aynıdır ve indirimli bir ürün indirim rozeti alır. Bir ürünü kaydettiğinizde eklenti, Facebook'tan sayfayı yeniden okumasını da ister — Facebook, programatik yenileme sunan tek platformdur. WhatsApp, LinkedIn ve X kendi zamanlamalarına göre hareket eder ve eklenti bunu açıkça belirtir; yerine getiremeyeceği bir yenileme vaadinde bulunmaz.

• Kurulum: WordPress.org'da FastOG for WooCommerce
• Ayrıntılar ve SSS: WooCommerce entegrasyon sayfası

WhatsApp’ın gerçekte ne göreceğini kontrol edin

Herhangi bir şeyi değiştirmeden önce, sayfaya bir tarayıcı (crawler) gibi bakın. Herhangi bir ürün URL’sini Bağlantıları Alıcıların Gördüğü Gibi Görün sayfasına yapıştırın — sayfayı getirir, mevcut Open Graph etiketlerini okur ve sonuçta oluşan önizlemeyi WhatsApp, X ve Messenger’ın gösterdiği şekilde, aynı ürün verisinden oluşturulmuş bir FastOG kapağının yanında sunar. Kayıt gerekmez.

Ham etiketleri incelemeyi mi tercih edersiniz? İşaretlemeyi görmek için Open Graph Meta Etiketi Üreticisi aracını kullanın veya og:image Görünmüyor mu? Nasıl Düzeltilir bölümündeki referansa göz atın.

SSS

Ürün görselim WhatsApp'ta neden kırpılıyor?

WhatsApp, kendisine verilen görseli 1200×630 boyutunda bir çerçeveye kırpar. Kare veya dikey bir ürün fotoğrafı, kenarlarını ya da üst kısmını kaybeder. Ürün fotoğrafı kartın içine sığacak şekilde 1200×630 boyutunda önceden oluşturulmuş bir kart sunmak, platforma kırpacak bir şey bırakmaz.

WhatsApp'ın bir bağlantı önizlemesini yenilemesini zorlayabilir miyim?

Hayır. WhatsApp, yenileme API'si veya hata ayıklayıcı sunmaz ve önbelleğe alınmış önizleme, alıcının uygulamasında saklanır. Yalnızca doğru görselin bir sonraki okuma için hazır olduğundan emin olabilirsiniz. Facebook bir istisnadır ve programatik olarak yeniden tarama (re-scrape) sunar.

Facebook Paylaşım Hata Ayıklayıcısı görselimi gösteriyor ama WhatsApp hiçbir şey göstermiyor. Neden?

Çünkü bunlar ayrı önbelleklerdir ve hata ayıklayıcı, her iki platformun da okuduğu sayfa etiketlerini raporlar. Hata ayıklayıcı doğru bir görsel gösteriyor ancak WhatsApp hiçbir şey göstermiyorsa, etiketler doğrudur ve yenilenmemiş bir WhatsApp önbelleğine bakıyorsunuz demektir. Hata ayıklayıcı da hiçbir şey göstermiyorsa, etiket eksiktir veya görsele erişilemiyordur — 1. ve 2. nedenleri sırayla inceleyin.

WhatsApp og:image mi yoksa twitter:image mi kullanıyor?

og:image. Open Graph etiketlerini ayarlayın. twitter:image X içindir.

Bir eklentiye mi ihtiyacım var, yoksa etiketi kendim mi ekleyebilirim?

Temanıza statik bir og:image etiketini kendiniz ekleyebilirsiniz — bu işe yarar ve hiç yoktan çok daha iyidir. Ancak bunun yapamayacağı şey, her ürün için elle bir görsel oluşturmadan ürün başına ayrı bir kart üretmektir ve her fiyat değiştiğinde güncelliğini yitirir. Dinamik bir kapağın değerli hale geldiği nokta burasıdır.

Sitem FastOG'da değil. Bu yine de yardımcı olur mu?

Evet — beş neden platform davranışıdır, FastOG davranışı değil. curl, sayfa kaynağı ve hata ayıklayıcı ile bunları sırayla inceleyin.

İlgili

• og:image Görünmüyor mu? Nasıl Düzeltilir
• WooCommerce için Anında WhatsApp Görsel Güncellemesi
• WhatsApp Önizlemesinde WooCommerce Fiyat Senkronizasyonu
• Facebook Open Graph Önbellek Yenilemesini Zorla
• OG Görsel Boyutu: 1200×630 Açıklaması
• OG Görselleri Nasıl Önbelleğe Alınır
• İmzalı OG Görsel URL'leri
• Open Graph Meta Etiketi Oluşturucu