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

Bazı tweetlerin büyük görsellerle dikkat çektiğini, bazılarının ise sıkıcı düz metin gibi göründüğünü hiç fark ettiniz mi? Bir gönderi üzerinde çok çalışıp, görsel çekicilik eksikliği nedeniyle akışta kaybolması sinir bozucu.

WPBeginner'da, içeriğimizin X (Twitter)'da nasıl görüneceğini kontrol etmek için Twitter Kartlarını kullanıyoruz. Bu basit araç, ekstra bir çaba harcamadan dikkat çekmemize ve daha fazla tıklama almamıza yardımcı oluyor.

İyi haber şu ki, bunu ayarlamak için teknoloji sihirbazı olmanıza gerek yok. Bu kılavuzda, WordPress'e nasıl kolayca Twitter Kartları ekleyeceğinizi göstereceğiz, böylece bağlantılarınız her zaman harika görünecek.

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:

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, WordPress tema dosyalarınıza kod eklemenizi gerektirir. Dosyaları doğrudan düzenlemenizi önermiyoruz çünkü en küçük bir hata bile sitenizi bozabilir.

Bunun yerine, kod eklemenin en güvenli yolu WPCode ücretsiz eklentisini kullanmaktır. Kurulum talimatları için lütfen WordPress'e kolayca özel kod ekleme hakkındaki kılavuzumuzu izleyin.

WPCode aktif olduktan sonra aşağıdaki özel PHP kod parçasını ekleyin:

<?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.example.com/default-image.png';
  }
  $twitter_name   = str_replace('@', '', get_the_author_meta('twitter'));
?>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="<?php echo $twitter_url; ?>" />
<meta name="twitter:title" content="<?php echo $twitter_title; ?>" />
<meta name="twitter:description" content="<?php echo $twitter_desc; ?>" />
<meta name="twitter:image" content="<?php echo $twitter_thumb; ?>" />
<meta name="twitter:site" content="@YourSiteHandle" />
<?php
  if($twitter_name) {
?>
<meta name="twitter:creator" content="@<?php echo $twitter_name; ?>" />
<?php
  }
}
?>

@YourSiteHandle kısmını kendi X (Twitter) kullanıcı adınızla değiştirmeniz gerekecektir. Ayrıca, $twitter_thumb satırındaki URL'yi kendi varsayılan yedek resminizin bağlantısıyla değiştirdiğinizden emin olun.

Kart türünü varsayılan olarak summary_large_image olarak ayarladık, çünkü bu daha iyi performans gösteriyor, ancak isterseniz daha küçük resimler için 14. satırı summary 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 tweet'in görsel önizlemesini göstermiyor. Ancak, önbelleği temizlemek için hala çok kullanışlıdır.

Bir gönderinin resmini veya açıklamasını güncellerseniz ancak X hala eski sürümü gösteriyorsa, URL'yi Doğrulayıcı'ya girmek X'e en yeni verileri hemen getirmesini söyler.

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ı?

Meta etiketlerini doğru bir şekilde uyguladıktan sonra Twitter Kartları otomatik olarak çalışmalıdır. Ancak, X (Twitter) eski bilgilerinizi önbelleğe almış olabilir. Kartlar hemen görünmüyorsa, önbelleği temizlemek için URL'nizi Kart Doğrulayıcı'dan geçirin.

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 Ek Kaynaklar

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.