• Translate

4/20/2015

Cara Membuat Title Tag pada Popular Posts Agar SEO

Tutorial Blogspot |

Advertisement

Tutorial Cara Membuat Title Tag pada Popular Posts Agar SEO | Pagi ini akan saya tulis tutorials yang berhubungan dengan seo pada blog, tutorials kali ini akan kita lakukan optimasi pada popular posts dengan cara menambahkan title tags agar lebih seo. popular posts sangat bermamfaat dalam meningkatkan pageviews pada blog dan juga sangat efektif dalam menurunkan bounce rate suatu blog, mengapa? karena dengan adanya popular posts kita memberi akses lebih kepada pengunjung blog untuk melihat isi konten yang paling banyak diminati oleh pengunjung lain.

membuat title tags pada popular posts merupakan teknik seo on page, selain itu juga bisa meningkatkan score seo blog sobat pada situs chkme serta mengatasi masalah missing website link di chkme.com. contoh popular posts dengan title tags bisa sobat lihat gambar dibawah ini :


Cara Membuat Title Tag pada Popular Posts Agar SEO

Perhatikan tanda panah pada gambar diatas, terlihat tulisan kecil yang menyatakan bahwa popular posts yang ada sudah teroptimasi secara on page dengan tampilnya title tags info. title tags ini akan muncul saat kursor diletakkan diatas judul postingan yang ada di dalam popular posts.

sampai disini sobat sudah mengerti apa itu title tags? kalau sudah mengerti Silahkan ikuti langkah-langkah dibawah ini cara membuat title tags pada popular posts agar seo:

  • Buka akun blogger sobat.
  • Pilih menu Template > Klik Edit Html.
  • Silahkan anda cari kode seperti ini PopularPosts2 atau PopularPosts1 (Gunakan Ctrl+F)
  • Kalau sudah ketemu silahkan expand widget popular posts, kalau bisa sobat backup saja popular posts bawaan blogger, biar aman kalau seandainya gagal dalam mengikuti cara ini.
  • 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>
  •  Jika sudah ketemu kode widget popular posts diatas, silahkan sobat ganti dengan kode widget popular posts yang baru dibawah 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>
  • Save Template.
Sekarang coba sobat lihat hasilnya, apakah sudah keluar title tags info di popular posts sobat saat kursor diarahkan? kalau sudah muncul selamat sobat berhasil mengikuti langakah-langkah cara membuat title tags pada popular posts agar seo.

semoga bermamfaat,

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box

2 comments Add Comment

Wuih mantap popular postnya, jadi pingin coba praktekkan

Reply

Silahkan dicoba gan.. :)

Reply

Comments not appropriate topic will sign SPAM.