“Twitter Cards” Ekleme – WordPress, Blogger, Blogspot
WordPress, Blogger veya blogspot bloglar için Twitter Cards ayarlarına-yapılandırmalarına geçmeden önce öncelikle Twitter Cards nedir, ne işe yarar onun hakkında kısa bir bilgi edinelim. Twitter Cards Twitter geliştiricileri tarafından özellikle blog/site sahipleri için geliştirilmiş gelişmiş bir içerik paylaşma özelliği. Twitter Cards sayesinde Twitter’da paylaşılan bir bağlantının (linkin) o bağlantıya ait sayfa içeriğinde bulunan yazı başlığını yazının bir kısmını ve yazı içerisinde bulunan görseli otomatik olarak Twitter’da özet şeklinde paylaşmaya olanak sağlıyor. Twitter’ın bu yeni özelliği Facebook ve Google+’tan da hatırlayacağımız gibi ileti alanında paylaştığımız herhangi bir linke ait sayfa içeriğinin özeti otomatik olarak paylaşılıyordu. Twitter her ne kadar bu konuda biraz geç kalmış olsa da yine de yolun sonu değil.
(Aşağıda twitter card destekleyen bir link paylaşılmış bir tweet’in web’de nasıl göründüğünü görebilirsiniz.)
Twitter Cards özelliğini kullanabilmek biraz mazeretli ve zaman alan iş açıkçası. Twitter Cards özelliğini kullanabilmek için yapılacak olan işlemler sırasıyla aşağıdaki kodları /head tagından önce yerleştirmek ve kendi blogunuza ve twitter hesabınıza göre özelleştirmek daha sonra ise Twitter üzerinden onaylama işlemi yapmak.
Blogger Twitter Cards Yapılandırması
1.Yöntem-Manuel(Elle) Yama:
1.Adım
Aşağıdaki kodlar </head> kodundan önce eklenmelidir ve “@İçerikSahibiTwitterHesabı“-“@SiteSahibiTwitterHesabı” olarak belirlenmiş alanlar düzenlenmelidir. Eğer İçeriği hazırlayan ve site sahibi aynı kişiler ise iki kısımda da aynı Twitter hesabı (kullanıcı adı) girilmelidir. Örneğin @burakkaplan_ , @burakkaplan_ gibi.
[stextbox id=”alert”]<meta name=”twitter:card” content=”summary”/> <meta name=”twitter:site” content=”@İçerikSahibiTwitterHesabı“/> <meta name=”twitter:creator” content=”@SiteSahibiTwitterHesabı“/> <b:if cond=’data:blog.pageType == "item"’> <meta name=”twitter:url” expr:content=’data:blog.url’ /> <meta name=”twitter:title” expr:content=’data:blog.pageName’ /> <b:else/> <meta name=”twitter:url” expr:content=’data:blog.homepageUrl’ /> <meta name=”twitter:title” expr:content=’data:blog.title’ /> </b:if> <meta name=”twitter:description” expr:content=’data:blog.metaDescription’/> <b:if cond=’data:blog.postImageThumbnailUrl’> <meta expr:content=’data:blog.postImageThumbnailUrl’ name=”twitter:image”/> <b:else/> <meta content=’WEBSITE_FAVICON_IMAGE_URL’ name=”twitter:image”/> </b:if>[/stextbox]
2. Adım
Yukarıdaki kodları blogunuza ekledikten sonra https://dev.twitter.com/docs/cards/validation/validator adresinden sol tarafta bulunan sekmeli menüden Validate & Apply sekmesine tıklayarak site adresini yazıp göndermek yeterli olacaktır. Site adresini gönderdikten sonra birkaç gün içinde onaylama işleminin yapıldığına dair e-posta adresinize gelecek ve twitter cards entegrasyonunuz tamamlanmış olacaktır.
2-Yöntem- Eklenti İle Yapma(WodPress İçin)
1.Adım
Eğer üstteki kodlardan ben birşey anlamadım kafam karıştı,html kodları ile aram iyi değil diyorsanız üstteki kodları </head> kodunun üstüne otomatik ekleyen bir eklenti var biz sadece Jm Twitter Cards eklentisini indirip kuruyoruz ve etkinleştiriyoruz. WordPress sol panelinden Ayarlar-Jm Twitter Cards‘a tıklıyoruz ve bizim doldurmamız gereken General ve alt tarafta bulunan Home-PostPage kısımlarını dolduruyoruz o sizin yerinize sitenizin kodlarına twitter cards’ı ekliyor.
2.Adım
Son olarak yine diğer yöntemde olduğu gibi https://dev.twitter.com/docs/cards/validation/validator adresinden sol tarafta bulunan sekmeli menüden Validate & Apply sekmesine tıklayarak site adresini yazıp göndermek yeterli olacaktır.Site adresini gönderdikten sonra birkaç gün içinde onaylama işleminin yapıldığına dair e-posta adresinize gelecek ve twitter cards entegrasyonunuz tamamlanmış olacaktır.
Ayrıca WordPress SEO by Yoast Eklentisi kullanıyorsanız buradan da kısaca ayarları yaparak başvurabilirsiniz.
Kaynaklar: wpbeginner.com, zaferzent.com
Uygulama esnasında çıkabilecek sorunlarla ilgili bizi bilgilendirirseniz en kısa zamanda dönüş yapmaya çalışırız.
Ayrıca sizin tavsiye eklenti veya yöntemlerinizi de duymak isteriz. Yorum bölümünden bize ulaşabilirsiniz.