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

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

Bolehlah, asal mau sedikit pusing :)

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

tapi penerapannya untuk template tertentu saja saya pikir mas.

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

untuk populer post yang belum ada titlenya.

paling enak ya copy-paste

kalau template premium biasanya sudah ada titlenya.

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

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 .

Kalau di wordpress gimana yah mas settingnya

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

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

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

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

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

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

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 ...

Tidak akan diangap spam.

Saking pusingnya.. saya putuskan g mikirin :-)

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

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

Terimakasih atas kunjungannya
Jangan lupa untuk memberikan komentar

 
Back To Top