Link Önizleme ve Open Graph Testi

Link önizleme nedir, bu araç neyi test eder?

Link önizleme, bir adresi WhatsApp, Facebook, LinkedIn ya da X'e yapıştırdığınızda mesajın içinde beliren başlık, açıklama ve görselden oluşan karttır. Platform sayfanızı kendi tarayıcısıyla indirir, head içindeki Open Graph etiketlerini okur ve kartı bu değerlerle kurar. Etiket eksikse ya da tarayıcı sayfanıza ulaşamıyorsa kart görselsiz, yanlış başlıkla ya da hiç çıkmaz.

Bu araç bir adres için dört işi aynı anda yapar:

• Önizleme: WhatsApp, Facebook, X, LinkedIn, Telegram, Slack, Discord ve Google kartlarını marka logosu kullanmadan, platformların yerleşimine yakın biçimde çizer.
• Denetim: 25'ten fazla kontrolle etiketleri, paylaşım görselinin ölçüsünü, oranını, dosya boyutunu ve biçimini, sosyal tarayıcıların erişimini ve robots.txt kurallarını tarar.
• Düzenleme: Başlığı, açıklamayı ve görseli değiştirip kartların nasıl değişeceğini anında gösterir.
• Düzeltme: Sayfanızın değerlerini taşıyan, kopyalamaya hazır bir etiket bloğu ve önbellek yenileme adımları verir.

Ben bu kontrolü SEO danışmanlığı projelerinde yeni bir sayfa yayına girmeden önce yapıyorum. Çünkü kampanya linki bir kez yanlış görselle gruplara düştüğünde o mesajları geri çekemiyorsunuz.

Link önizleme hangi etiketlerden oluşur?

Kartın temeli Open Graph protokolü. Protokol her sayfa için dört özelliği zorunlu sayıyor: og:title, og:type, og:image ve og:url. Pratikte kartı şu etiketler kurar:

• og:title: Kartın başlığı. Meta, bu alanı site adı gibi marka eki olmadan yazmanızı öneriyor.
• og:description: Başlığın altındaki metin. Meta'nın önerisi 2-4 cümlelik kısa bir özet.
• og:image: Paylaşım görseli. Adres mutlak olmalı, yani https:// ile başlamalı.
• og:url: Sayfanın kanonik adresi. Facebook beğeni ve paylaşımları bu adreste toplar; canonical ile aynı olsun.
• og:site_name, og:type, og:locale: Site adı, içerik türü ve dil. og:locale yazmazsanız varsayılan değer en_US olur.

X ise önce kendi etiketlerine bakar: twitter:card, twitter:title, twitter:description ve twitter:image. Bunlar yoksa Open Graph değerlerine düşer; bu yüzden ayrı bir X başlığı yazmanız gerekmez. Ancak twitter:card etiketinin Open Graph karşılığı yok. Etiket yoksa X en fazla küçük bir özet kart gösterebilir.

Aynı etiketi iki kez yazmak da sık gördüğüm bir hata. Open Graph çakışmada ilk etiketi kabul eder, X ise son twitter:card değerini kullanır. Tema ve SEO eklentisi aynı anda etiket basıyorsa bu fark kartları platformdan platforma değiştirir. Etiketleri tek yerden üretmek için meta tag oluşturucu işinizi kolaylaştırır.

Paylaşım görseli kaç piksel ve kaç MB olmalı?

Tek görselle bütün platformlarda iyi sonuç almak için 1200×630 piksel, 1,91:1 oranlı bir JPG ya da PNG hazırlıyorum. Bu ölçü Meta'nın önerisine uyuyor, LinkedIn'in 1200×627 alt sınırının da üstünde kalıyor. X'in büyük kartı 2:1 oranda olduğu için kırpma kenarlarda çok az kalır.

Rakamları resmi belgelerden özetlersem:

• Meta: 200×200 altını kabul etmiyor, 600×315 altını küçük gösteriyor ve en çok 8 MB'lık dosyayı alıyor.
• LinkedIn: Dosya en çok 5 MB; 401 pikselden dar görseller küçük resim oluyor.
• X: Görsel 5 MB'ın altında olmalı; X JPG, PNG, WEBP ve GIF biçimlerini destekliyor, SVG'yi desteklemiyor. Hareketli GIF'te yalnız ilk kare çıkıyor.

Ölçünün yanında iki etiketi de ekleyin: og:image:width ve og:image:height. Meta'ya göre bu iki etiket sayesinde tarayıcı görseli indirmeyi beklemeden ilk paylaşımda gösterebiliyor. Araç bu etiketlerdeki değerleri gerçek dosyayla karşılaştırır ve uyuşmazlığı uyarı olarak yazar.

Son olarak görselin içine koyduğunuz yazıyı ve logoyu ortada tutun, çünkü kare ve dikey yerleşimlerde kenarlar kırpılabiliyor. Elinizdeki görseli 1200×630'a getirmek için resim küçültme aracını kullanabilirsiniz; dosya tarayıcınızdan çıkmaz.

WhatsApp link önizlemesi neden çıkmıyor?

WhatsApp, önizleme için resmi bir görsel ölçüsü ya da karakter sınırı yayımlamıyor. Bu yüzden sahada gördüğüm nedenleri sırayla kontrol ediyorum:

1. og:image eksik ya da erişilemiyor: Görsel 404 döndürüyorsa ya da güvenlik duvarı indirmeyi engelliyorsa kart yalnız metinle çıkar.
2. Sayfa yavaş ya da hata döndürüyor: Önizleme, mesaj gönderilmeden önce kısa bir sürede oluşuyor; yanıt gecikirse WhatsApp bağlantıyı düz metin olarak bırakabiliyor.
3. Adres mesajın başında değil: Meta'nın WhatsApp Cloud API belgesi, mesajda birden çok adres varsa yalnız ilkinin önizlendiğini söylüyor.
4. Önizleme kapalı: WhatsApp'ta Ayarlar, Gizlilik, Gelişmiş altında bağlantı önizlemelerini kapatan bir seçenek var. Açıksa gönderdiğiniz mesajlarda kart oluşmaz; alıcının ayarı sizin mesajınızı etkilemez.

Görsel büyük ve yataysa WhatsApp kartı geniş görselle, küçük ya da kareye yakınsa küçük resimle gösteriyor. Aracın WhatsApp önizlemesi de bu davranışı taklit eder. Müşterilerinize tek tıkla mesaj başlatan bir bağlantı hazırlamak isterseniz WhatsApp link oluşturucu sayfanın adresini mesaja ekler; önizleme de o adresin etiketlerinden gelir.

Sosyal ağların tarayıcıları sayfanıza erişebiliyor mu?

En pahalı sorun budur, çünkü sayfa tarayıcıda kusursuz açılırken paylaşımlar önizlemesiz kalır. Araç bu yüzden sayfayı iki kez ister: önce kendi kimliğiyle, sonra facebookexternalhit kimliğiyle. İkinci istek 403 ya da 5xx alıyorsa güvenlik duvarı, bot koruması ya da CDN kuralı sosyal tarayıcıları engelliyor olabilir.

Bir uyarıyı da açıkça yazayım: bazı güvenlik sistemleri bu kimliği yalnız Meta'nın gerçek adreslerinden kabul ediyor. Böyle bir sistemde araç engel görür ama gerçek paylaşım çalışır. Emin olmak için Meta'nın Sharing Debugger aracında aynı adresi deneyin.

Araç ayrıca şu noktaları kontrol eder:

• robots.txt: X'in belgesine göre Twitterbot robots.txt kurallarına uyar; sayfa engelliyse kart, görsel engelliyse küçük resim çıkmaz.
• İlk 1 MB: Meta, Open Graph özelliklerinin HTML'in ilk 1 MB'ında olmasını istiyor. Uzun satır içi kodlar etiketleri bu sınırın dışına itebilir.
• Head dışında kalan etiketler: body içine düşen etiketleri tarayıcılar görmeyebilir.

Araç JavaScript çalıştırmaz. Etiketleri tarayıcıda JavaScript ile ekleyen sitelerde sosyal tarayıcılar da çoğu zaman boş bir head görür; etiketleri sunucunun gönderdiği HTML'e yazın. Genel teknik sağlık için SEO analiz aracıyla da tarama yapabilirsiniz.

Önizleme değişmiyorsa önbelleği nasıl yenilersiniz?

Etiketleri düzelttiniz ama WhatsApp hâlâ eski görseli gösteriyor mu? Sorun büyük olasılıkla önbellekte. Platformlar sayfanızı her paylaşımda yeniden indirmez; ilk okuduklarını bir süre saklar. Önceden gönderdiğiniz mesajlar da değişmez, yenileme yalnız yeni paylaşımları etkiler.

• Facebook ve Messenger: Sharing Debugger'da adresi yazıp yeniden kazıyın. Meta görselleri adresine göre sakladığı için görseli değiştirdiyseniz dosyaya yeni bir ad verin.
• LinkedIn: Post Inspector adresi yeniden okur ve yeni paylaşımlar için önizlemeyi günceller.
• X: Belgelere göre kart bilgisi paylaşımdan sonra 7 gün önbellekte kalıyor. Beklemek istemiyorsanız adrese zararsız bir parametre ekleyip (örneğin ?v=2) yeni adres olarak paylaşın.
• WhatsApp: Resmi yenileme aracı yok; aynı parametre yöntemi yeni mesajlarda işe yarar.
• Telegram: Telegram'ın @WebpageBot hesabına adresi gönderdiğinizde önizleme yeniden oluşur.

Aracın Kod ve önbellek sekmesi bu bağlantıları hazır verir ve parametreli adresi tek tıkla kopyalar. Facebook tarafında ise parametre hilesine güvenmeyin, çünkü Facebook paylaşımları og:url adresinde topluyor.

Link önizleme kartını tıklatan başlığı ve açıklamayı nasıl yazarsınız?

Teknik olarak kusursuz bir kart da tıklanmayabilir. Kartta okurun gördüğü şey arama sonucundan farklıdır: akışta hızla kayan biri, görsel ve tek satırlık başlıkla karar verir. Bu yüzden kart metnini arama başlığından ayrı düşünüyorum.

• Başlıkta fayda: og:title'ı 40-60 karakter civarında, sayfanın okura ne kazandıracağını söyleyen bir cümle olarak yazın. X'in 70 karakter sınırı da bu sayede sorun olmaz.
• Açıklamada merak: İlk cümlede soruyu, ikinci cümlede cevabın nerede olduğunu verin; LinkedIn açıklamayı çoğu zaman göstermediği için asıl mesajı başlığa koyun.
• Görselde tek fikir: Küçük ekranda rahat okuyacağınız büyüklükte, en fazla beş altı kelimelik bir yazı yeterli.
• Her sayfaya kendi kartı: Bütün sayfalara aynı logo görselini vermek, ürün ve yazı paylaşımlarını birbirinin kopyasına çevirir.

Arama sonucundaki başlık ve açıklama için ayrı kurallar geçerli; bunları meta title ve meta description yazma rehberinde anlattım. Sosyal paylaşımları siteye trafik getiren bir kanala dönüştürmek için de sosyal medyadan trafik artırma yazısına bakabilirsiniz. Google'da nasıl göründüğünüzü ayrıca SERP önizleme aracıyla test edin.