Optimasi Widget Popular Post Blogger Agar SEO
Anda sudah tahu pasti, bahwa Popular Post ini adalah widget yang paling banyak digunakan, bahkan sayapun menggunakan widget tersebut diblog Multi ajaib ini.
Biasanya apabila anda ingin mengoptimalkan blog agar menjadi Seo 100% via chkme.com dan blog anda belum bisa menjadi Seo 100% karena adanya Popular post yang dilengkapi dengan gambar, setelah anda tidak memberikan gambar pada popular post tersebut blog anda 100 persen lagi seonya.
Gak mungkinkan, kalau misalkan Popular postnya tidak dipasangi gambar, blognya jadi jelek. Ada juga sih template blogger yang tidak cocok dipasangi gambar pada popular postnya, tapi bagaimana jika harus dipasangi dengan gambar? pastinya ini akan menjadi masalah bukan.
Oke! kali ini saya akan memberikan solusinya untuk Optimasi Widget Popular Post Blogger Agar SEO , langsung saja disimak, bagaimana caranya:
1. Langsung pilih menu Template - Edit HTML
2. Pilih Lompat ke widget , pilih PopularPosts1
4. Setelah anda menemukan kode panjang diatas ini, maka silahkan anda ganti dengan kode yang telah saya modifikasi dibawah ini.
Biasanya apabila anda ingin mengoptimalkan blog agar menjadi Seo 100% via chkme.com dan blog anda belum bisa menjadi Seo 100% karena adanya Popular post yang dilengkapi dengan gambar, setelah anda tidak memberikan gambar pada popular post tersebut blog anda 100 persen lagi seonya.
Gak mungkinkan, kalau misalkan Popular postnya tidak dipasangi gambar, blognya jadi jelek. Ada juga sih template blogger yang tidak cocok dipasangi gambar pada popular postnya, tapi bagaimana jika harus dipasangi dengan gambar? pastinya ini akan menjadi masalah bukan.
Oke! kali ini saya akan memberikan solusinya untuk Optimasi Widget Popular Post Blogger Agar SEO , langsung saja disimak, bagaimana caranya:
1. Langsung pilih menu Template - Edit HTML
2. Pilih Lompat ke widget , pilih PopularPosts1
3. Setelah anda memilih untuk langsung melompat ke Widget PopularPosts1, Silahkan anda hapus semua kode seperti dibawah ini.
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<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'><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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
4. Setelah anda menemukan kode panjang diatas ini, maka silahkan anda ganti dengan kode yang telah saya modifikasi dibawah ini.
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>5. Simpan template, lihat hasilnya kembali di Chkme.com
<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' target='_blank'>
<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/>
</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' target='_blank'>
<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/>
</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>
Nah, bagaimana? apakah ini sulit, pastinya tidak dong, kita hanya mengganti kode saja, untuk memberikan tittle link dan juga tittle image, sehingga blog anda bisa menjadi valid HTML5 dan juga tentunya akan menjadi SEO Friendly. Semoga bermanfaat bro!
Oh ternyata bisa ya SEO pake popular post bergambar...
ReplyDeleteSalam dari Pulau Dollar
Bisa banget mas :)
Deletemantap ini mas munawir tutorialnya. saya bookmark deh postingan ini.. ;)
DeleteSilahkan mas di Bookmark buat jaga-jaga :)
DeleteOke Mas.. :)
Deletesaya juga pake mas fikri widget populer post, tp masih belum tau udah seo friendly belum ya?
Deletedi kasih little ya mas , biar makin ceo :D
ReplyDeleteIya mas yadi :)
DeleteTutorial yang sangat berguna mas :)
ReplyDeleteSyukur deh kalau bisa berguna mas andre :-d
DeleteMantap. langsung di coba :D
ReplyDeleteSilahkan dicoba min...
Deletewah mantap tipsnya :D tapi tambah berat nggak mas?
ReplyDeleteGak akan berat banget mas ;)
DeleteDengan penambahan Title pada link popular post, tampilannya akan lebih menjadi keren dan tentunya lebih SEO ya Mas
ReplyDeleteBenar sekali itu mas andi.... ini bisa membuat blog kita menjadi SEO ON Page
Deletewah jadi pengen nyoba mas soalnya popular post punya saya nggak ada gambarnya :)
ReplyDeletehehehe, kalau ada gambarnya bisa, coba ini mas :)
Deletewah kren kren saya coba
ReplyDeleteSilahkan dicoba mas
Deletewah...saya mah kalo udah mulay ngoprek daleman, bakalan merembet kemana-mana...buat nanti lagi ah.
ReplyDeletehehe.. kok bisa gitu mas :D
DeleteSaya coba Mas... kebetulan masih banyak yang errornya :)
ReplyDeleteHehehe.. silahkan dicoba ya mas heri, moga bisa SEO
Deletekalau sy pake wp mas, jadi ga bisa praktekin hehe
ReplyDeleteKalau pakai Wp mungkin juga bisa mba hehe.. tapi saya kurang tauu
Deletekeren banget, dengan begitu seluruh popular post akan terindeks dengan baik,, saya coba ya mas, trimakasih :)
ReplyDeleteBener sekali mba ana.... sama-sama :)
Deletethanks gan infonya, keren,
ReplyDeletebermanfaat buat ane yang masih newbie,
oiyaaa, mampir diblog q juga yaa :)
Hehehe... kita sama-sama Newbie juga ya mas ;)
Deletewah keren nih, sudah di optimasi jiga. ijin nyicip gan :)
ReplyDeleteSilahkan Di cicipin mas Amirul
Deletewah simple juga ya cara nya, boleh dicoba nih untk optimasi widgt di blog saya ;)
ReplyDeleteSilahkan Deh dicoba mba Eka ;)
Deleteondeh mandeh, mantap bana postingannya, makasih booossss mampir juga ke www.batangasaiandme.blogspot.com :)
ReplyDeleteGue tebak.. pasti kamu orang padang :D hhehehe
Deletethank's udah mampir kesini yaaaaa moga blognya bisa SEO
blog yang keren gan, lanjutkan :)
ReplyDeleteGimana cara lanjutinnya gan hehehe :D
Deletemakasih ya udah berkunjung
yup masalah ini pernah saya alami dan setelah saya optimasi akhirnya bisa juga selesai masalahnya. terima kasih telah berbagi dan salam sahabat blogger.
ReplyDeleteSaya juga sering mengalami seperti ini...
Deletetetapi hanya saya abaikan saja hehe
bingung juga tu banyak banget kodenya ,, hehhe.. salm kenal
ReplyDeleteBingung dimananya ya gan, bisa saya bantu :)
Deletesalam kenal kembali
Makasih ya sangat membantu artikelnya Sob!
ReplyDeleteSama-sama mas Dzaky :)
Deleteterima kasih sudah berkunjung
maksih mas raja..boleh dijelaskan mas dimana letak keseo-an kode di atas :)
ReplyDeletemf jika pertanyaannya salah, saya masih nubi bingit..
Biasanya kalau kita memasang widget popular post dengan gambar, gambar itu gak ada titlenya mba, jadi kalau gak ada titlenya dianggap gak valid :D
Deletejadi kita tambahin title gambar tersebut, biar wuss.. hehe
wah ,betul sekali tuh sob, harus diberi title semuanya biar SEOFRIENDLY
ReplyDeletemakasih gan udah ane coba,
ReplyDeletebagus tipsnya, bermanfaat. terima kasih
ReplyDelete