Menambahkan Title Tag Pada Popular Post Optimasi SEO

Cara Menambahkan Title Tag Pada  Popular Post SEO Optimasi. Hallo sobat Blogger, Jika Sebelumnya saya membuat tutoriala cara membuat title tag pada related post agar related post bisa lebih seo dan link related post bisa lebih SEO karena mempunyai title tag, maka pada kesempatan kali ini, tak jauh beda dengan tutorial sebelunya, namun dalam artikel saya kali ini, saya akan membuat tutorial tentang cara menambahkan title tag tersebut di tambahkan ke popular post atau populer post.

Cara Menambahkan Title Tag Pada  Popular Post SEO Optimasi

Seperti yang kita ketahui, sebuah widget popular post sudah sering kita jumpai di blog-blog yang pernah kita kunjungi dan pasti selalu terpasang widget populer post, yapz widget popular post adalah sebuah widget yang menampilkan sebuah post yang terpopular atau sebuah artikel yang paling sering di kunjungi. Maka dalam widget popular post akan bisa di lihat artikel tersebut dengan urutan teratas dan berurutan kebawah.


Namun pada kesempatan kali ini bukan lah membuat tutorial tentang menambahkan widget tersebut ke blog tapi saya disini akan memberi sebuah tutorial tentang bagaimana membuat widget tersebut bisa menjadi lebih SEO, yapz hal pertama menambahkan title pada judul post di widget popular post adalah untuk mengurangi error pada website link.


Menambahkan title tersebut juga termasuk dalam kategori SEO on page dan meningkatkan status link menjadi seo dan melink semua artikel saat di rayapi laba-laba atau bot crawler :) , bagi sobat yang ingin menambahkan title pada popular post, silahkan simak baik-baik.


Menambahkan Title Tag Pada Popular Post Agar Lebih SEO

1. Pastikan widget Popular post sudah sobat pasang di blog.
2. Buka menu template >> Klik edit HTML.
3. Cari kode widget seperti ini 'PopularPosts atau cari kode 'PopularPosts1
4. Maka kelengkapan kode tersebut kurang lebih akan seperti dibawah 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 sudah ditemukan, sekarang sobat ganti kode tersebut dengan kode dibawah ini.
<b:widget id='PopularPosts1' locked='false' mobile='no' title='Popular Post' type='PopularPosts' version='1'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>7</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>false</b:widget-setting>
      <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title'><h3><data:title/></h3></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 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/>
            <!-- (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 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>
</b:includable>
  </b:widget>
6. Jika sudah diganti, silahkan save template sobat.

Kode yang kedua adalah kode widegt popular post yang sudah saya tambahkan title di dalamnya, maka dengan itu, ketika gambar atau judul artikel yang terdapat pada popular post akan memiliki title saat di hover atau di arahkan menggunakan mouse.

Baca Juga : Cara Pasang SEO Smart Link Pada Blogspot

oke sobat blogger, saya rasa sudah cukup untuk tutorial Cara Menambahkan Title Tag Pada Popular Post Optimasi SEO ,lebih dan kurangnya saya mohon maaf, semogasukses selalu sobat blogger.


EmoticonEmoticon