Halo kawan-kawan hari ini saya mau share tentang Cara Memberi Title Tags Pada Thumbnail Popular Post, Title tags pada thumbnail popular post ini berperan sangat penting untuk menambah score seo blog kita jika kita cek di chkme, karena masih banyak template blog yang belum mempunyai title tags pada thumbnail popular post seperti template yang saya gunakan ini maka akan saya share cara menambahkannya pada blog ternyata hanya menambahkan beberapa script tertentu pada bagian-bagiannya title tags ini langsung akan muncul otomatis di setiap thumbnail popular post blog. Untuk mengecek apakah widget popular post sudah mempunyai title tags kalian tinggal mengarahkan kursor mouse ke thumbnail widget popular post yang ada pada blog kalian. jika sudah ada akan muncul tulisan berupa judl artikelnya.
Ini score blog saya sebelum saya memasang title tags pada thumbnail popular post
Untuk menambahkan title tags silahkan ikuti tutorialnya dibawah ini:
- Pertama masuk ke Edit template Blogger. backup template kalian jika takut terjadi error.
- Setelah Masuk, Silakan kalian Cari Widget Popularpost nya dengan meng klik Lompat Ke Widget, Kemudian Pilih Popularpost. Perhatikan gambar dibawah ini.
- Setelah ketemu silahkan kalian klik expan(tanda Panah segi tiga berwarna hitam yg ada di sebelah kiri template) untuk melihat seluruh script popular post pada template kalian.
- Mungkin kurang lebih scriptnya seperti dibawah ini.
<b:widget id='PopularPosts3' locked='false' title='Populer Post' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<div style='overflow:auto; width:ancho; height:500px;'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
- Tamahkan kode expr:alt='data:post.title' expr:title='data:post.title' pada posisi seperti dibawah ini.
<b:widget id='PopularPosts3' locked='false' title='Populer Post' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<div style='overflow:auto; width:ancho; height:500px;'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img expr:alt='data:post.title' expr:title='data:post.title' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img expr:alt='data:post.title' expr:title='data:post.title' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
- kode expr:alt='data:post.title' expr:title='data:post.title' berfungsi untuk memanggil atau memunculkan title tags pada thumbnail popular post. pastikan kalian memasangnya pada posisi yang sama seperti diatas.
- Lalu klik save template dan kalian tinggal meneceknya pada blog kalian.
- Cek juga score seo blog kalian di chkme apakah bertambah atau tidak.
- score blog saya bertambah ^_^
Komentar
Posting Komentar