SEO dengan Title Popular Post

SEO dengan Title Popular Post

Kalau bicara soal SEO, Search Engine Optimization itu selalu menarik. Dan pastinya juga bikin pening kepala . Karena harus edit sana-sini. Bagi yang sudah terbiasa otak-atik kode HTMLtema hal itu justru menjadi suatu tantangan. Atau bahkan menjadi suatau kebahagiaan dan kesenangan. Semua itu demi blog yang dikelolanya agar terindek secara maksimal oleh mesin pencari. Khususnya mesin pencari google.

Blog yang semakin SEO dan ramah terhadap mesin pencari, akan mendapat tempat dihati oleh mesin pencari tersebut. Artikelnya akan lebih banyak menempati posisi halaman pertama. Kali ini saya ingin berbagi tentang SEO dengan Title Populer Post.

SEO dengan Title Popular Post

Sudah tahu kan apa itu Title? Title adalah suatu tag link/URL atau gambar saat disentuh kursor. Title ini bisa menjadi kata kunci, sehingga sangat membantu mesin pencari. Bagaimana membuat title di widget polupar post? Mari kita simak tahapan-tahapannya:
  • Pada pengaturan tata letak blogspot, pilih Tema
  • Pilih Edit HTML
  • Biar lebih cepatnya, pilih tombol Lompat ke Widget, terus pilih Popularpost1
SEO dengan Title Popular Post
  • Pada kode HTML widget seperti bawah ini, silakan dihapus
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> . . . </b:widget>
 SEO dengan Title Popular Post
  • Selanjutnya silakan ganti dengan kode dibawah ini :
<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>
         <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 == &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' expr:title='data:post.title' target='_blank'>
                        <img alt='image' border='0' expr:title='data:post.title' 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' 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 alt='image' border='0' expr:title='data:post.title' 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' 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>
  • Tahap terakhir, klik simpan 
Dan lihat hasilnya apakah link/URL dan gambar jika disentuh kursor sudah muncul tag title? Jika muncul berarti ada telah sukses menerapkannya.

Sebelum mengikuti tahapan diatas, silakan amankan (back-up) dulu temanya. Untuk jaga-jaga jika nanti ada kesalahan atau kegagalan. Sehingga mudah untuk mengembalikannya. Sebenarnya kode html tersebut sama dengan bawaan blogspot, hanya ditambahkan expr:title='data:post.title', yang berwarna merah. Cukup sekian artikel SEO dengan title popular post semoga bisa bermanfaat. Salam sukses dan salam ngeblog! Terimakasih.

Related Posts

24 komentar :

  1. semakin banyak wawasan dan pengetahuan saya berkunjung kesini mas .. nanti saya coba praktekan mas

    BalasHapus
  2. Kudu belajar yang ini, tapi tidak sekarang. Sekarang waktunya belajar kimia, mau ujian nih hahaha

    BalasHapus
  3. tapi penerapannya untuk template tertentu saja saya pikir mas.

    BalasHapus
    Balasan
    1. untuk populer post yang belum ada titlenya.

      Hapus
  4. Saya masih bingun soal HTML
    pengen belajar waktunya belum ada
    jd ya itu kadang copy paste dr internet aja
    pusing kalo udah liat kode2 nya

    BalasHapus
  5. Balasan
    1. kalau template premium biasanya sudah ada titlenya.

      Hapus
  6. Punya saya udah ada tittlenya mas. Alhamdulillah... :)

    BalasHapus
  7. Belakangan ini saya juga suka otak-atik template blog saya, kang . Memang penuh tantangan dan kepuasan. Tapi untuk sementara ini berhenti otak-atik template. Kepalanya masih puyeng. Hahaha... Kapan2 lah kalau sudah ndak puyeng ,saya otak-atik lagi dg tips dari kang Djangkar .

    BalasHapus
  8. Kalau di wordpress gimana yah mas settingnya

    BalasHapus
  9. Kalau udh bersinggungan sama 'meta' suka belibet sendiri. Pingin sih lebih memperdalam lg pengetahuan soal SEO

    BalasHapus
  10. iya harus pusing-pusing dulu kalau mau blognya kece badai seperti blog ini

    BalasHapus
  11. sebenarnya pengen nyoba, tapi kok pas liat kode kodenya udah nyerah duluan. udah nyerah kalau cuma dikodein maksudnya *loh

    BalasHapus
  12. Kalau saya gak kuat dibikin pusing begini, karena untuk menyelesaikan satu postingan saja udah mikir keras hehe

    BalasHapus
  13. Saya mah paling bingung bahasa html, malah beli template doang bisanya :)

    BalasHapus
  14. Ini juga nih title populer punya saya kayaknya belum ada,
    Terimakasih ilmunya kang, saya coba juga nih yang title populer post :D

    BalasHapus
  15. Yap, kalo pake cara ini emang ndak dianggap spam ya mas? Apa gmna? Soalnya itu pasti otomatis sama dengan title.

    Kalo saya lebih prefer img alt pake LSI : keyword turunan ...

    BalasHapus
  16. Saking pusingnya.. saya putuskan g mikirin :-)

    BalasHapus
  17. Betul sih ms..
    Tapi ntar pada cenderung cuma baca di popular post aja..

    BalasHapus
  18. Banyak bamget yang harus dipelajari
    ampun pusingnya
    trauma soal kode2
    akhirnya jalan ditempat

    BalasHapus

 
Back To Top