Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Twitter Kartları Ekleme Hakkında Yeni Başlayanlar İçin Rehber

WordPress sitenizi Twitter Kartları ile geliştirmek, sosyal medya varlığınızı ve kullanıcı etkileşimini önemli ölçüde artırabilir. Twitter Kartları, bir kişi içeriğinizi paylaştığında X’te (eski adıyla Twitter) görünen görüntüler ve açıklamalar sağlar.

WPBeginner’da bu özelliği tweetlerimizin görünümünü kontrol etmek ve kullanıcı etkileşimini artırmak için kullanıyoruz. Twitter Kartlarını (veya X Kartlarını) kullanmak, içeriğimiz için kredi almamızı da sağlar.

Bu makalede, tweetlerinizin öne çıkabilmesi için WordPress’e Twitter Kartlarını nasıl ekleyeceğinizi göstereceğiz.

Beginners Guide on How to Add Twitter Cards in WordPress

WordPress’te Neden Twitter Kartları Kullanılmalı?

Twitter Kartları, tweetinize başlık, özet, resim ve video veya ses dosyası eklemenize olanak tanır. Bu şekilde daha fazla tıklanma ve retweet alma olasılığınız artar.

X üzerindeki WPBeginner sayfamıza giderek canlı bir örnek görebilirsiniz.

twitter card example

Twitter Kartlarına sahip olmanın en büyük avantajı, içerik ilişkilendirme yoluyla X hesaplarınızı takip eden kişi sayısını artırmasıdır. Çoğu zaman insanlar bağlantılarınızı size uygun şekilde atıfta bulunmadan tweetliyor.

Örneğin, @syedbalkhi’nin @wpbeginner’ın bir gönderisini atıfta bulunmadan retweetlediğini ve diğer kişilerin de @syedbalkhi’yi retweetlediğini varsayalım. O zaman bu retweetleri görüntüleyen kullanıcıların @syedbalkhi’yi takip etme olasılığı @wpbeginner’ı takip etme olasılığından daha yüksektir.

Genellikle içerik küratörleri bunu tweet uzunluklarını kısa tutmak ve kendi tweetlerinin retweet edilmesini sağlamak için yapar.

Twitter Kartları ile bu sorun çözülür, çünkü makalenizden bahseden her tweet’ten WordPress web sitenize kredi alırsınız.

Artık Twitter Kartlarının faydalarını bildiğinize göre, bunları WordPress’te nasıl uygulayacağınıza bir göz atalım. İki yöntemi ele alacağız ve Twitter Kartlarınızı nasıl test edip doğrulayacağınızı göstereceğiz:

Yöntem 1: Twitter Kartları Eklemek için AIOSEO Eklentisini Kullanma (Önerilen)

Web sitenize Twitter Kartları eklemenin en kolay yolu WordPress için All in One SEO (AIOSEO) eklentisini kullanmaktır. En iyi WordPress SEO ek lentisidir ve 3 milyondan fazla web sitesi tarafından kullanılmaktadır.

Öncelikle AIOSEO eklentisini yüklemeniz ve etkinleştirmeniz gerekecek. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki adım adım eğitimimizi izleyin.

WordPress web sitenizde Twitter Kartları kurma özelliği sunduğu için AIOSEO’nun ücretsiz sürümünü kullanabilirsiniz.

Eklenti etkin olduktan sonra WordPress yönetici alanınıza gidin ve All in One SEO ” Sosyal Ağlar bölümüne gidin. Ardından ‘X (Twitter)’ sekmesine tıklayın ve ‘X Kartını Etkinleştir’ seçeneğinin etkinleştirildiğinden emin olun.

AIOSEO Enable X Card Option

Twitter Kartlarını etkinleştirdikten sonra, farklı ayarları kullanarak görünümlerini değiştirebilirsiniz.

AIOSEO, içeriğiniz için Varsayılan Kart Türünü seçmenize olanak tanır. Eklenti, içeriğiniz için başlığı, özeti ve küçük resmi gösteren varsayılan kart türü olarak ‘Özet’i ayarlayacaktır.

Ancak, açılır menüden ‘Büyük Görselli Özet’ olarak değiştirebilirsiniz ve Twitter tweetinizi büyük bir görselle gösterecektir.

AIOSEO Default X Card Type

Bundan sonra, Varsayılan Gönderi Görsel Kaynağını seçmeniz gerekir. Bu, Twitter Kartlarınızda görüntülemek istediğiniz görseldir.

Açılır menüyü kullanarak seçim yapabileceğiniz farklı seçenekler vardır. Örneğin, X (Twitter) Kartında görünecek varsayılan bir görsel yükleyebilir veya seçebilir ya da öne çıkan görseli, ekli görseli, içerikteki ilk görseli ve daha fazlasını seçebilirsiniz.

select default post image source

Ardından, içeriğinizde görsel olmaması durumunda yedek olarak kullanılacak bir Varsayılan Yazı X Görseli ekleyin.

Örneğin, gönderi görsel kaynağınız öne çıkan bir görselse ancak gönderide öne çıkan bir görsel yoksa X bunun yerine varsayılan görseli kullanır.

upload default post twitter image

Bunun yanı sıra AIOSEO, gönderi yazarı ve bir makaleyi okumak için gereken süre gibi ek verileri göstermek için daha fazla seçenek sunuyor.

Varsayılan Terim Görüntü Kaynağını ayarlama seçeneği de vardır, ancak bu özelliği kullanmak için AIOSEO Pro veya daha yüksek bir lisansa ihtiyacınız olacaktır.

Şimdi, aşağı kaydırırsanız, Twitter için ana sayfa ayarlarını göreceksiniz. Eklenti, ana sayfanızın bir Twitter Kartında nasıl görüneceğinin bir önizlemesini gösterecektir.

home page settings

Bu bölüm altında, Kart Türünü değiştirebilir ve bir Ana Sayfa Görüntüsü ekleyebilirsiniz.

Bu, daha önce gösterdiğimiz adımlara benzer, ancak aradaki fark bu ayarların ana sayfanız için olmasıdır.

home page card type and image

Ardından, Twitter Kartında görünecek bir Ana Sayfa Başlığı ve Açıklaması girin.

Bu işlem tamamlandıktan sonra, ‘Değişiklikleri Kaydet’ düğmesine tıklayın.

home page title and description

Bunun yanı sıra AIOSEO, tek tek gönderiler ve sayfalar için X (Twitter) Kartı ayarlarını değiştirmenize de olanak tanır.

Bunu yapmak için, herhangi bir blog gönderisini veya sayfasını düzenleyin ve ardından içerik düzenleyicide AIOSEO Ayarlarına gidin. Şimdi ‘Sosyal’ sekmesine tıklayın ve ‘X (Twitter)’ı seçin.

AIOSEO X (Twitter) Settings for a Post

Eklenti, yazınızın X Kartının bir önizlemesini gösterecek ve size Facebook sekmesindeki verileri kullanma seçeneği sunacaktır. Ayrıca X başlığını ve açıklamasını düzenlemenize de olanak tanır.

Yeni bir başlık ve açıklama yazabilir veya akıllı etiketler kullanabilirsiniz. Örneğin, Twitter Başlık alanının üzerinde ‘+ Yazı Başlığı’ etiketini kullanırsanız, AIOSEO otomatik olarak Twitter Kartında gönderinizin başlığını kullanacaktır.

twitter card settings for posts and pages

Bundan sonra, aşağı kaydırın ve Twitter Kartınız için Görsel Kaynağını seçin. Öne çıkan görsel, ekli görsel, içerikteki ilk görsel vb. gibi gönderiniz için görüntülemek istediğiniz görseli seçmek için açılır menüyü kullanın.

Son olarak, açılır menüden Twitter Kart Türünü seçebilirsiniz. Varsayılan olarak AIOSEO bunu ‘Özet’ olarak ayarlayacaktır, ancak siz bunu ‘Büyük Görselli Özet’ olarak değiştirebilirsiniz.

image source and card type

Ardından, blog gönderinizi güncelleyin veya yayınlayın. Artık WordPress web sitenize Twitter Kartlarını başarıyla eklediniz.

Yöntem 2: WordPress’te Twitter Kartları Ekleme (Kod Yöntemi)

Bu yöntem, temanıza veya alt tema dosyalarınıza kod eklemeyi gerektirir. Bu özel kodu </head> etiketinden hemen önce eklemek için header.php dosyasını açmanız veya WPCode ücretsiz eklentisini kullanmanız yeterlidir:

<?php
#twitter cards hack
if(is_single() || is_page()) {
  $twitter_url    = get_permalink();
 $twitter_title  = get_the_title();
 $twitter_desc   = get_the_excerpt();
   $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full );
    $twitter_thumb  = $twitter_thumbs[0];
      if(!$twitter_thumb) {
      $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';
    }
  $twitter_name   = str_replace('@', '', get_the_author_meta('twitter'));
?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php echo $twitter_url; ?>" />
<meta name="twitter:title" value="<?php echo $twitter_title; ?>" />
<meta name="twitter:description" value="<?php echo $twitter_desc; ?>" />
<meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" />
<meta name="twitter:site" value="@libdemvoice" />
<?
  if($twitter_name) {
?>
<meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" />
<?
  }
}
?>

Büyük resimli bir özet kartı görüntülemek istiyorsanız 14. Satırdaki ‘twitter:card’ değerini ‘summary_large_image’ olarak değiştirebilirsiniz.

PHP ile nasıl çalışacağınızı bilmiyorsanız veya Yöntem 2 ile sorun yaşıyorsanız, lütfen Yöntem 1’i kullanın.

Twitter Kartlarınızı Test Edin ve Doğrulayın

WordPress sitenizdeki bağlantılar Twitter Kartlarını göstermeye başlamadan önce, ilk olarak Twitter kart doğrulayıcısında kontrol etmeniz gerekir.

Twitter geliştiricilerinin web sitesindeki Kart Doğrulayıcı sayfasına gitmeniz yeterlidir. WordPress sitenizden herhangi bir gönderinin URL’sini girin ve ‘Kartı önizle’ düğmesine tıklayın.

Twitter Card Validator

Kart doğrulayıcı artık tweet’in önizlemesini göstermiyor, ancak Twitter kartının başarıyla yüklenip yüklenmediğine dair bir günlük gösteriyor.

Güncelleme: Önceden, Twitter Kartlarına katılmak için başvuruda bulunmanız gerekiyordu. Ancak Twitter, doğrulayıcı ile test ettiğinizde veya Twitter’da bir URL paylaştığınızda alan adlarını otomatik olarak beyaz listeye alan bir sistem uygulamaya başladı.

WordPress ile Twitter Kullanımı Hakkında Uzman Kılavuzları

Artık WordPress’e Twitter kartlarını nasıl ekleyeceğinizi bildiğinize göre, Twitter’ı WordPress ile kullanmakla ilgili diğer bazı kılavuzları görmek isteyebilirsiniz.

Umarız bu makale WordPress’e Twitter kartları eklemenize yardımcı olmuştur. Ayrıca WordPress ile açılış sayfası oluşturma kılavuzumuzu ve web sitenizi büyütmek için olmazsa olmaz WordPress eklentileri uzman seçimimizi görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

87 yorumBir Cevap Bırakın

  1. Aramide

    You’ve been so awesome in passing great information on WordPress. Your tutorials are so great and are wonderful learning materials. Thanks for always being there for us.

    • WPBeginner Support

      Goad you’ve found our content helpful :)

      Yönetici

  2. Dee

    Hi! I have a free wordpress.com blog, and I’m not sure how to add twitter cards to that. I don’t know if I can edit the html of my theme without a plugin (if I can, I don’t know how to find the html code) (super new to WP) is there any way to add twitter cards for free

    • WPBeginner Support

      You would need to reach out to WordPress.com for what they currently have available.

      Yönetici

  3. MStokely

    Thank you! It took awhile for this to work I guess because cache needed to be cleared but this is the ONLY solution I found that worked.

    • WPBeginner Support

      Glad our guide was able to help :)

      Yönetici

  4. Pierre

    Question about this, when I am posting a link from my site on Twitter, the preview image is only showing the Wordpress W logo instead of what I set in Yoast. Is it just a matter of waiting it out or a, I doing something wrong?

    • WPBeginner Support

      You may want to ensure you’ve cleared any caching on your site for twitter to get the correct image and after that, you would need to wait for Twitter’s cache to clear.

      Yönetici

  5. neo

    thanks for the guide, adding Twiter Cards through Yoast was the easies way for me :)

    • WPBeginner Support

      Glad our article could help :)

      Yönetici

  6. MIke

    Hey there, very late to this article but am wondering how to amend the php code to produce the large image with summary card.

    I’ve given it a shot but not managed it yet. Ideas and advice appreciated.

    cheers

  7. Mark Larson

    I’m getting this error:

    “Notice: Use of undefined constant full – assumed ‘full’ in”

    Not sure how to get rid of it.

  8. Ted Bergman

    Thanks for this post. When I need to know how to do something on Wordpress I come here first. Your easy to understand instructions are priceless!

  9. Sarah Bridge

    I’ve done all the steps using Yoast and validated my url – but there is still no image coming up when I post my URL on Twitter? It said this:

    Sarah Bridge
    The card for your website will look a little something like this!

    and underneath on the right hand side it has the correct words but on the left hand side where an image should be there’s nothing but a grey box with what looks like a grey scroll in it. You can click on it to get to my website but I’d like a image there rather than a grey box. Any thoughts?

  10. Daniela

    Have successfully done this in the past. However, it was always when using summary card with large image (which is set as the default in my Yoast settings). Now trying to post summary card (regular, not large image), but Yoast is overriding it to summary card large image. How do I prevent this?

    As a note, I’m doing both methods: adding info to Yoast plug in and writing metadata tags in a plug in.

  11. Chinny

    This was very helpful! Thanks. Did it and the twitter cards automatically came up even for previous tweets.

  12. Haris

    ERROR: Required meta tag missing (twitter:text:description)

    Getting this error :(

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.