Menambahkan Title Tag Pada Popular Post Agar Blog Menjadi Lebih SEO

Pintar Cyber - SEO Bukanlah hal yang mudah untuk dilakukan, dikarenakan seo bukanlah ilmu yang pasti. Jadi tidak ada cara yang pasti untuk membuat web anda menjadi SEO .

Dikarenakan SEO itu sulit, banyak yang membuka jasa SEO dengan harga yang cukup tinggi. Untuk Raksasa - raksasa besar seperti bukalapak.com atau tokopedia.com itu adalah hal yang mudah untuk dilakukan, namun untuk blogger pemula seperti kita itu adalah hal yang sangat sulit dilakukan.

Namun, ada beberapa cara yang bisa kita lakukan untuk mengoptimasi blog kita agar menjadi lebih SEO .

Kali ini saya akan membagikan tutorial tentang Menambahkan Title Tag Pada Popular Post Agar Blog Menjadi Lebih SEO.

Cara ini saya praktekkan menggunakan Handphone OPPO R7s dengan menggunakan aplikasi Root Exploler dan Webmasters untuk android yang saya gunakan untuk mengedit template blogger saya .

Cara Menambahkan Title Tag Pada Populer Post (Optimasi). Sobat blogger, seperti yang kita ketahui jika kita menambahkan populer post pada blog kita, maka itu sangat efektif untuk meningkatkan pageviews pada blog kita dan juga sangat efektif untuk menurunkan tingkat bounce rate pada blog kita, karena dengan populer post, pengunjung blog kita akan di tawarkan lebih banyak tentang isi artikle kita, widget popular post sudah sangat umum di terapkan pada website atau blog terkenal, namun sekarang disini saya punya trik khusus untuk anda, yaitu dengan menambahkan title tag pada popular post agar populer post anda lebih seo.

Menambahkan Title Tag Pada Popular Post ini juga merupakan salah satu teknik SEO on page pada blog kita, selain itu juga dengan cara menambahkan title tag pada populer post ini bisa untuk meningkatkan tingkat score seo anda di CHKME, dan mengatasi missing website link di chkme, lalu seperti apa contoh populer post dengan title tag ituh, silahkan lihat contoh gambar di bawah.

Gambar di atas menunjukan ketika cursor mouse kita mengarahkan ke artikel popular post, maka akan muncul title tag info seperti contoh di atas, ini juga sama halnya seperti kita menambahkan atribut title tag pada sebuah gambar posting, sampai disini pasti anda sudah paham dengan titel tag populer post ini, lalu bagaimana cara untuk membuatnya atau cara optimasinya? silahkan ikuti tutorialnya.

Menambahkan Title Tag Pada Popular Post Agar Lebih Seo.

1. Buka akun blogger anda.
2. Pilih menu Template > Klik Edit Html.
3. Silahkan anda cari kode seperti ini PopularPosts2 atau PopularPosts1 (Gunakan Ctrl+F)
4. Maka semua kode widget PopularPosts yang akan muncul di template anda akan seperti di bawah ini.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' 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'><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>

  </div>
</b:includable>
  </b:widget>

5. Jika anda sudah menemukan kode seperti di atas, silahkan anda ganti kode tersebut dengan kode di bawah ini.

<b:widget id='PopularPosts2' locked='false' mobile='yes' title='Entri Populer' 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;'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><b:else/><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;'><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:title='data:post.title' 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/><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:title='data:post.title' 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><div class='clear'/>
      </b:includable>
</b:widget>

6. Klik Save Template.

Sekarang lihat hasilnya dengan mengarahkan mouse anda ke populer post, jika sudah muncul, maka anda patut mengucapkan Alhamdulillah.

Yap... Mungkin itu saja tutorial saya hari ini, saya akan lebih sering lagi memperbarui artikel dan tutorial saya tentang apa itu SEO dan masih banyak lagi juka kalian memberikan support dengan membagikan atau menyukai halaman facebook kami.

Jangan lupa bookmark blog ini, Wassalamualaikum Wr. Wb.