İçeriğe geç

Open Graph ve meta etiketlerini önizle

Bir bağlantının Google, Facebook, X, LinkedIn, Slack, Discord ve iMessage'da nasıl göründüğünü görün; etiketleri okumak için sunucumuz herkese açık sayfayı getirir ya da yeni etiketleri tarayıcınızda yazabilirsiniz.

Sunucumuz etiketleri okumak için sayfayı bir kez getirir; hiçbir şey saklanmaz.

Sunucumuzda işlenir · URL istek anında getirilir ve hiçbir şey saklanmazNasıl çalışır

Open Graph ve meta etiket önizleme nasıl kullanılır

  1. 1

    Bağlantıyı yapıştırın

    Herkese açık bir sayfanın adresini girin ve Bağlantıyı önizle düğmesine tıklayın. Sayfanın başlığı, açıklaması, Open Graph ve X kartı etiketleri okunur.

  2. 2

    Kartları inceleyin

    Google sonucunu ve Facebook, X, LinkedIn, Slack, Discord ile iMessage tarzı kartları karşılaştırın; eksik ya da zayıf etiketlerin listesini okuyun.

  3. 3

    Etiketleri düzenleyin

    Bu etiketleri düzenle'ye tıklayın ya da Etiket yaz sekmesini açın; başlığı, açıklamayı ve resmi değiştirin, yazdıkça tüm önizlemelerin güncellendiğini görün.

  4. 4

    Sayfanıza kopyalayın

    Oluşturulan meta etiketlerini sayfanızın head bölümüne kopyalayın, sayfayı yayınlayın ve canlı URL'yi yeniden kontrol edin.

Sınırlar ve Pro

Ücretsiz: dakikada 20 URL önizlemesi, 12 saniye zaman aşımıyla en fazla 3 MB HTML'li sayfalar, bağlantı başına 7 platform önizlemesi ve sınırsız etiket düzenleme.

Open Graph ve meta etiket önizleme hakkında

Meta etiket önizleyici, bir bağlantıyı paylaşmadan önce nasıl görüneceğini gösterir. Bağlantı önizlemelerinin oluşturulduğu etiketleri okur: HTML başlığı ve meta açıklaması, og:title, og:description, og:image ve og:site_name gibi Open Graph etiketleri, twitter:card gibi X kartı etiketleri ve Discord'un gömme şeridinde kullandığı tema rengi. Ardından yedi önizleme çizer: Google arama sonucu, Facebook ve LinkedIn bağlantı gönderileri, büyük resimli ya da özet biçiminde bir X kartı, Slack önizlemesi, Discord gömmesi ve iMessage tarzı bir balon.

Bir alan eksikse önizlemeler çoğu platformun yaptığı gibi yedek değere geçer; örneğin og:title yerine sayfa başlığı kullanılır ve kaynak uyarılarda belirtilir. Resim de kontrol edilir: piksel boyutu ve türü dosya başlığından okunur. Böylece resmin Facebook'un 200 × 200 alt sınırının altında kalıp kalmadığını, X'in 5 MB sınırı için fazla büyük olup olmadığını, desteklenmeyen bir SVG olup olmadığını ya da 2:1 büyük kart için yanlış orantıda olup olmadığını öğrenirsiniz.

Etiket yaz sekmesi hiçbir şey çekmeden çalışır ve hazır bir meta etiket bloğu verir. Önizlemeler yaklaşık sonuçlardır: platformlar tasarımlarını değiştirir, kartları günlerce önbellekte tutar ve bazıları oturum açmış kullanıcılara farklı metin gösterir. Daha önce paylaşılmış bir kartı yenilemek için sayfayı yayınladıktan sonra platformun kendi hata ayıklama aracını kullanın.

Gizlilik

URL kontrol et seçeneğinde adres sunucumuza gider; sunucu etiketleri ve resim boyutunu okumak için sayfayı bir kez, og:image dosyasının da ilk baytlarını indirir. Hiçbir şey saklanmaz veya kaydedilmez. Önizleme resimleri ise doğrudan barındıran siteden tarayıcınızda yüklenir. Etiket yaz yalnızca tarayıcınızda çalışır.

Özellikler

Yedi önizleme

Google, Facebook, X, LinkedIn, Slack, Discord ve iMessage tarzı kartlar yan yana.

og:image kontrolleri

Piksel boyutu, dosya türü ve boyutu resmin kendisinden okunur; platformların alt sınırlarıyla birlikte.

Etiket oluşturucu

Başlık, açıklama ve resmi girin; eksiksiz bir Open Graph ve X kartı bloğunu kopyalayın.

Open Graph ve meta etiket önizleme: sık sorulan sorular

Paylaşılan bir bağlantının görünümünü hangi etiketler belirler?
Çoğu uygulama Open Graph etiketlerini okur: og:title, og:description, og:image, og:url ve og:site_name. X, küçük ya da büyük kartı seçmek için twitter:card etiketini okur, kalanı için Open Graph'a döner. Google araması ise bunun yerine HTML başlığını ve meta açıklamasını kullanır. Hepsini ayarlayın; bu araç Etiket yaz sekmesinde tam seti yazar.
og:image boyutu ne olmalı?
1200 × 630 piksel, yani 1,91:1 oran kullanın; biçim PNG, JPEG veya WebP olsun ve 5 MB'ın altında kalsın. Bu, Facebook, LinkedIn, Slack ve Discord'daki büyük kartları doldurur. X, büyük resimli kartlarda resmi hafifçe 2:1'e kırpar; bu yüzden metni kenarlardan uzak tutun. 600 pikselden dar resimler küçük görsel olarak görünebilir, SVG resimler desteklenmez.
Facebook veya LinkedIn neden hâlâ eski önizlemeyi gösteriyor?
Platformlar, biri bir URL'yi ilk paylaştığında bağlantı önizlemesini genellikle birkaç gün önbellekte tutar. Etiketlerinizi değiştirdikten sonra Facebook'un Sharing Debugger aracı ya da LinkedIn'in Post Inspector aracıyla sayfanın yeniden taranmasını isteyin. Slack, Discord ve iMessage de önbellek kullanır; genelde bir süre sonra ya da URL değişince, örneğin sorgu dizesi eklenince yenilenir.
URL kontrol ettiğimde herhangi bir şey saklanıyor mu?
Hayır. Tarayıcınız adresi sunucumuza gönderir; sunucu sayfayı ve og:image dosyasının yalnızca ilk 256 KB'ını etiketleri ve resim boyutunu okumak için indirir, sonra sonucu döndürür. Hiçbir şey kaydedilmez. Gördüğünüz önizleme resimleri, gerçek uygulamalarda olduğu gibi, doğrudan web sitesinden kendi tarayıcınız tarafından yüklenir.
Önizleyici sayfamı neden okuyamıyor?
Sayfa http veya https üzerinden herkese açık olmalıdır. Özel ve yerel ağ adresleri güvenlik nedeniyle reddedilir. Giriş gerektiren ya da botları engelleyen sayfalar yerine giriş veya doğrulama sayfası döner. JavaScript ile sonradan eklenen etiketler de görülmez, çünkü sunucu çoğu sosyal tarayıcı gibi ham HTML'yi okur. Etiketleri sunucuda oluşturulan HTML'ye koyun.