En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'e Twitter Kartları Nasıl Eklenir: Yeni Başlayanlar İçin Kılavuz

İçeriği benzer olsa bile neden bazı tweetlerin diğerlerinden çok daha fazla tıklama aldığını hiç merak ettiniz mi? Sır genellikle içeriğin paylaşıldığında nasıl göründüğünde yatar. Düz metin tweetleri geçer, ancak göz alıcı önizlemelere sahip tweetler dikkat çeker ve tıklamaları artırır.

WPBeginner'da, tweetlerimizin nasıl göründüğünü kontrol etmek ve etkileşimi artırmak için Twitter Kartlarını kullanıyoruz. Sosyal medya trafiğimizde ve etkileşim oranlarımızda belirgin bir artış görüyoruz.

En iyi yanı? WordPress sitenize Twitter Kartları eklemek herhangi bir kodlama becerisi veya teknik uzmanlık gerektirmez. Bu kurulumu yapmanız için, basit eklenti çözümlerinden manuel uygulamaya kadar birden fazla yöntem göstereceğiz, böylece beceri seviyenize en uygun olanı seçebilirsiniz.

WordPress'e Twitter Kartları Nasıl Eklenir: Yeni Başlayanlar İçin Kılavuz

WordPress'te Neden Twitter Kartları Kullanılır?

Twitter Kartları, tweet'inize bir başlık, özet, resim ve video veya ses dosyası eklemenize olanak tanır. Bu şekilde daha fazla tıklama ve retweet alma olasılığınız daha yüksektir.

Canlı bir örneği, X'teki WPBeginner sayfamızı ziyaret ederek görebilirsiniz.

twitter kartı örneği

Twitter Kartlarına sahip olmanın en büyük avantajı, içerik atfı yoluyla X hesaplarınızı takip eden insan sayısını artırmasıdır. Genellikle insanlar bağlantılarınızı size uygun şekilde atıfta bulunmadan tweetler.

Örneğin, @syedbalkhi bir gönderiyi @wpbeginner'dan atıfta bulunmadan retweet ettiğini ve diğer insanların @syedbalkhi'yi retweet ettiğini varsayalım. O zaman bu retweetleri görüntüleyen kullanıcılar, @wpbeginner'dan çok @syedbalkhi'yi takip etme olasılığı daha yüksek olacaktır.

İçerik küratörleri genellikle tweet uzunluklarını kısa tutmak ve kendi tweetlerinin yeniden tweetlenmesini sağlamak için bunu yaparlar.

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

Twitter Kartlarının faydalarını artık 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:

  1. Twitter Kartları Eklemek İçin AIOSEO Eklentisini Kullanma (Önerilen)
  2. WordPress'e Twitter Kartları Ekleme (Kod Yöntemi)
  3. Twitter Kartlarınızı Test Edin ve Doğrulayın
  4. Sıkça Sorulan Sorular
  5. WordPress ile Twitter Kullanımı Hakkında Uzman Kılavuzları

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

Sitenize Twitter Kartları eklemenin en kolay yolu, WordPress için All in One SEO (AIOSEO) eklentisini kullanmaktır. Bu, en iyi WordPress SEO eklentisidir ve 3 milyondan fazla web sitesi tarafından kullanılmaktadır.

İlk olarak, AIOSEO eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair 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 etkinleştirildikten sonra, WordPress yönetici alanınıza gidin ve Tümünde Bir 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 etkin olduğundan emin olun.

AIOSEO X Kartı Seçeneğini Etkinleştir

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

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

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

AIOSEO Varsayılan X Kart Türü

Ardından, Varsayılan Gönderi Görüntüsü Kaynağını seçmeniz gerekir. Bu, Twitter Kartlarınızda görüntülemek istediğiniz resimdir.

Açılır menüyü kullanarak seçebileceğiniz farklı seçenekler vardır. Örneğin, X (Twitter) Kartında görünecek varsayılan bir resmi 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.

varsayılan gönderi resim kaynağını seçin

Ardından, içeriğinizde bir resim olmadığında yedek olarak kullanılacak Varsayılan Gönderi X Resmi ekleyin.

Örneğin, gönderi görselinizin kaynağı öne çıkan bir görsel olsa da, gönderide öne çıkan bir görsel eksikse, X varsayılan görseli kullanacaktır.

varsayılan gönderi twitter görselini yükle

AIOSEO, gönderi yazarı ve bir makaleyi okumanın ne kadar süreceği gibi ek verileri göstermek için daha fazla seçenek sunar.

Varsayılan Terim Görüntüsü 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 önizlemesini gösterecektir.

ana sayfa ayarları

Bu bölüm altında Kart Türünü değiştirebilir ve Ana Sayfa Resmi ekleyebilirsiniz.

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

ana sayfa kart türü ve görseli

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

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

ana sayfa başlığı ve açıklaması

Bunun dışında, AIOSEO ayrıca bireysel gönderiler ve sayfalar için X (Twitter) Kartı ayarlarını değiştirmenize olanak tanır.

Bunu yapmak için herhangi bir blog gönderisini veya sayfasını düzenleyin ve ardından içerik düzenleyicisindeki AIOSEO Ayarları'na aşağı kaydırın. Şimdi 'Sosyal' sekmesine tıklayın ve 'X (Twitter)' seçeneğini belirleyin.

Bir Gönderi İçin AIOSEO X (Twitter) Ayarları

Eklenti, gönderinizin X Kartının bir önizlemesini gösterecek ve Facebook sekmesinden veri 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ı etiketleri kullanabilirsiniz. Örneğin, Twitter Başlığı alanının üzerine ‘+ Gönderi Başlığı’ etiketini kullanırsanız, AIOSEO otomatik olarak gönderinizin başlığını Twitter Kartında kullanacaktır.

gönderiler ve sayfalar için twitter kartı ayarları

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

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

resim kaynağı ve kart türü

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

Yöntem 2: WordPress'e Twitter Kartları Ekleme (Kod Yöntemi)

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

<?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; ?>" />
<?
  }
}
?>

Bir özet kartını büyük bir resimle 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 sitenizden gelen bağlantıların Twitter Kartları göstermeye başlamadan önce, öncelikle Twitter kart doğrulayıcısında kontrol etmeniz gerekir.

Yalnızca Twitter geliştirici web sitesindeki Kart Doğrulayıcı sayfasına gidin. WordPress sitenizdeki herhangi bir gönderinin URL'sini girin ve 'Kartı önizle' düğmesine tıklayın.

Twitter Kartı Doğrulayıcı

Kart doğrulayıcı artık tweetin ö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: Daha önce Twitter Kartları için başvurmanı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 uyguladı.

Sıkça Sorulan Sorular

WordPress sitenize Twitter Kartları eklemenin temellerini ele aldık, ancak hala bazı sorularınız olabilir. Aşağıda, Twitter Kartları ve uygulamaları hakkında en sık aldığımız sorular yer almaktadır.

1. WordPress siteme ekledikten sonra Twitter Kartları otomatik olarak çalışır mı?

Twitter Kartları, meta etiketlerini sitenize doğru bir şekilde uyguladıktan sonra otomatik olarak çalışmalıdır. Ancak, Twitter'ın kartlarınızı tanıması ve göstermeye başlaması biraz zaman alabilir. URL'lerinizi test etmek ve Twitter'dan sitenizi taramasını istemek için Twitter'ın Kart Doğrulayıcı aracını kullanarak süreci hızlandırabilirsiniz.

2. Özet ve Büyük Resimli Özet Twitter Kartları arasındaki fark nedir?

Ana fark görüntü boyutu ve düzenindedir. Özet kartları, tweet'in sol tarafında küçük bir küçük resim görüntülerken, Büyük Görüntülü Özet kartları metnin üzerinde büyük, belirgin bir görüntü gösterir. Büyük görüntü kartları daha fazla etkileşim alma eğilimindedir ancak zaman çizelgesinde daha fazla yer kaplar.

3. Sitemin farklı sayfaları için farklı Twitter Kartı türleri kullanabilir miyim?

Evet, farklı sayfalar için kesinlikle farklı Twitter Kartı türleri kullanabilirsiniz. All in One SEO (AIOSEO) gibi çoğu SEO eklentisi, bireysel gönderiler ve sayfalar için belirli Twitter Kartı ayarları belirlemenize olanak tanır. Bu, her içerik parçası için en iyi kart türünü seçme esnekliği sağlar.

4. İçeriğimi paylaştığımda Twitter Kartlarım neden görünmüyor?

Twitter Kartlarının görünmemesinin birkaç nedeni olabilir: meta etiketleri düzgün uygulanmamış, Twitter sitenizi henüz taramamış, kart işaretlemenizde hatalar var veya resimleriniz Twitter'ın gereksinimlerini karşılamıyor. Sorun gidermek ve herhangi bir sorunu belirlemek için Twitter'ın Kart Doğrulayıcısını kullanın.

5. Kullanmadan önce Twitter Kartlarımı Twitter ile onaylamam gerekiyor mu?

Hayır, Twitter artık Twitter Kartları için onay gerektirmiyor. Kartlarınız doğru bir şekilde uygulandığı ve Twitter'ın yönergelerine uyduğu sürece, içeriğiniz paylaşıldığında otomatik olarak görüntülenmelidir.

6. Twitter Kartları için en iyi resim boyutları nelerdir?

Özet kartları için en az 144×144 piksel boyutunda (kare format iyi çalışır) görseller kullanın. Büyük Görselli Özet kartları için, 1.91:1 en boy oranına sahip en az 300×157 piksel boyutunda görseller kullanın. Görseller için maksimum dosya boyutu 5MB'dir ve Twitter JPG, PNG, WebP ve GIF formatlarını destekler.

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

Bu makalenin WordPress'e Twitter kartları eklemenize yardımcı olduğunu umuyoruz. Ayrıca X (Twitter) ile WordPress'i kullanmayla ilgili diğer bazı kılavuzları da görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

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

Nihai WordPress Araç Seti

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

Okuyucu Etkileşimleri

87 CommentsLeave a Reply

  1. WordPress hakkında harika bilgiler aktarma konusunda harika oldunuz. Eğitimleriniz çok harika ve harika öğrenme materyalleri. Her zaman bizim için orada olduğunuz için teşekkürler.

  2. Merhaba! Ücretsiz bir wordpress.com blogum var ve oraya twitter kartları eklemeyi bilmiyorum. Bir eklenti olmadan temanın HTML'ini düzenleyip düzenleyemeyeceğimi bilmiyorum (düzenleyebilirsem, HTML kodunu nasıl bulacağımı bilmiyorum) (WP'ye çok yeniyim) twitter kartlarını ücretsiz eklemenin bir yolu var mı?

    • Şu anda sahip oldukları hakkında WordPress.com ile iletişime geçmeniz gerekir.

      Yönetici

  3. Teşekkürler! Bunun çalışması biraz zaman aldı sanırım çünkü önbelleğin temizlenmesi gerekiyordu ama bulduğum TEK çözüm bu işe yaradı.

  4. Bununla ilgili bir soru, sitemden bir bağlantıyı Twitter'da paylaştığımda, önizleme resmi Yoast'ta ayarladığım yerine yalnızca Wordpress W logosunu gösteriyor. Sadece beklemek mi gerekiyor yoksa bir şey mi yanlış yapıyorum?

    • Twitter'ın doğru resmi alması için sitenizdeki önbelleği temizlediğinizden emin olmak isteyebilirsiniz ve sonrasında Twitter'ın önbelleğinin temizlenmesini beklemeniz gerekecektir.

      Yönetici

  5. Merhaba, bu makaleye çok geç kaldım ama büyük resmi özet kartıyla üretmek için php kodunu nasıl düzelteceğimi merak ediyorum.

    Denemeler yaptım ama henüz başaramadım. Fikirler ve tavsiyeler takdir edilecektir.

    şerefe

  6. Şu hatayı alıyorum:

    “Uyarı: Tanımsız sabit tam kullanılıyor – tam olduğu varsayıldı”

    Nasıl kurtulacağından emin değilim.

  7. Bu gönderi için teşekkürler. Wordpress'te bir şeyi nasıl yapacağımı bilmem gerektiğinde ilk buraya gelirim. Anlaması kolay talimatlarınız paha biçilmez!

  8. Yoast'ı kullanarak tüm adımları tamamladım ve URL'mi doğruladım – ancak URL'mi Twitter'da paylaştığımda hala bir resim görünmüyor? Şunu söyledi:

    Sarah Bridge
    Web siteniz için kartınız şuna benzer bir şey olacak!

    ve sağ tarafta altta doğru kelimeler var ama sol tarafta bir resmin olması gereken yerde gri bir kutudan başka bir şey yok ve içinde gri bir kaydırma çubuğu gibi görünüyor. Web siteme gitmek için tıklayabilirsiniz ama gri bir kutu yerine orada bir resim olmasını isterim. Herhangi bir fikriniz var mı?

  9. Geçmişte bunu başarıyla yaptım. Ancak, bu her zaman büyük resimli özet kartı kullanırken (varsayılan olarak Yoast ayarlarımda büyük resim olarak ayarlanmış) oluyordu. Şimdi özet kartı (normal, büyük resim değil) göndermeye çalışıyorum, ancak Yoast bunu büyük resimli özet kartına zorluyor. Bunu nasıl önleyebilirim?

    Not olarak, her iki yöntemi de yapıyorum: Yoast eklentisine bilgi ekleme ve bir eklentiye meta veri etiketleri yazma.

  10. Bu çok yardımcı oldu! Teşekkürler. Yaptım ve twitter kartları önceki tweet'ler için bile otomatik olarak çıktı.

Yanıt Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.