Bloglarınızda Twitter Cards Kullanın
Şu günlerde Twitter’da fazlaca rastgelebilirsiniz. Twitter Cards nedir diye soracak olursanız bir resimle açıklayayım.
Yukarıda da gördüğünüz gibi bloglarınızda paylaştığınız yazılarınızı Twitter’da da paylaştığınızda bu şekilde bir görünüm oluyor. Yani takipçileriniz yazınıza girmeden yazınınız içeriği hakkında bilgi sahibi olabiliyor bu sayede. Hoş da bir görüntüsü mevcut.
Peki WordPress’e bunu nasıl uygulayacağız, hemen anlatayım.
Öncelikle header.php dosyasını açıyoruz ve head bitiş etiketinin öncesine aşağıdaki kodları ekliyoruz.
<?php if (is_singular()): global $post; setup_postdata($post);
$image_url = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full'); ?>
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@isousluer">
<meta name="twitter:creator" content="@isousluer">
<meta name="twitter:url" content="<?php the_permalink() ?>">
<meta name="twitter:title" content="<?php the_title() ?>">
<meta name="twitter:description" content="<?php the_excerpt_rss(); ?>">
<meta name="twitter:image" content="<?php echo $image_url[0]; ?>">
<meta name="twitter:image:width" content="800">
<meta name="twitter:image:height" content="363">
<?php endif; ?>
Bu sayede kodlarımız sadece yazı sayfalarında çalışacak. Bu kodlar arasında birkaç yeri değiştirmelisiniz. twitter:site kısmına site sahibinin Twitter kullanıcı adını, twitter:creator kısmına da yazıyı yazan kişinin Twitter kullanıcı adını yazmalısınız. Yazıyı yazan da site sahibi de ben olduğum için ikisine de aynı şeyi yazdım. Başka da değiştirmeniz gereken bir yer yok.
Şimdi de bu işlemleri bitirdikten sonra başvuru yapmaya geldi sıra. Buradaki bağlantıya gidip üye girişi yapın ve söylediğim şekilde alanları doldurun.
- Website domain kısmına blogunuzun adresini giriniz.
- Website description kısmına blogunuzun açıklamasını giriniz.
- Twitter Username associated with that domain kısmına Twitter kullanıcı adınızı giriniz.
- Example Summary Card URL kısmına herhangibir yazınızın linkini giriniz.
Bunları yaptıktan sonra Submit diyerek formu gönderebilirsiniz. Artık Twitter’dan Twitter Cards başvurunuzun onaylandığına dair mail gelmesini bekleyeceksiniz.
Teşekkürler abi güzel bir anlatım olmuş, en kısa zamanda deneyeceğim ;)
Bunun WP için eklentisi vardı kodları eklemek yerine ben onu kullandım iki hafta oldu halen bir mail gelmedi?
Demek ki kabul edilmemiş henüz.
Çok havalı duracağından eminim, ben de kullanmaya başlayayım en iyisi :D
w3c uyumlu mu acaba kodlar? Facebookun og:title olayları falan hata veriyordu çünkü.
Bir fikrim yok uyumlu olup olmadığı hakkında.
abi bunun aynısını video olarak yapaya calıstım, twitter video card da.. ancak player yerine ne koysam olmuyo. Jwplayer kullanıyorum içerikler youtubedan, bi el atar mısın ya..
Tarık inan vaktim yok. Ama boş bir zamanımda ilgileneyim.
Eyvallah abi tamamdır
acaba aynı sitede birden fazla yazar için ayrı ayrı twitter card oluşturabilir miyiz?
Yapılabilir fakat burada anlattığım işlemler dışında birkaç işlem daha yapmak gerekir.
Tum ayarları yaptım ama şu siteye girerek bilgileri doldurup gönderin demişsiniz. Siteye girdiğim de sadece nasıl yapıldığına dair bilgiler var. Kendi bilgilerimi nereden ekleyip göndereceğim?
Bu kod güncel mi? Şuan eklesek sorun çıkmaz değil mi?
Neyse kodu kullanmama gerek kalmadı. Yoast SEO eklentisini kullanıyorum. Onun ayarlarından kolaylıkla hallettim.
Eğer Yoast Seo kullanıyorsanız Sosyal ayalarından Twitter kısmına tıklayın ve Varsayılan kart tipini Büyük görselli yapın.