WordPress için Twitter Cards
[ Okuma süresi tahmini 3 dakikadır ]
Blogunuz için Twitter Cards eklemek isteyebilirsiniz. Blog yazılarınızı Twitter üzerinden paylaşırken yazının başlığı, görseli ile paylaşmak için.
Twitter Cards Nedir?
Twitter Kartları ile, zengin fotoğraflar, videolar ve medya deneyimlerini Tweetler’e ekleyerek web sitenize trafik çekmek için yardımcı olabilirsiniz. Web sayfanıza birkaç parça biçimlendirme eklemeniz yeterlidir; içeriğinize bağlantı oluşturan kullanıcılar, takipçileri tarafından görülebilen bir “Kart” ekleyecektir.
WordPress için
WordPress siteniz için Twitter Cards yapmak istiyorsanız;
Aşağıdaki kodu Header dosyanıza </head> den önce ekleyin.
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@twitterismi" />
<meta name="twitter:creator" content="@twitterismi" />
<?php if (is_home()) { ?>
<meta name="twitter:url" content="http://www.siteniz.com/" />
<meta name="twitter:domain" content="siteniz.com">
<meta name="twitter:title" content="sitenizin başlığı" />
<meta name="twitter:description" content="sitenizin açıklaması, tarifi" />
<meta name="twitter:image:src" content="http://www.herhnagibirresim.png" />
<?php } ?>
<?php if (is_single()) { ?>
<meta name="twitter:url" content="<?php echo get_permalink(); ?>" />
<meta name="twitter:domain" content="<?php echo get_permalink(); ?>">
<meta name="twitter:title" content="<?php echo get_the_title(); ?>" />
<meta name="twitter:description" content="<?php echo substr(strip_tags($post->post_content), 0, 170).' [...]';?>" />
<meta name="twitter:image:src" content="<?php echo catch_that_image() ?>" />
<?php } ?>
<?php if ( is_page() ) { ?>
<meta name="twitter:title" content="<?php wp_title(''); ?>" />
<meta name="twitter:url" content="<?php echo get_permalink(); ?>" />
<meta name="twitter:description" content="<?php wp_title(''); ?>" />
<meta name="twitter:image:src" content="http://www.siteikonuresmiolabilir.png" />
<?php } ?>
<!-- Twitter Card -->Yapılacaklar
- Kod içindeki kırmızı renkli yerleri sitenize ve twitter hesabına göre değiştirin.
- Yeşil olan kısım, yazınızdaki ilk görseli çekmeyi sağlayan bir fonksiyon içindir. Ayrıca, fonksiyonlar dosyanıza ek fonksiyon gerektirebilir.
- dev.twitter.com ‘dan Twitter hesabınız ile giriş yapın.
- cards/validation/validator sayfasına geçin.
- Bir popup ile card seçimi çıkacak.
- İstediğinizi, size uygun olanı, seçin.
- Card Validator sayfasında, Validate&Apply sekmesine geçin.
- İstenilen yere URL olarak; siteisminiz.com /bir yazınızın kalıcı bağlantısı‘nı yazın.
- Kodlarınız Valid ise, Twitter’a akyıtlı epostanızdan size onaylandığını bildirecekler. ( Bu biraz süre biliyor. Benim 5 hafta sürmüştü.)
Şimdilik bu kadar.