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

3 komentar:

  1. Mas Bumi, cara simpan skrip bagaimana ya, punya mas rapi bangat. Saya pernah coba menyimpannya di postingan blog hasilnya berantakan. Beberapa kali saya coba tetap berantakan. Pertanyaan saya supaya rapi seperti kode HTML di atas, bagaimana caranya mas?

    BalasHapus
  2. Serius mas kok jadi bagus kayak gitu, aku uda coba mas, tetapi kelihatan biasa-biasa aja, ga sekeren buatan mas di atas, apa rahasianya mas ganteng..?

    BalasHapus

 
Back To Top