Twitter Card Meta Etiketleri

Twitter (X), OpenGraph henüz yokken kendi önizleme kartı protokolünü tanımladı ve bunu hâlâ sürdürüyor. Modern Twitter, twitter:* etiketleri eksik olduğunda OG etiketlerine geri dönse de twitter:card değerini açıkça belirtmek en öngörülebilir kart düzenini sağlar.

Dört kart türü vardır: summary (başlığın/açıklamanın yanında küçük küçük resim), summary_large_image (tam genişlikte öne çıkan görsel), app (mobil uygulama yükleme) ve player (gömülü video veya ses). İçerik ağırlıklı makaleler için summary_large_image seçin.

Varsa bunlar Twitter'da og:title ve og:description değerlerinin yerine geçer. Genel OpenGraph kullanıcılarından farklı olarak Twitter kitlesi için farklı bir başlık istediğinizde bunları kullanın; aksi takdirde Twitter'ın OG değerlerine geri dönmesine izin verin.

summary kartları için en az 144x144 boyutunda 1:1 kare bir görsel kullanın. summary_large_image için 2:1 oranında, ideal olarak 1200x600 veya daha büyük bir görsel kullanın. Twitter, 5 MB'tan büyük görselleri reddeder. Tıpkı og:image gibi mutlak bir URL kullanın; göreli yollar çalışmaz.

Kart görseli için en fazla 420 karakterlik alternatif metin. Twitter'da gezinen ekran okuyucu kullanıcılarının erişilebilirliğini artırır ve görseller yüklenemediğinde yedek bir açıklama sağlar. Bunu her zaman ekleyin; kapsayıcılık için 30 saniyede elde edilebilecek bir kazanımdır.

twitter:site, sitenizin @ işareti içeren Twitter kullanıcı adıdır. twitter:creator, bireysel yazarın kullanıcı adıdır. Bunları doldurmak Twitter'ın "@yoursite hesabından" ifadesini göstermesini ve yazar künyesini gerçek bir hesaba bağlamasını sağlar.

OpenGraph property="og:..." kullanırken Twitter name="twitter:..." kullanır. Bu farkın nedeni tarihseldir (RDFa ve HTML5). Her ikisi de teknik olarak geçerlidir; her protokol için doğru özniteliği kullanmak katı doğrulayıcılarla ilgili uç durumları önler.

twitter:card="app", twitter:app:id:iphone, twitter:app:id:ipad, twitter:app:id:googleplay ve twitter:app:url:* derin bağlantılarıyla bir iOS/Android uygulamasının tanıtılmasını sağlar. Karta dokunulduğunda App Store/Play Store veya uygulama yüklüyse doğrudan uygulama açılır.

twitter:card="player", bir video veya ses oynatıcısını gönderinin içine gömer. HTTPS iframe URL'si olan twitter:player, twitter:player:width ve twitter:player:height gereklidir. Kötüye kullanımı önlemek için Twitter oynatıcı kartlarını elle onaylar; developer.twitter.com üzerinden başvurun.

Twitter, herkese açık Card Validator arayüzünü kapattı; ancak kartlar hâlâ taslak bir gönderide önizlenebilir. Gerçek gönderiyi yayımlamadan önce hangi kart türünün ve görselin oluşturulacağını tam olarak görmek için URL'nizi özel bir taslağa yapıştırın.

Her zaman hem twitter:card hem de tüm OG etiketlerini ekleyin. Twitter dışındaki platformların çoğu twitter:* etiketlerini yok sayar ve modern Twitter istemcilerinin çoğu OG'ye geri döner; bu nedenle ikisini birlikte kullanmak, en az yinelemeyle her yerde doğru bir önizleme sağlar.

twitter:title eksik ancak og:title mevcutsa Twitter kartında ne görünür?

twitter:card ile name="twitter:card" aracılığıyla tanımlanan Twitter kartları, X üzerinde sayfalara öngörülebilir bir önizleme sağlar. Editoryal içerik için summary_large_image seçin, mutlak URL içeren twitter:image ve twitter:image:alt ekleyin, siteyi ve yazarı kullanıcı adlarıyla belirtin ve geçersiz kılmadığınız etiketler için OG değerlerinin doldurulmasına izin verin.