Paylaşım Önizlemesi: Open Graph etiketlerinizi kontrol edin

Nasıl kullanılır

example.com/blog/launch gibi bir sayfanın adresini girin ve Kontrol et düğmesine basın. Elinizde bir sayfa yok mu? Örneklerden birini deneyin.
Her uygulamanın onun için oluşturduğu kartı görün: X, Facebook, LinkedIn, Slack, Discord, WhatsApp ve iMessage. Yeşil nokta kartın doğru göründüğü anlamına gelir; sarı ya da kırmızı nokta kartın altında neyin yanlış olduğunu söyler.
Kontrol edilen her etiketi tek tek görmek için Düzeltmeleri ve etiketleri göster bölümünü açın. Eksik etiketler <head> bölümünüze yapıştırılmaya hazır gelir: kopyalayın, değerleri doldurun, değişikliği yayımlayın ve yeniden kontrol edin.

Kontrolün adresi tarayıcınızın adres çubuğundadır; böylece onu sayfayla ilgilenen kişiye gönderebilirsiniz.

Bağlantı önizlemeleri nasıl çalışır

Bir gönderiye ya da sohbete bağlantı yapıştırdığınızda, uygulamanın tarayıcı botu sayfayı bir kez çeker ve <head> içindeki etiketleri okur. JavaScript çalıştırmaz, giriş yapmaz ve çerez afişlerini kabul etmez; bu yüzden sayfa yüklendikten sonra bir betiğin eklediği etiketleri göremez. Denetleyici sayfayı aynı şekilde çeker: tek istek, JavaScript yok ve yönlendirmeler bir botun izlediği gibi izlenir.

Her uygulama aynı birkaç etiketi kendi yedek yollarıyla okur:

Open Graph (og:title, og:description, og:image, og:url, og:site_name), Facebook, LinkedIn, Slack, Discord, WhatsApp ve iMessage'ın okuduğu etiketlerdir.
X önce twitter:card, twitter:title, twitter:description ve twitter:image etiketlerini okur, olmazsa Open Graph etiketlerine başvurur. twitter:card olmadan, görsel olsa bile küçük bir özet kartı gösterir.
og:title eksik olduğunda çoğu uygulama <title> etiketini kullanır. og:description eksik olduğunda bazıları meta açıklamayı kullanır, bazıları hiç metin göstermez.
Discord kartının kenarını theme-color ile renklendirir.

Buradaki önizlemeler bu kuralları izler. Her uygulama tasarımını zaman zaman değiştirdiği için onları birebir değil, yakın kabul edin.

Önizleme görseli

Tek bir görsel her yerde çalışır: 1200 × 630 piksel (1,91:1), PNG veya JPEG, tam bir https:// adresinde.

600 pikselden dar olduğunda Facebook ve LinkedIn büyük bir kart yerine küçük bir küçük resim gösterir. 200 × 200'ün altında Facebook görsel göstermez.
X 5 MB'a, Facebook 8 MB'a kadar görsel kabul eder. WhatsApp yaklaşık 600 KB'ın üzerindeki görselleri çoğu zaman göstermez; bu yüzden iyi sıkıştırılmış bir JPEG güvenli seçimdir.
Büyük uygulamaların hiçbiri SVG desteklemez.
/og.png gibi göreli bir adres her botta çalışmaz. Tam URL'yi yazın.
Kare kırpmalar yaygındır (WhatsApp, küçük bağlantılarda iMessage); bu yüzden görselin önemli kısmını ortaya yakın tutun.

Denetleyici görseli de çeker, dosya başlığından ölçer ve önizlemelerde gösterir.

Önizleme neden hâlâ eski görünüyor

Uygulamalar çektiklerini dakikalardan yaklaşık bir haftaya kadar önbellekte tutar. Etiketlerinizi düzelttikten sonra denetleyici yeni sürümü hemen gösterir, ama zaten paylaşılmış bir bağlantı, uygulama onu yeniden çekene kadar eski önizlemeyi korur. Facebook'un Sharing Debugger'ı ve LinkedIn'in Post Inspector'ı bir sayfayı istek üzerine yeniden çeker. Slack'te bir süre sonra yeniden paylaşılan bir bağlantı yeni bir önizleme alır. ?v=2 gibi bir sorgu dizesi eklemek, her uygulamanın onu yeni bir bağlantı gibi ele almasını sağlar.

Sık sorulan sorular

Önizlememde neden görsel yok?

Olağan nedenler, sırasıyla: og:image etiketi yok, görsel adresi göreli ya da bir hata döndürüyor, görsel çok küçük ya da çok büyük, veya etiket sayfa yüklendikten sonra JavaScript ile ekleniyor. Her kartın altındaki satır geçerli olan nedeni belirtir.

En az hangi etiketlere ihtiyacım var?

og:title, og:description, 1200 × 630 görselle og:image, og:url ve summary_large_image olarak ayarlanmış twitter:card. Meta Etiket Oluşturucu bunları sizin için yazar.

Giriş gerektiren sayfaları kontrol edebilir mi?

Hayır. Botlar giriş yapmaz; bu yüzden girişin arkasındaki bir sayfanın hiçbir yerde önizlemesi olmaz. Denetleyici onların gördüğünü görür ve yalnızca herkese açık adresleri çeker: özel ve iç ağlar reddedilir.

Denetleyici çektiği sayfaları saklıyor mu?

Hayır. Kontrol et'e bastığınızda sayfayı ve görsellerini çeker ve bulduklarını size gönderir. Aynı adresin ikinci kontrolü anında olsun diye sonuç iki dakika tutulur, sonra silinir. En fazla 2 MB HTML ve görsel başına 8 MB okur, 8 saniye sonra vazgeçer.

Sayfam tarayıcımda sorunsuz açılırken neden 403 döndürdüğünü söylüyor?

Bazı siteler ve güvenlik duvarları, tarayıcıdan gelmeyen ya da tanıdıkları büyük botlardan gelen istekleri engeller. Denetleyici 403 alıyorsa Facebook veya LinkedIn de alabilir: güvenlik duvarınızın bot ayarlarını kontrol edin.

Bir sınır var mı?

Tek bir adresten dakikada yirmi kontrol. Ayrıca her site, denetleyiciyi kullanan herkes için toplamda dakikada en fazla 60 kez çekilir; böylece bir siteyi istekle boğmak için kullanılamaz. Sonuçlar iki dakika tutulur, bu yüzden kısa süre sonra yeniden kontrol edilen aynı adres hemen döner; baktığınız sayfada yeniden Kontrol et düğmesine basmak ise onu her zaman baştan çeker.