Cara Menambahkan Title Tag Pada Popular Post Agar SEO

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, untuk lebih dan kurangnya saya mohon maaf, semoga sukses.

Tweet