Open Graph & Twitter Card Oluşturucu

Canlı paylaşım kartı önizlemesiyle og: ve twitter: meta etiketleri üretin — linkinizin sosyal medyada nasıl görüneceğini siz belirleyin.

1.304 görüntülenme

Nasıl Çalışır

Open Graph protokolü, herhangi bir web sayfasının kendini zengin bir sosyal nesne olarak tanımlayabilmesi için 2010'da Facebook tarafından tanıtıldı — biri linki bir akışa veya sohbete yapıştırdığında hangi başlık, açıklama, görsel ve site adının görüneceğini belirler. Bu araç dört temel etiketi (og:title, og:description, og:image, og:url) ve eşleşen twitter: setini üretir, ardından ortaya çıkan kartın canlı önizlemesini gösterir — böylece hiçbir şey yayımlamadan önce Facebook, LinkedIn, WhatsApp veya X'in gerçekte ne göstereceğini görürsünüz.

og:type alanı (website, article, product...) sadece kozmetik değildir — bazı platformlar buna göre kartın davranışını değiştirir: article tipi yazar/tarih satırı gösterebilir, product tipi Open Graph ticaret uzantılarını destekleyen platformlarda fiyat gösterimini tetikleyebilir. Somut örnek: og:type=article olarak ayarlanmış ve 1200×630 og:image içeren bir tarif sayfası, X'te (twitter:card=summary_large_image aracılığıyla) tam genişlikte fotoğraflı bir kart ve WhatsApp'ta eşleşen bir önizleme alır — yanlış ayarlanır veya og:image atlanırsa çoğu platform tahmine döner, genelde sayfadaki ilk görseli seçer ya da hiçbirini göstermez.

Dört temel etiketin ötesinde birkaç opsiyonel alan sonucu ince ayarlar: og:site_name bazı platformlarda başlığın yanında markanızı gösterir, og:locale dil/bölgeyi ayarlar (en_US, tr_TR) böylece çok dilli siteler doğru varyantı render eder, twitter:site ise kartı X'te bir hesap adına bağlar. twitter:card değerinin kendisi summary ve summary_large_image'ın ötesinde üçüncü bir seçeneğe daha sahiptir — player — video veya sesi doğrudan zaman akışına gömmek için, gerçi bu üreticinin kapsamadığı ek player-özel işaretleme gerektirir. Önbellek süresi de platforma göre değişir: bazı doğrulayıcılar taze bir taramadan sonra bir gün içinde yenilenir, bazı platformlar ise linke özel önbellekledikleri için eski bir önizlemeyi bir hafta veya daha uzun süre tutabilir — bu yüzden doğrulayıcı ile zorla yeniden tarama genellikle tek hızlı çözümdür.

Bilinmesi Gerekenler

  • 1200×630px (1,91:1 oran) tüm platformlarda güvenli evrensel görsel boyutudur; dosyayı güvenilir yüklensin diye ~1MB altında tutun ve her zaman mutlak URL kullanın (https://...) — göreceli yollar sessizce başarısız olur.
  • Önbellekleme en yaygın şikayettir: bir platform bir URL'i bir kez taradıktan sonra, etiketleri düzeltseniz bile günlerce eski başlığı veya görseli göstermeye devam edebilir. Facebook'un Sharing Debugger'ı, LinkedIn'in Post Inspector'ı ve benzer araçlar yeniden taramayı zorlar.
  • X, title/description/image için çoğunlukla Open Graph değerlerine düşer, ama twitter:card kendi başına bir ayardır (summary'ye karşı tam genişlik summary_large_image) ve otomatik çıkarılmaz — açıkça ayarlayın.
  • Hiç etiket olmaması önizleme olmayacağı anlamına gelmez — platform sayfada bulduğu her şeyden tahmin yürütür ve bu tahmin nadiren göz alıcıdır.
  • og:url sayfanın canonical sürümünü göstermelidir — takip parametreli bir URL'i veya bir yönlendirme hedefini göstermek, paylaşım sinyalini tek bir adreste toplamak yerine iki farklı adrese böler.
  • Yayına almadan önce birden fazla platformda test edin: Facebook, LinkedIn ve X, Open Graph'ı biraz farklı ayrıştırır ve birinde doğru görünen bir kart diğerinde görseli kırpabilir veya description'ı düşürebilir.

Sıkça Sorulan Sorular

Kart hâlâ eski görselimi gösteriyor — neden?

Platformlar agresif önbellekler. URL'yi Facebook Sharing Debugger'a yapıştırıp "Scrape Again" deyin (her platformun benzeri var); kart tazelenir.

og: varken ayrıca twitter: etiketi gerekli mi?

X çoğu alanda Open Graph'a düşer ama twitter:card kendi kararıdır (küçük kart / büyük görsel) — en azından onu koyun. Bu üretici iki seti birden basar; güvenli varsayılan budur.

og:type nedir ve gerçekten önemli mi?

Sayfanın hangi tür bir nesne olduğunu platforma söyler — website, article, product, video gibi. Bazı platformlar buna göre kartın düzenini ayarlar (article yazar satırı gösterebilir, product desteklenen uzantılarla fiyat gösterebilir), bu yüzden varsayılan website değerinde bırakmak yerine bilinçli ayarlamaya değer.

Open Graph'ı kim, neden icat etti?

Facebook, her platformun sayfaları farklı şekilde tarayıp tahmin yürütmesi yerine, herhangi bir web sayfasının kendini tutarlı bir başlık, açıklama ve görselle paylaşılabilir bir nesne olarak tanımlayabilmesi için 2010'da Open Graph protokolünü tanıttı.

Gerçekte hangi görsel boyutunu kullanmalıyım?

1200×630px, güvenli 1,91:1 oranında neredeyse tüm platformların kart formatını kapsar. Çok daha küçük gitmek bulanık büyütme riski taşır; çok daha büyük gitmek ise kartın görünümünü iyileştirmeden yükleme süresini boşa harcar.

Yorumlar

Henüz yorum yok — ilk yorumu siz yazın!

Benzer Araçlar