Twitter Card meta etiketleri nasıl oluşturulur?

Twitter Card meta etiketlerinin amacı

Twitter Card meta etiketleri, bir sayfanın paylaşım bilgilerini HTML işaretlemesi içinde tanımlamak için kullanılır. Bu araç, başlık ve seçtiğiniz kart ayrıntılarından ilgili meta etiketlerini oluşturur. Başlangıçta boş olmayan bir başlık hazırlayın; açıklama, görsel URL'si, site ve içerik üreticisi gibi alanları ise sayfanızın ihtiyacına göre değerlendirin.

İçerik hazırlama sürecinde bu bilgileri aynı ekranda düzenlemek, hangi alanların çıktıya ekleneceğini görmeyi kolaylaştırır. Başlık girildiğinde temel sonuçta kart türü ile başlık bilgileri yer alır. Kart türü için başka bir seçim yapılmadığında summary_large_image değeri kullanılır. Alanlara yazılan değerler HTML işaretlemesine eklenmeden önce HTML açısından kaçışlanır; bu nedenle özel karakter içeren metinleri de sonuçta incelemek gerekir.

Oluşturulan içerik, girdi alanlarının meta etiketleri biçimindeki karşılığını gösterir. Böylece sayfanız için hangi bilgileri hazırladığınızı ve isteğe bağlı ayrıntıların sonuca yansıyıp yansımadığını kontrol edebilirsiniz.

Meta etiketlerini oluşturma sırası

Aracı açın ve başlık alanına paylaşılacak sayfanın boş olmayan başlığını yazın. Başlık, sonuç oluşturulabilmesi için gereken temel girdidir; kısa ya da uzun olması değil, alanın boş bırakılmaması önem taşır.
Açıklama, görsel URL'si, site ve içerik üreticisi alanlarını sayfanızda kullanmak istediğiniz bilgilere göre doldurun. Bu alanlardan birini kullanmayacaksanız boş bırakabilirsiniz. Boş olmayan her değer, kendi karşılığı olan meta etiketinin oluşturulmasına katkı sağlar.
Kart türü seçimini kontrol edin. Farklı bir seçim yapmadığınız durumda sonuçta kullanılan varsayılan değer summary_large_image olur. Seçimin, hazırlamak istediğiniz kart bilgisiyle uyumlu olduğunu oluşturmadan önce gözden geçirin.
Oluşturma işlemini başlatın ve ekranda görünen HTML meta etiketlerini satır satır inceleyin. Başlık girilmişse kart türü ile başlık bilgilerini; doldurduğunuz alanlar varsa açıklama, görsel URL'si, site ve içerik üreticisi karşılıklarını arayın.
Metni sayfanızın HTML meta bilgileri arasında kullanmadan önce içerikleri yeniden okuyun. Başlıkta, açıklamada veya görsel URL'sinde bir yazım hatası fark ederseniz ilgili alanı düzeltin, işlemi tekrar çalıştırın ve son oluşan işaretlemeyi esas alın. Özel karakter içeren değerleri de çıktıda beklediğiniz biçimde göründükleri için ayrıca kontrol edin.

Sonuçtaki alanları okuma

Başarılı bir sonuçta ilk olarak kart türü ve başlık bilgilerini karşılayan meta etiketlerini görmeniz beklenir. Dolu bir açıklama, görsel URL'si, site veya içerik üreticisi alanı da kendi karşılığı olan ek meta etiketini getirir. Bir alanı boş bırakmanız, yalnızca o ayrıntının çıktıya eklenmemesi anlamına gelir; dolu başlıkla oluşan temel bilgiler bundan ayrı değerlendirilir.

Sonuçta özel karakter içeren bir metin görüyorsanız, değerin HTML içine ham biçimde yerleştirilmesi yerine kaçışlanmış biçimde gösterilmesi beklenir. İnceleme sırasında etiket adlarını ve değerlerin hangi alana karşılık geldiğini birlikte kontrol edin. Bu kontrol, yanlış alanı doldurma veya yazım hatası gibi sorunları fark etmenize yardımcı olur.

Hiçbir meta etiketinin görünmediği durumda önce başlık alanını inceleyin. Başlık boş bırakılmışsa araç meta veri ya da HTML işaretlemesi üretmez. Başlık ekledikten sonra oluşturma işlemini yeniden başlatın ve yeni sonucu değerlendirin. İşaretleme, üretilen HTML içeriğini gösterir; bir sosyal platformdaki önizlemenin görünümünü tek başına belirlemez.

Uygulamalı örnek

Bir editör, yeni blog yazısının paylaşım bilgilerini hazırlarken yazı başlığını, kısa açıklamasını ve görsel URL'sini girerek oluşan HTML işaretlemesinde temel ve isteğe bağlı alanların karşılıklarını kontrol eder.

Bir blog yazısı için başlık olarak “İstanbul’da hafta sonu rotası”, açıklama olarak kısa bir tanıtım metni ve görsel URL'si girin. Oluşturulan işaretlemede temel kart ve başlık bilgileriyle birlikte açıklama ve görsel karşılıklarını arayın; kart türü seçilmediyse varsayılan değeri kontrol edin.

Başlık girildiğinde kart türü ve başlık bilgilerini içeren HTML işaretlemesi görünür; dolu açıklama ve görsel URL'si de ilgili meta etiketlerini ekler. Kart türü seçilmezse sonuçta summary_large_image değeri görülür.

Sınırlamalar

Başlık boş bırakıldığında sonuç oluşmaz; oluşturulan HTML işaretlemesi bir sosyal platformdaki önizleme görünümünü tek başına doğrulamaz.

Sık yapılan hatalar

Başlık alanını boş bırakmak sonuç alınmamasına neden olur. Boş olmayan sayfa başlığını girip oluşturma işlemini yeniden çalıştırın.

Sık sorulan sorular

Twitter Card oluşturmak için başlık gerekli mi?

Başlık alanı boş bırakıldığında meta veri veya HTML işaretlemesi üretilmez. Boş olmayan bir başlık girildiğinde temel sonuçta kart türü ile başlık bilgilerini karşılayan etiketler yer alır; bu yüzden işlemden önce başlık alanını kontrol edin.

Açıklama ve görsel URL'si alanlarını doldurmak zorunlu mu?

Açıklama ve görsel URL'si alanlarını doldurmak zorunlu değildir. Bu alanlara boş olmayan değerler yazıldığında, ilgili bilgiler için ek meta etiketleri oluşturulur; boş bırakılan ayrıntı çıktıya eklenmez.

Varsayılan Twitter Card türü nedir?

Farklı bir kart türü belirtilmediğinde araç varsayılan olarak summary_large_image değerini kullanır.