Twitter Cards Çeşitleri ve Kurulumu

1

Sitemizin sosyal medyaya bakan yüzünde yapacağımız pratik çalışmalar, sosyal medya performansımızı önemli ölçüde etkiliyor. Sosyal medya optimizasyonu nedir yazımda Facebook özelinde yapabileceğimiz çalışmalara giriş yapmıştım. Bu yazıda ise Twitter özelinde gerçekleştirebileceğimiz bir çalışmayı Twitter Card uygulamasını ve internet sitemiz için bunu nasıl uygulayayabileceğimizden bahsedeceğim.

Twitter’da bazı linkler paylaşıldığında sadece linki görürken bazı linkler paylaşıldığında link ile birlikte daha detaylı bilgi ve açıklama görürüz. Bu aradaki farkı yaratan uygulama Twitter Cards. Eğer sayfanızda Twitter Cards aktif ise linkleriniz paylaşıldığında daha detaylı ve büyük bir görünüm elde edebilirsiniz. Tweeti atan kullanıcı herhangi bir link kısaltma servisi kullansa dahi sayfanızın içeriği hakkında kullanıcılarınıza bilgi verebilirsiniz. Twitter üzerinden hem daha fazla görünürlüğe ulaşır hem de daha fazla sonuç elde edersiniz.

Twitter, içeriğinize uygun olarak kullanabileceğiniz birden fazla kart türünü size sunmaktadır. Sitenizde bu kart türlerinden sadece birini kullanabileceğiniz gibi özel sayfalar için farklı kart türlerini de kullanabilirsiniz. Örneğin bir medya sitesi olduğunuzu düşünürsek içerik siteleriniz için farklı bir kart, galeri sayfalarınız için farklı bir kart, kategori sayfalarınız için farklı bir kart kullanabilirsiniz.

Twitter Card’ı Kullanmaya Nasıl Başlayabilirim?

Twitter card’ı internet sitenizde kullanabilmek için öncelikle kullanacağınız kart türünü seçmelisiniz. Kart türünü belirledikten sonra belirlediğiniz kart türü için gerekli kodları sayfanızın </head> taginden önce yerleştirmelisiniz. Şimdi kısaca kart türlerine ve kart türüne göre sayfanıza yerleştirmeniz gereken kodlara bakalım.

  1. Summary Card:

Twitter Summary Card
Daha çok içerik sitelerinin tercih ettiği Summary Card’ı eğer genel olarak küçük görseller kullanıyorsanız her tür uygulama içerisinde kullanabilirsiniz. Bu kart türünü kullanabilmek için sayfanızda kullanmanız gereken kodlar;

“<meta property=”twitter:card” content=”summary” />

<meta property=”twitter:site” content=”@Kullanıcı-Adınız” />

<meta property=”twitter:title” content=”İçeriğinizin Başlığı” />

<meta property=”twitter:description” content=”İçeriğinizin Açıklaması” />

<meta property=”twitter:image” content=”Görünmesini İstediğiniz Görselin URL’si” />

<meta property=”twitter:url” content=”İçeriğinizin URL’si” />”

  1. Summary Card With Large Image:

Twitter Summary Card With Large Image
Eğer içerikleriniz için genelde büyük boyutlu görsel kullanıyorsanız, bu kart türünü kullanabilirsiniz. Bu kart türünü kullanabilmek için sayfanızda kullanmanız gereken kodlar;

“<meta name=”twitter:card” content=”summary_large_image”>

<meta name=”twitter:site” content=”@Kullanıcı-Adınız“>

<meta name=”twitter:creator” content=”@Kullanıcı-Adınız“>

<meta name=”twitter:title” content=”İçeriğinizin Başlığı“>

<meta name=”twitter:description” content=”İçeriğinizin Açıklaması“>

<meta name=”twitter:image:src” content=”Görünmesini İstediğiniz Görselin URL’si“>”

  1. Photo Card:

Twitter Photo Card
Görsel ağırlık içerikleriniz varsa, hiç açıklama metinine ihtiyaç duymadan linklerinizi Photo Card ile sunabilirsiniz. Photo Card’ı sitenizde aktif edebilmek için kullanmanız gereken kodlar;

“<meta property=”twitter:card” content=”photo” />

<meta property=”twitter:site” content=”@Kullanıcı-Adınız” />

<meta property=”twitter:title” content=”İçeriğinizin Başlığı” />

<meta property=”twitter:description” content=”İçeriğinizin Açıklaması” />

<meta property=”twitter:image” content=”Görünmesini İstediğiniz Görselin URL’si” />

<meta property=”twitter:url” content=”İçeriğinizin URL’si” />”

  1. Gallery Card:

Twitter Gallery Card
İçerikleriniz görsel açıdan zenginse galeri formatında 4 görsel ile birlikte içeriklerinizi sunabilirsiniz. Galery kartını kullanabilmek için sitenizde kullanmanız gereken kodlar;

“<meta name=”twitter:card” content=”gallery” />

<meta name=”twitter:site” content=”@Kullanıcı-Adınız” />

<meta name=”twitter:creator” content=”@Kullanıcı-Adınız” />

<meta name=”twitter:title” content=”İçeriğinizin Başlığı“>

<meta name=”twitter:description” content=”İçeriğinizin Açıklaması“>

<meta name=”twitter:url” content=”İçeriğinizin URL’si” />

<meta name=”twitter:image0″ content=”1. Görünmesini İstediğiniz Görselin URL’si“>

<meta name=”twitter:image1″ content=”2. Görünmesini İstediğiniz Görselin URL’si“>

<meta name=”twitter:image2″ content=”3. Görünmesini İstediğiniz Görselin URL’si“>

<meta name=”twitter:image3″ content=”4. Görünmesini İstediğiniz Görselin URL’si“>”

  1. Product Card:

Twitter Product Card
E-ticaret sitelerinin ürün sayfalarında kullanması gereken kart türü. Bu kartı kullanarak ürün görseli ile birlikte, fiyat bilgisinden, kargo bilgisine kadar ürüne dair dilediğiniz her bilgiyi sunabilirsiniz. Bu twitter kartı kullanabilmek için sayfanıza eklemeniz gereken kodlar;

“<meta name=”twitter:card” content=”product”>

<meta name=”twitter:site” content=”@Kullanıcı-Adınız“>

<meta name=”twitter:creator” content=”@Kullanıcı-Adınız“>

<meta name=”twitter:domain” content=”Siteniz Alan Adı (example.com)“>

<meta name=”twitter:title” content=”Ürününüzün İsmi (Kart Başlığı)“>

<meta name=”twitter:image” content=”Ürün Görseli Olarak Kullanmak İstediğiniz Görselin URL’si“>

<meta name=”twitter:label1″ content=”Ürün Hakkında Bilgi Vermek İstediğiniz Birinci Parametre (Örnekte “Genre” yazan alan)“>

<meta name=”twitter:data1″ content=”Birinci Parametrenin Değeri (Örnekte “Classic Rock” yazan alan)“>

<meta name=”twitter:label2″ content=”Ürün Hakkında Bilgi Vermek İstediğiniz İkinci Parametre (Örnekte “Location” yazan alan)“>

<meta name=”twitter:data2″ content=”İkinci Parametrenin Değeri (Örnekte “National” yazan alan)“>”

 

Seçtiğiniz kart türüne uygun kodları sitenizde hazırladıktan sonra yapmanız gereken şey Twitter Card için onaylama sürecini başlatmak. Twitter Card Validator aracında linkinizi preview yapıp, kodları doğru bir şekilde eklediğinizden emin olduktan sonra onay sürecini başlatmak. Ortalama bir kartın onaylanma süreci 3-5 iş günü sürebilmektedir. Onaylanma sonrası e-mail adresinize onay maili gelmektedir. Eğer kartlarınız onaylandıktan sonra sitenizde farklı Twitter Card türü kullanmaya karar verirseniz, gerekli kod değişikliğini yaptıktan sonra tekrar Card Validator aracını ziyaret edip, yeni kartınızı aktif etmelisiniz.

Twitter Card Analytics

Twitter Card’ı siteniz için kullanmaya başladığınızda elde ettiğiniz tek şey büyük ve detaylı görünüm olmayacak. Aynı zamanda linklerinizin paylaşımı ile ilgili Twitter Card Analytics’e de ulaşabileceksiniz. http://analytics.twitter.com adresinden Twitter Cards’ı seçtiğinizde Twitter Card verilerine ulaşabilirsiniz.
Twitter Card Analytics
Twitter Card Analytics ile site linklerinizin bulunduğu tweetlerin sayısı ve bu tweetler ile kazandığınız toplam görünürlük ve tıklanmaları öğrenebilirsiniz. Kullandığınız değişik kart türlerine ait tıklanma oranları ve sitenizin en etkin Twitter takipçilerini görebilirsiniz.


Konuyu kısaca özetlememiz gerekirse, linklerinizin Twitter’da paylaşımlarında daha detaylı bilgi sunabilmek için Twitter Cards’ı kullanmamız gerekiyor. Farklı türleri olan Twitter Cards’tan içeriğimize en uygun olanı seçtikten sonra, gerekli kodları sayfalarımızın </head> taginden önce yerleştirmemiz gerekiyor. Twitter Card’ı kullanabilmek için önce gerekli kodları yerleştirmemiz sonrasında validator aracı ile onay sürecine başvuruyoruz. 3-5 iş günü gibi bir süre içerisinde sitemizin Twitter Cards’ı aktif etmiş oluyoruz. Twitter Cards’ı aktif ettikten sonra sitemiz linkleri ile atılan tweetler hakkında analitikse ulaşabiliyoruz. Kart türlerinin tıklanma oranları, en etkin takipçimiz, en popüler içeriklerimizi böylece öğrenebiliyoruz.

 

1 Yorum

  1. Yücel Solak on

    paylaşımınız için teşekkürler. çok açıklayıcı olmuş.
    ancak ben aşağıdaki hatayı alıyorum. nedeni ne olabilir acaba?
    The card for your website will look a little something like this!
    Unable to render Card preview

Yorum Yapın