twitter cards

WordPress için Twitter Cards

- : 41

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.

Bloga e-posta ile abone ol

Bu bloga abone olmak ve e-posta ile bildirimler almak için e-posta adresinizi girin.

PAYLAŞ

Bir cevap veya yorum yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


Bu site spamları azaltmak için Akismet kullanmaktadır. Yorum verilerinizin nasıl işlendiğini öğrenmek için; Akismet Privacy