Facebook opengraph ve twitter cards meta kodları, sosyal ağlarda büyük görsel paylaşma
Blog yazılarımızın duyurulması için sosyal ağlarımız çok önemli. Birbirinden farklı kitlelere ulaşma imkanını bu yolla elde ederiz. Tabi yazılarımızı paylaşırken dikkat çekici ve kaliteli görseller kullanmak zorundayız. Yıllar önce yazılara ait görselleri kendimiz bile seçemiyorken şimdiki teknoloji ile ekleyeceğimiz görseli ve boyutlarını ayarlayabiliyoruz. Böylece takipçileriniz yeni yazılarınızdan haberdar olur ve güncel kaldığınız sürece yeni takipçiler kazanmaya devam edersiniz.
Peki Facebook ve Twitter'da yazılarımızı paylaşırken küçük görsel sorunundan nasıl kurtuluruz? Yazılarımızı büyük görsel eşliğinde nasıl sunarız? İlgi çekici ve en iyi formatta görselleri sunmak için bazı meta etiketlerden faydalanıyoruz. Bu kodlar ile büyük görseller ve detaylı bilgiler sunabiliyoruz. Tam adı Facebook Opengraph ve Twitter Cards ile büyük görselli yazıları sizde paylaşabilirsiniz. Blog yazarlarının bazılarının paylaşımlarının küçük görseller şeklinde paylaşıldığını gördüm. Bu kodları ekleyerek herkes sorununu çözebileceğini söylemek istiyorum.
Facebook Opengraph
Twitter Cards
Bu iki sosyal ağ sitesinde yazı paylaşırken büyük görsel üstte ve altında başlık olarak görünecek. Böylece gözden kaçma ihtimali daha azalacak ve beklediğiniz etkileşimi alacaksınız. Facebook Opengraph ve Twitter Cards özelliğini blog sayfanıza uyarlamak için Tema> HTML'yi Düzenle üzerinden <head> kodunun hemen üzerine aşağıdaki meta kodlarını ekleyelim. Kaydettikten sonra yeni bir yazınızı sosyal ağınızda paylaştığınızda görsellerin büyük olduğunu göreceksiniz.
<!-- Twitter Card -->
<meta content='summary_large_image' name='twitter:card'/>
<!-- Title, URL & Description -->
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='twitter:description'/>
</b:if>
<!-- Image -->
<b:if cond=' data:blog.postImageUrl'>
<meta expr:content=' data:blog.postImageUrl' name='twitter:image'/>
<meta property='twitter:image:width' content='280'/>
<meta property='twitter:image:height' content='150'/>
</b:if>
<!-- Facebook OpenGraph -->
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<!-- Title, URL & Description -->
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if>
<!-- Image -->
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta property='og:image:width' content='1200'/>
<meta property='og:image:height' content='630'/>
</b:if>
✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵
Hiç yorum yok
YORUM YAPARAK KATKIDA BULUNABİLİRSİNİZ...
1) Yaptığınız yorumun, yazıyla alakalı olmasına özen gösterin.
2) Yazım ve dil bilgisi kurallarına mümkün olduğunca dikkat edin.
3) Kullandığınız üslubun sizi yansıttığını unutmayın.
4) Yorum yaparken link eklemeyin.