Open Graph Oluştürücu

1200x630 piksel (1.91:1 oranı) Facebook, LinkedIn, Twitter summary_large_image ve çoğu diğer platform için evrensel güvenli boyuttur. Dosya boyutu 8 MB'ın altında olmalıdır (Facebook sınırı) — hızlı yükleme için 1 MB'ın altına hedefleyin. Şeffaflık içeren grafikler için PNG, fotoğraflar için JPEG kullanın. 200x200 pikselin altındaki herhangi bir şey Facebook'ta hiç görüntülenmeyebilir. Eğer görseliniz kare formatta daha iyi görünüyorsa, kare görseller (1200x1200) de iyi çalışır.

og:type platformlara sayfanızın ne tür bir içerik olduğunu söyler. website varsayılan değerdir ve ana sayfalar, açılış sayfaları ve çoğu statik sayfa için çalışır. article blog yazıları ve haberler içindir — article:author, article:published_time ve article:section gibi ek etiketlerin kullanılmasını sağlar. product e-ticaret öğeleri içindir. Media içerikleri için video.movie ve music.song mevcuttur. Doğru türü kullanmak bazı platformlarda daha zengin önizlemeler etkinleştirebilir.

Twitter, OG etiketlerini yedek olarak okur, bu nedenle bağlantılarınız açıkça Twitter Card etiketleri olmadan bile önizlenecektir. Ancak, Twitter Card size iki önemli artı sağlar: (1) twitter:card türü — summary_large_image, bağlantı metninin üzerinde tam genişlikte bir görsel gösterir; bu, temel özet kartındaki küçük resimden çok daha fazla dikkat çeker; (2) twitter:site ve twitter:creator — @handle kartın altında görünür. İçerik pazarlaması için Twitter Card etiketleri eklemek, iki ekstra HTML satırına değer.

Facebook ve LinkedIn, OG verilerini agresif bir şekilde önbelleğe (cache) alır. og:image URL'nizi güncelledikten sonra, taze veri çekilmesini zorlamak için Facebook'un Sharing Debugger aracını (developers.facebook.com/tools/debug) kullanın — URL'nizi yapıştırın ve "Scrape Again" butonuna tıklayın. LinkedIn'in linkedin.com/post-inspector adresinde bir Post Inspector aracı bulunmaktadır. Twitter/X genellikle birkaç saat içinde otomatik olarak yeniler. Görsel URL'sini değiştirmek (örneğin önbellek temizleme için ?v=2 eklemek) de platformların yeni görseli çekmesini sağlar.

og:locale, içeriğinizin dilini ve bölgesini belirtir; örneğin en_US, fr_FR veya tr_TR. İsteğe bağlıdır ancak çok dilli siteler için kullanışlıdır — bir kullanıcı paylaşılan bağlantıya tıkladığında Facebook'un doğru dil versiyonunu sunmasına yardımcı olur. Format, alt çizgi ile ayrılmış dil_BÖLGE şeklindedir (tire değil). og:locale:alternate ek desteklenen yerel dilleri listeleyebilir. Tek dilli siteler için bunu atlamak uygundur; Facebook varsayılan olarak en_US kullanır.

Facebook Sharing Debugger (developers.facebook.com/tools/debug) en kapsamlı olanıdır — hangi etiketlerin çekildiğini, uyarıları gösterir ve önbellek yenilemeyi zorlamanıza izin verir. LinkedIn Post Inspector (linkedin.com/post-inspector) LinkedIn önizlemelerini test eder. Twitter Card Validator (cards-dev.twitter.com/validator) Twitter kartlarını kontrol eder. Bu araçlar simülasyon değil, gerçek çekilen verileri gösterir, böylece engellenmiş görsel URL'leri veya eksik zorunlu etiketler gibi sorunları yakalarlar.

Hayır. Tüm OG etiketi oluşturma ve sosyal önizleme işleme işlemleri tarayıcınızda JavaScript ile gerçekleşir. Sayfa başlıklarınız, açıklamalarınız, URL'leriniz ve görsel URL'leriniz asla cihazınızdan çıkmaz.