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
    Cara membuat blog valid HTML5

    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 == &quot;false&quot;'>
                <b:if cond='data:showSnippets == &quot;false&quot;'>
                  <!-- (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 == &quot;false&quot;'>
                  <!-- (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'>
            <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 == &quot;false&quot;'>
                  <b:if cond='data:showSnippets == &quot;false&quot;'>
                    <!-- (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 == &quot;false&quot;'>
                    <!-- (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> 
         5. Simpan template, lihat hasilnya kembali di Chkme.com
          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!

          Optimasi Widget Popular Post Blogger Agar SEO Rating: 4.5 Diposkan Oleh: Munawir Alfikri

          49 komentar:

          1. Oh ternyata bisa ya SEO pake popular post bergambar...

            Salam dari Pulau Dollar

            ReplyDelete
            Replies
            1. mantap ini mas munawir tutorialnya. saya bookmark deh postingan ini.. ;)

              Delete
            2. Silahkan mas di Bookmark buat jaga-jaga :)

              Delete
            3. saya juga pake mas fikri widget populer post, tp masih belum tau udah seo friendly belum ya?

              Delete
          2. di kasih little ya mas , biar makin ceo :D

            ReplyDelete
          3. Tutorial yang sangat berguna mas :)

            ReplyDelete
            Replies
            1. Syukur deh kalau bisa berguna mas andre :-d

              Delete
          4. wah mantap tipsnya :D tapi tambah berat nggak mas?

            ReplyDelete
          5. Dengan penambahan Title pada link popular post, tampilannya akan lebih menjadi keren dan tentunya lebih SEO ya Mas

            ReplyDelete
            Replies
            1. Benar sekali itu mas andi.... ini bisa membuat blog kita menjadi SEO ON Page

              Delete
          6. wah jadi pengen nyoba mas soalnya popular post punya saya nggak ada gambarnya :)

            ReplyDelete
            Replies
            1. hehehe, kalau ada gambarnya bisa, coba ini mas :)

              Delete
          7. wah...saya mah kalo udah mulay ngoprek daleman, bakalan merembet kemana-mana...buat nanti lagi ah.

            ReplyDelete
          8. Saya coba Mas... kebetulan masih banyak yang errornya :)

            ReplyDelete
            Replies
            1. Hehehe.. silahkan dicoba ya mas heri, moga bisa SEO

              Delete
          9. kalau sy pake wp mas, jadi ga bisa praktekin hehe

            ReplyDelete
            Replies
            1. Kalau pakai Wp mungkin juga bisa mba hehe.. tapi saya kurang tauu

              Delete
          10. keren banget, dengan begitu seluruh popular post akan terindeks dengan baik,, saya coba ya mas, trimakasih :)

            ReplyDelete
          11. thanks gan infonya, keren,
            bermanfaat buat ane yang masih newbie,
            oiyaaa, mampir diblog q juga yaa :)

            ReplyDelete
            Replies
            1. Hehehe... kita sama-sama Newbie juga ya mas ;)

              Delete
          12. wah keren nih, sudah di optimasi jiga. ijin nyicip gan :)

            ReplyDelete
          13. wah simple juga ya cara nya, boleh dicoba nih untk optimasi widgt di blog saya ;)

            ReplyDelete
          14. ondeh mandeh, mantap bana postingannya, makasih booossss mampir juga ke www.batangasaiandme.blogspot.com :)

            ReplyDelete
            Replies
            1. Gue tebak.. pasti kamu orang padang :D hhehehe
              thank's udah mampir kesini yaaaaa moga blognya bisa SEO

              Delete
          15. Replies
            1. Gimana cara lanjutinnya gan hehehe :D
              makasih ya udah berkunjung

              Delete
          16. yup masalah ini pernah saya alami dan setelah saya optimasi akhirnya bisa juga selesai masalahnya. terima kasih telah berbagi dan salam sahabat blogger.

            ReplyDelete
            Replies
            1. Saya juga sering mengalami seperti ini...
              tetapi hanya saya abaikan saja hehe

              Delete
          17. bingung juga tu banyak banget kodenya ,, hehhe.. salm kenal

            ReplyDelete
            Replies
            1. Bingung dimananya ya gan, bisa saya bantu :)

              salam kenal kembali

              Delete
          18. Makasih ya sangat membantu artikelnya Sob!

            ReplyDelete
            Replies
            1. Sama-sama mas Dzaky :)
              terima kasih sudah berkunjung

              Delete
          19. maksih mas raja..boleh dijelaskan mas dimana letak keseo-an kode di atas :)
            mf jika pertanyaannya salah, saya masih nubi bingit..

            ReplyDelete
            Replies
            1. Biasanya kalau kita memasang widget popular post dengan gambar, gambar itu gak ada titlenya mba, jadi kalau gak ada titlenya dianggap gak valid :D
              jadi kita tambahin title gambar tersebut, biar wuss.. hehe

              Delete
          20. wah ,betul sekali tuh sob, harus diberi title semuanya biar SEOFRIENDLY

            ReplyDelete
          21. bagus tipsnya, bermanfaat. terima kasih

            ReplyDelete

          Apa tanggapan anda tentang artikel diatas?