tigtools

Open Graph Önizlemesi

Paylaşılan bir bağlantının yaklaşık olarak nasıl görüneceğini ve görselin doğru boyutta olup olmadığını görmek için Open Graph etiketlerinizdeki bilgileri girin.

Tarayıcınızda çalışır Kayıt gerekmez

Tarayıcı bu görseli girdiğiniz adresten doğrudan yükler.

Önerilen: 1200 × 630 px (1,91:1), JPG veya PNG, birkaç megabayttan küçük. Bazı uygulamalar görseli kare biçiminde kırptığından önemli içerikleri kenarlardan uzak tutun.

Büyük bağlantı kartı
Görsel yok
example.com
—
Küçük bağlantı kartı
Görsel yok
example.com
—

Bu kartlar genel bir yaklaşımdır. Her uygulamanın düzeni, yazı tipleri ve kırpma biçimi farklıdır; ayrıca önizlemeler önbelleğe alınır.

Nasıl kullanılır?

  1. Sayfada kullandığınız veya kullanmayı planladığınız og:title ve og:description değerlerini girin.
  2. og:image için tam URL'yi yapıştırın. Araç görseli yükleyip gerçek piksel boyutlarını bildirir.
  3. Sayfanın URL'sini veya alan adını ekleyin, ardından büyük ve küçük kart önizlemelerini karşılaştırıp uyarıları giderin.

Nasıl çalışır?

Bir bağlantı paylaşıldığında çoğu sosyal ağ ve sohbet uygulaması sayfayı getirip Open Graph etiketlerini okur: og:title, og:description, og:image ve og:url. Ardından bir kart oluşturur. Yaklaşık 1,91:1 oranındaki geniş bir görsel genellikle üstte görsel bulunan büyük bir kart oluşturur; küçük veya kare bir görsel ise çoğu zaman metnin yanında küçük resim bulunan kompakt bir kart oluşturur.

Bu araç, metin uzunluğunu ve görsel kadrajını değerlendirmenize yardımcı olmak için iki genel kart stili gösterir. Tarayıcı görseli yükledikten sonra görselin doğal boyutlarını kontrol eder: 200 × 200 px altındaki görseller birçok uygulamada gösterilmez, 600 × 315 px altındaki görsellerde genellikle küçük kart düzeni kullanılır ve 1,91:1 oranından çok farklı görseller kırpılır. 1200 × 630 px, yüksek piksel yoğunluklu ekranlarda da net kaldığı için yaygın olarak önerilen boyuttur.

Önizleme, belirli bir uygulamanın tam olarak ne göstereceğini yansıtamaz. Uygulamalar başlık ve açıklama için gösterdikleri satır sayısında farklılık gösterir; bazıları açıklamayı yok sayar. Ayrıca çoğu, ilk paylaşımın ardından önizlemeyi bir süre önbelleğe alır; bu nedenle etiketlerinizdeki değişiklikler hemen görünmeyebilir. Birçok platform, bu önbelleği yenilemek için kendi hata ayıklama aracını sunar.

Örnekler

og:image olarak kullanılan ekran görüntüsü

1440 × 900 boyutundaki bir ekran görüntüsünün oranı 1,6:1'dir. Araç, oranla ilgili uyarı verir: büyük kartta görselin üstü ve altı kırpılır. 1200 × 630 boyutunda dışa aktarmak sürprizleri önler.

Tek görsel olarak logo

180 × 180 boyutundaki bir logo 200 × 200 px sınırının altında kaldığından birçok uygulama görsel göstermez. Bunun yerine logoyu içeren daha büyük ve geniş bir banner kullanın.

Başlık uzunluğunu kontrol etme

90 karakterlik bir og:title, büyük kart önizlemesinde üç satıra bölünür. Başlığı yaklaşık 60 karaktere kısaltmak, çoğu uygulamada kartın düzenli görünmesini sağlar.

Sık sorulan sorular

Bağlantım Facebook, LinkedIn ve X'te neden farklı görünüyor?

Her platform kartları kendi düzenine, kırpma biçimine ve metin sınırlarına göre oluşturur; bazıları açıklamayı gösterirken bazıları göstermez. Bu önizleme, herhangi bir platformun tasarımının kopyası değil, genel bir yaklaşımdır.

og:image etiketini değiştirdim ama eski görsel hâlâ görünüyor. Neden?

Platformlar bağlantı önizlemelerini önbelleğe alır. Sayfayı yeniden getirmek için platformun kendi paylaşım hata ayıklama aracını kullanın veya önbelleğin süresinin dolmasını bekleyin. Görsel dosyasının adını değiştirmek de işe yarar.

SVG veya WebP görsel kullanabilir miyim?

Çoğu platform SVG'yi desteklemez. WebP birçok uygulamada çalışır ancak hepsinde değil; en güvenli seçenek JPG veya PNG'dir.

Araç görselimi neden yükleyemiyor?

URL için oturum açmak gerekebilir, URL bir görsel yerine HTML sayfasına yönlendirebilir veya sunucu diğer sitelerden gelen istekleri engelliyor olabilir. Tarayıcı görseli burada yükleyemiyorsa bir sosyal platformun tarayıcısı da yükleyemeyebilir.

Gizlilik

Girdiğiniz metin tarayıcınızda kalır. Görseli kontrol etmek için tarayıcınız, girdiğiniz URL'den doğrudan istek gönderir (referrer göndermeden); bu nedenle sunucu normal bir görsel isteği alır. TIG Tools'a hiçbir şey gönderilmez.