4 Nisan 2013 Perşembe

Twitter Cards Blogger'a Nasıl Eklenir?


Bilmem haberiniz var mı? Bir süredir Twitter ihtiyaç üzerine eksik kalan özelliklerini tamamlıyor. Bunlardan biri de şöyle: Blogunuzdaki bir yazının linki verildiğinde, ilgili sayfanın özet içeriği yolladığınız iletinin altında görünüyor. Buna Twitter Cards özelliği deniliyor.

İlk çıktığında görmüş ama nasılsa yakında tüm linkleri otomatik olarak verir diye düşündüğümden blogum için bir girişimde bulunmamıştım. Ancak bir türlü otomatik olarak gösterme işini beceremediler. Belki de istemediler kimbilir?

Bir de ben Blogger altyapısını kullandığım için ona uygun kodu bulmam, Blogger'da gerekli değişiklikleri yapmam gerekiyordu.

Bir ara Ömer Şehap ile sohbet ederken bana linkini yolladı.
http://www.codeitpretty.com/2012/09/twitter-cards-for-blogger.html

Ben de oradan yararlanarak yaptım. Çok kolay bir iş değil. Eğer bu işlere biraz yatkın değilseniz zorlanabilirsiniz uyarayım!

Öncelikle Blogger'ınızı hazırlamak gerekiyor bu iş için.
Blogger ayarlar kısmına girin.
Arama Tercihleri Kısmında
Meta Etiketler altında
Açıklamalar var. Onunla ilgili "Düzenle" yazısına tıklayın.
Aşağıdakine benzer bir ekran göreceksiniz.
Oradaki radyo butonunu evet olarak işaretleyin.

Artık yeni bir yazı hazırlarken sağ yan tarafta "Yayın Ayarları" altında "Arama Açıklaması" çıkıyor olmalı onun içerisine yazdığınız yazı ile ilgili Twitter, Google+, Facebook gibi yerlerde çıkmasını istediğiniz kısa içeriği gireceksiniz. Neyse ki sadece Twitter için ek ayarlar yapmanız gerekiyor. Diğer sosyal medya sitelerinde otomatik çıkıyor bu içerik. Fazla uzun yazmayın, uzattığınız kısımlar çıkmayabilir! Buraya normal açıklama gireceksiniz insanlar okusun diye, yoksa arama makinelerine yönelik anahtar kelimeler değil!


Şimdi sıra Şablonunuza gereken eklemeyi yapmaya geldi.

Öncelikle Şablonunuzun yedeğini alın herhangi bir hata yaptığınızda tüm blogunuzun görünümü ve fonksiyonları gidebilir!
Bu işlemden sonra: HTML'yi Düzenle yazan kısıma tıklayın. Açılan pencerede Widget Şablonları Genişlet yazısının yanındaki kutucuğu işaretleyin.
Aşağıdaki kodun içerisindeki "@YOUR-TWITTER-NAME" kısmını kendi twitter kullanıcı adınızla değiştirerek
<head> kodunun altına ancak </head> bitiş kodundan önce istediğiniz bir yere kopyalayın.

<!-- twitter card details -->
<meta content='summary' name='twitter:card'/>
<meta content='@YOUR-TWITTER-NAME' name='twitter:site'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<!-- end twitter card details -->

"Şablonu kaydet" düğmesine basın.

Şimdi sıra yaptığınız işi Twitter'da test etmeye ve kaydolmaya geldi.
adresine girin. 
Validate URL's tabına tıklayın

Bir yazınızın url'ini kopyalayıp ilgili kutucuğa yapıştırın. Eğer sorunsuz olarak yanda özet çıkıyorsa işi becerdiniz demektir (daha önce onay almış bir site olduğundan bundan ilerisini göremediğim için resim paylaşamıyorum kusura bakmayın)

Hemen aynı sayfadan Twitter'a başvurup bir süre (5 - 6 güne kadar uzayabiliyor) onay almayı bekleyin.
Mail hesabınıza onay geldikten sonra Twitter Cards'ı kullanabilirsiniz.

Blog yazınızın ilk görselini kare formunda yaparsanız yanlardan kesilip sosyal medya sitelerinde çirkin gözükmez.

2 yorum:

  1. Burçak Bey, yazınızın rehberliğinde twitter-card eklentisini başarı ile bloguma ekledim. Onay süreci başladı. Ayrıntılı bilgi için teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. Murat bey, çok sevindim yazdıklarımın işinize yaramasına. Onay süreci uzarsa tekrar yollayın sitenizi. Bende 1 haftayı geçmişti. Tekrar gönderdim akabinde hemen onay geldi.

      Sil

Simurg

Simurg, Zümrüd-ü Anka ya da Phoenix olarak isimlendirilen efsanevi kuşlar bana göre aynı adrese çıkan küçük farkları olan bir tür kültürel i...