Sosyal paylaşım önizleme: bağlantınız WhatsApp, X, LinkedIn ve Facebook'ta nasıl görünüyor?

Yeni bir blog yazısı yayımladınız ve bağlantısını müşteri grubunuza attınız. Bağlantının altında görsel yok, başlık yarıda kesilmiş, açıklama yerine menüden rastgele bir metin çıkmış. Tıklayan az olur. Oysa aynı bağlantı net bir görsel, anlaşılır bir başlık ve kısa bir açıklamayla paylaşılsaydı çok daha fazla ilgi görebilirdi.

Bağlantı kartlarını belirleyen şey sayfanızın head bölümündeki birkaç etikettir. Bu etiketler ekranda görünmediği için eksik ya da yanlış olduklarını çoğu zaman ancak paylaştıktan sonra fark ederiz. Otopilot'un yeni ücretsiz aracı Sosyal Paylaşım Önizleme bu etiketleri okur ve kartın WhatsApp, X, LinkedIn ve Facebook'ta yaklaşık nasıl görüneceğini paylaşmadan önce gösterir.

Sorun: kart paylaşıldıktan sonra fark edilir

Bir bağlantıyı paylaştığınızda platform sayfanızı kendi sunucularından okur ve bir kart oluşturur. Kartta bir görsel, başlık, kısa açıklama ve alan adı bulunur. Bu bilgiler Open Graph etiketlerinden gelir. X ayrıca Twitter kart etiketlerine bakar.

Etiketler eksik olduğunda platformlar tahmin yürütür. Sayfadan rastgele bir görsel seçebilir, sayfa başlığını kullanabilir ya da kartı hiç göstermeyebilir. Daha kötüsü, kart bir kez oluşturulduktan sonra uygulamalar onu bir süre önbellekte tutar. Hatayı düzeltseniz bile aynı bağlantı bir süre eski kartla görünmeye devam edebilir. Bu yüzden kartı paylaşmadan önce kontrol etmek, sonradan düzeltmeye çalışmaktan çok daha kolaydır.

Araç neleri kontrol eder?

Araç bir sayfa adresi için şunları okur:

• Open Graph etiketleri: og:title, og:description, og:image, og:image:alt, og:url, og:type ve og:site_name.
• X etiketleri: twitter:card, twitter:title, twitter:description, twitter:image ve twitter:site.
• Paylaşım görseli: og:image varsa görseli indirir. Açılıp açılmadığını, dosya türünü, piksel boyutunu ve dosya boyutunu ölçer.

Görselin boyutunu bulmak için dosyanın yalnız ilk kısmı okunur. Böylece büyük görseller de hızlıca denetlenir. PNG, JPEG, GIF ve WebP biçimlerinin boyutu okunabilir. Başka bir biçimde ya da okunamayan bir dosyada araç boyutu tahmin etmez, "belirlenemedi" yazar.

Sonuç ekranında dört platform için yan yana kart önizlemesi ve altında kontrol listesi bulunur. Kontrol listesinde her satır ne görüldüğünü, neden önemli olduğunu ve nasıl düzeltileceğini söyler.

Kontroller ve eşikler

Araç etiketleri şu kurallarla değerlendirir:

En önemli kontrol paylaşım görselidir. Görselsiz kartlar küçük ve dikkat çekmez görünür. Bu yüzden og:image eksikliği aracın tek doğrudan hata saydığı etiket eksikliğidir.

Adım adım kullanım

1. Sosyal Paylaşım Önizleme sayfasını açın.
2. Paylaşmak istediğiniz sayfanın tam adresini yazın. Ana sayfa yerine paylaşacağınız yazının ya da ürünün adresini kullanın, çünkü her sayfanın etiketleri farklı olabilir.
3. "Önizle" düğmesine basın. Kontrol birkaç saniye sürer.
4. Dört platformdaki kart önizlemelerine bakın. Görsel, başlık ve açıklama beklediğiniz gibi mi?
5. Kontrol listesinde uyarı ve hataları okuyun, önerilen düzeltmeleri yapın.
6. Düzeltmeyi yayımladıktan sonra aracı yeniden çalıştırın.

Sonuç nasıl okunur?

Önizlemeler etiketlerinizden oluşturulan yaklaşık görünümlerdir. Platformlar kart tasarımlarını zaman zaman değiştirir, başlığı farklı uzunluklarda keser ve bazen sayfadaki başka bilgileri de kullanır. Bu yüzden önizlemeyi birebir ekran görüntüsü olarak değil, etiketlerin doğru okunup okunmadığını gösteren bir kontrol olarak kullanın.

Sonucu okurken şu sırayı izleyin:

• Önce görsele bakın. Görsel yoksa ya da açılmıyorsa diğer her şey ikinci plandadır.
• Sonra boyuta bakın. 600x315 pikselden küçük görseller birçok platformda küçük kartla, yanda minik bir resimle gösterilir. Kare ya da dikey görsellerin kenarları kırpılabilir.
• Ardından başlık ve açıklamaya bakın. Kartta kesilmeden okunabiliyorlar mı, sayfanın ne anlattığını söylüyorlar mı?
• Son olarak X kart türüne bakın. Büyük görselli kart istiyorsanız twitter:card değeri summary_large_image olmalıdır. summary değeri küçük, kare bir resimle kart gösterir.

Paylaşım başlığı ve açıklaması çoğu zaman arama sonucundaki başlık ve açıklamayla aynı mantıkla yazılır. Arama tarafını kontrol etmek için SERP önizleme ve meta etiket kontrolü araçlarını, konunun ayrıntıları için meta etiket ve SERP önizleme rehberini kullanabilirsiniz.

WhatsApp kartı neden görselsiz çıkıyor?

İşletmelerin bağlantılarını en sık paylaştığı yerlerden biri WhatsApp gruplarıdır. WhatsApp kartı oluşturmak için sayfanızı ve görselinizi kendi sunucularından indirir. Görsel çok büyükse, yavaş açılıyorsa ya da sunucunuz otomatik istekleri engelliyorsa kart görselsiz görünebilir. Şu adımlar çoğu sorunu çözer:

• Görseli sıkıştırıp dosya boyutunu küçük tutun. Araç çok büyük dosyalarda görseli 1 MB altına indirmenizi önerir.
• og:image adresini tam ve https ile verin.
• Güvenlik duvarınızın ya da bot korumanızın paylaşım botlarını engellemediğinden emin olun.

Düzelttiğiniz hâlde eski kartı görmeye devam ediyorsanız sorun büyük ihtimalle önbellektir. Bağlantının sonuna küçük bir parametre ekleyerek, örneğin ?v=2, yeni kartı deneyebilirsiniz.

Örnek: bir blog yazısının kartını düzeltmek

Bir pastanenin sitesinde yeni bir yazı yayımlandığını düşünelim: yılbaşı pastası siparişleri. Pastane sahibi bağlantıyı müşteri grubuna atmadan önce araca giriyor. Önizlemede dört kartın da görselsiz olduğunu görüyor. Kontrol listesinde og:image satırı hata veriyor: sayfada paylaşım görseli tanımlı değil. og:title var ama sitenin genel başlığını taşıyor, yazının başlığını değil.

Sorun tema ayarından kaynaklanıyor. Tema her sayfaya aynı genel etiketleri basıyor, yazıya özel alanları kullanmıyor. Pastane sahibi SEO eklentisinin sosyal sekmesinden yazı için ayrı bir başlık, kısa bir açıklama ve pastanın fotoğrafını seçiyor. Fotoğraf telefondan yüklendiği için dikey ve oldukça büyük. Araç bu kez görsele erişimi geçiyor ama boyut satırında oranın 1.91:1 değerinden uzak olduğunu, kenarların kırpılabileceğini söylüyor.

Fotoğraf yatay olarak yeniden kırpılıp 1200x630 piksel boyutunda kaydediliyor. Üçüncü denemede tüm kontroller geçiyor ve kartlar beklenen görünüme kavuşuyor. Bütün süreç on beş dakika sürüyor. Bağlantı gruba atıldığında artık pastanın fotoğrafı, yazının başlığı ve kısa bir açıklamayla görünüyor.

Paylaşım görseli hazırlarken dikkat edilecekler

İyi bir paylaşım görseli birkaç basit kurala uyar:

• Yatay hazırlayın. 1.91:1 oranı, yani 1200x630 piksel, çoğu platformda kırpılmadan görünür.
• Önemli yazıyı ortaya koyun. Bazı platformlar görselin kenarlarını kesebilir. Logo ve başlık gibi öğeleri ortaya yakın tutun.
• Az metin kullanın. Kart telefonda küçük görünür. Görselin içine uzun cümle yazmak yerine kısa bir başlık yeterlidir.
• Dosyayı sıkıştırın. Büyük dosyalar mesajlaşma uygulamalarında geç yüklenir ya da hiç yüklenmez.
• Alt metin ekleyin. og:image:alt etiketi görseli göremeyen kullanıcılara ne gösterdiğini anlatır.

Etiketleri nasıl eklersiniz?

• WordPress: SEO eklentinizin sosyal ayarlarından her sayfa için başlık, açıklama ve görsel seçebilirsiniz.
• Hazır site kurucuları: Sayfa ayarlarında genellikle bir "paylaşım görseli" alanı bulunur.
• Kendi kodunuz: head bölümüne og:title, og:description, og:image, og:url ve twitter:card etiketlerini ekleyin. meta etiketinin yapısı MDN meta belgesinde anlatılır.

Her sayfa için ayrı bir paylaşım görseli hazırlamak zorunlu değildir ama önerilir. Ortak bir görsel her paylaşımda aynı görünür, sayfaya özel görsel ise içeriği daha iyi anlatır. Görsel biçimleri ve boyutları hakkında MDN görsel türleri rehberi yararlı bir başlangıçtır.

Sınırlar

• Araç paylaşım yapmaz. Yalnız sayfanızı okur ve kartın yaklaşık görünümünü oluşturur. Hiçbir platformda paylaşım yapılmaz.
• Önizleme birebir değildir. Platformlar tasarımlarını değiştirebilir ve başlığı farklı yerlerden kesebilir.
• Platform önbelleği temizlenmez. Araç, uygulamaların önbelleğindeki eski kartı silemez.
• Platformların kendi botları farklı davranabilir. Bizim isteğimiz geçerken bir güvenlik katmanı gerçek paylaşım botlarını durdurabilir. Bunu dışarıdan kesin göremeyiz.
• Kullanım sınırı vardır. Araç üyeliksizdir ama aynı IP adresinden günlük kullanım sınırı uygulanır.

Paylaşım kartı arama sıralamasını doğrudan etkilemez. Ama sitenize gelen ziyaretçi sayısını ve markanızın nasıl algılandığını etkiler. Otopilot paneli sitenizi tararken eksik Open Graph etiketlerini de sorun olarak listeler ve düzeltme önerisi hazırlar. Ayrıntılar SEO düzeltme özelliğinde.

Diğer ücretsiz araçlar

• SEO Puan Rozeti: Sitenizin puanını tarihli bir rozetle gösterin. Rehberi okuyun.
• Yapay Zekâ Görünürlük Kontrolü: Yapay zekâ botlarının sayfanıza erişimini kontrol edin. Rehberi okuyun.
• Rakip Karşılaştırma: Kendi sayfanızı rakip sayfayla yan yana koyun. Rehberi okuyun.
• Haftalık SEO Karnesi: Ana sayfanızın puanını her hafta e-postanızda görün. Rehberi okuyun.

Sık sorulan sorular

Araç paylaşımı gerçekten yapar mı?

Hayır. Araç yalnız sayfanızı okur ve kartın yaklaşık görünümünü oluşturur. Hesaplarınıza bağlanmaz ve sizin adınıza hiçbir şey göndermez.

Düzelttim ama WhatsApp hâlâ eski kartı gösteriyor, neden?

Uygulamalar bir bağlantının kartını bir süre önbellekte tutar. Bağlantının sonuna küçük bir parametre ekleyerek yeni kartı deneyebilirsiniz.

Görsel boyutu neden "belirlenemedi" görünüyor?

Görsel açılmadıysa ya da desteklenen bir biçimde değilse boyutu okuyamayız. PNG, JPEG, GIF ve WebP biçimleri okunur.

twitter:card etiketi şart mı?

X kart türünü bu etiketten okur. Büyük görselli kart istiyorsanız summary_large_image değeriyle eklemenizi öneririz. twitter:title ve twitter:image yoksa X genellikle Open Graph etiketlerini kullanır.

Paylaşım görseli için ideal boyut nedir?

Yaklaşık 1200x630 piksel, 1.91:1 oranında bir görsel çoğu platformda büyük kartla net görünür. Önemli yazıları görselin ortasına yerleştirin ve kenarlarda boşluk bırakın.

Her sayfa için ayrı görsel gerekir mi?

Gerekmez ama önerilir. Ortak bir görsel her paylaşımda aynı görünür ve bir süre sonra takipçileriniz tarafından fark edilmez olur. Sayfaya özel görsel ise içeriği daha iyi anlatır. Hiç değilse en çok paylaştığınız sayfalar için, örneğin kampanya, ürün ve blog yazıları için ayrı görsel hazırlayın.

Paylaşım kartı arama sıralamamı etkiler mi?

Doğrudan etkilemez. Open Graph etiketleri arama sıralaması için kullanılan bir işaret değildir. Ama paylaşımlardan gelen ziyaretçi sayısını ve markanızın ilk izlenimini etkiler. İyi bir kart daha çok tıklanır, daha çok tıklanan bağlantı da sitenize daha çok ziyaretçi getirir.

Aracı yayımlamadığım bir sayfa için kullanabilir miyim?

Araç yalnız herkese açık adresleri okuyabilir. Şifreyle korunan ya da yalnız yerel bilgisayarınızda çalışan bir sayfanın kartını göremez. Sayfayı yayımladıktan hemen sonra, paylaşmadan önce kontrol etmek en pratik yoldur.

Kaynaklar

• MDN: meta etiketi
• MDN: Görsel dosya türleri ve biçimleri
• Google: Başlık bağlantıları
• web.dev: Görselleri doğru boyutta sunma