Cara Menambahkan Title Tag Pada Popular Post SEO Optimasi. Hallo sobat Blogger, Jika Sebelumnya saya membuat tutoriala cara membuat title tag pada related post agar related post bisa lebih seo dan link related post bisa lebih SEO karena mempunyai title tag, maka pada kesempatan kali ini, tak jauh beda dengan tutorial sebelunya, namun dalam artikel saya kali ini, saya akan membuat tutorial tentang cara menambahkan title tag tersebut di tambahkan ke popular post atau populer post.
Seperti yang kita ketahui, sebuah widget popular post sudah sering kita jumpai di blog-blog yang pernah kita kunjungi dan pasti selalu terpasang widget populer post, yapz widget popular post adalah sebuah widget yang menampilkan sebuah post yang terpopular atau sebuah artikel yang paling sering di kunjungi. Maka dalam widget popular post akan bisa di lihat artikel tersebut dengan urutan teratas dan berurutan kebawah.
Baca Juga : Cara Cek Dan Memperbaiki Broken Link di Blog
Namun pada kesempatan kali ini bukan lah membuat tutorial tentang menambahkan widget tersebut ke blog tapi saya disini akan memberi sebuah tutorial tentang bagaimana membuat widget tersebut bisa menjadi lebih SEO, yapz hal pertama menambahkan title pada judul post di widget popular post adalah untuk mengurangi error pada website link.
Baca Juga : Cara Agar Artikel Cepat Terindex Google
Menambahkan title tersebut juga termasuk dalam kategori SEO on page dan meningkatkan status link menjadi seo dan melink semua artikel saat di rayapi laba-laba atau bot crawler :) , bagi sobat yang ingin menambahkan title pada popular post, silahkan simak baik-baik.
Baca Juga : Cara Setting Robots.txt Blog SEO Friendly
Menambahkan Title Tag Pada Popular Post Agar Lebih SEO
1. Pastikan widget Popular post sudah sobat pasang di blog.2. Buka menu template >> Klik edit HTML.
3. Cari kode widget seperti ini 'PopularPosts atau cari kode 'PopularPosts1
4. Maka kelengkapan kode tersebut kurang lebih akan seperti dibawah ini.
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>5. Jika sudah ditemukan, sekarang sobat ganti kode tersebut dengan kode dibawah ini.
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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"'>
<!-- (3) Show only thumbnails -->
<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/>
<!-- (4) Show snippets and thumbnails -->
<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>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' mobile='no' title='Popular Post' type='PopularPosts' version='1'>6. Jika sudah diganti, silahkan save template sobat.
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>7</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>false</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title'><h3><data:title/></h3></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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>
</b:includable>
</b:widget>
Kode yang kedua adalah kode widegt popular post yang sudah saya tambahkan title di dalamnya, maka dengan itu, ketika gambar atau judul artikel yang terdapat pada popular post akan memiliki title saat di hover atau di arahkan menggunakan mouse.
Baca Juga : Cara Pasang SEO Smart Link Pada Blogspot
oke sobat blogger, saya rasa sudah cukup untuk tutorial Cara Menambahkan Title Tag Pada Popular Post Optimasi SEO ,lebih dan kurangnya saya mohon maaf, semogasukses selalu sobat blogger.
