Kode Title Tag SEO Friendly plus Twitter Card untuk Blog Blogger

Baca Juga

Berikut ini Kode Title Tag SEO Friendly plus kode Twitter Card untuk blog Blogger dan cara memasangnya di template.

Title tag adalah tag judul atau nama blog yang sangat penting bagi mesin pencari seperti Google.

Tag judul SEO berikut ini akan mengubah susunan Nama Blog | Judul Tulisan menjadi Judul Tulisan | Nama Blog sehingga lebih SEO.

Twitter Card adalah kode untuk tampilan blog dan/atau postingan blog saat dishare di Twitter. Idealnya, tampilan blog/posting saat dibagikan di Twitter seperti ini.

Homepage

Halaman Postingan

Untuk memasang kode berikut ini, silakan cek dulu blog Anda di Twitter Card Validator.

Kode Title Tag SEO Friendly plus Twitter Card untuk Blog Blogger

Berikut ini Kode Title Tag SEO Friendly plus Twitter Card untuk Blog Blogger. Cara memasangnya sebagai berikut:

1. Klik Tema > Edit HTML
2. Ganti kode berikut ini

   <title><data:blog.title/></title>

dengan kode ini:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | SEO Friendly Blogger Blog</title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
<meta content='3;/' http-equiv='refresh'/>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBS6-rbwbWTfInWJJz_Ec7rFLnmCXUAhuJIup_pT9E2nq8cbzNrRDoIkEDdb5JvQ8dvU6d9dw2bp8gm-Z27zqfqM16bxCkSJYN_W2ANGFfLTZqZPSM7JvQnd2AcPvy_s8rHb-yDqBf53AD/s1600/technopreneur.JPG' name='twitter:image'/>
<meta expr:content='data:blog.title' name='twitter:image:alt'/>
</b:if>
</b:if>

Ubah kode warna merah:

1. Deskripsi singkat blog
2. URL Gambar 

Link gambar adalah gambar yang akan mucul di Twitter jika postingan tidak memiliki gambar dan untuk gambar halama depan blog. Sebaiknya berupa logo dengan ukuran minimal 600x400 Pixel.

Meta Open Graph Facebook 

Untuk Meta Open Graph Facebook sudah otomatis ada dalam kode bawaan Blogger ini:

    <b:include data='blog' name='all-head-content'/>

Dalam kode tersebut juga sudah ada kode untuk meta deskripsi blog. Demikian Kode Title Tag SEO Friendly plus Twitter Card untuk Blog Blogger dan cara memasangnya.*