Minggu, 09 April 2017

Cara Membuat Popular Post di Blog SEO Friendly

Evo Magz Popular Post
Halo kembali lagi bersama saya, dalam tutorial blogging kali ini kita akan mengambil topik membuat popular post pada blogger yang SEO Friendly.

Apa itu Popular Post?
Popular Post atau Pos Populer adalah hierarki/list dari artikel kita yang ada di Blogger yang memilikki peringkat tertinggi dan jumlah pembaca lebih banyak.

Popular post pada blog itu penting, selain menambah kelayakan blog, popular post juga dapat menarik perhatian pembaca lainnya yang sedang membaca artikel berbeda, dengan begitu impresi website/blogmu meningkat dengan tajam.

Cara Membuat Popular Post kali ini saya khususkan kepada SEO Friendly dan juga enak dipandang, karena gambar dalam tutorial popular post ini sudah 100% seo friendly, jadi tidak perlu khawatir karena ketika kamu cek skor seomu kurang dari 100% akibat dari gambar yang tidak memilikki alt tag.

Baca juga: Mengetahui Kecepatan Loading Blog Terbaru!

Membuat Popular Post SEO Friendly

1. Masuk halaman utama Blogger > Template > Edit HTML
2. Cari kode <b:widget id='Popular Posts1'> intinya yang ada kata popular post dan b:widget, dengan tag penutupnya adalah </b:widget>
3. Salin dan Tempel/Copy dan Paste kode berikut untuk mengganti dari <b:widget hingga akhiran </b:widget>
<b:widget id='PopularPosts1' locked='true' 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 expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
<b:else/>
     <div class='item-thumbnail'>
      <a expr:href='data:post.href' target='_blank'>
       <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:width='data:thumbnailSize' src='https://lh3.googleusercontent.com/-cMjhRYVu6SU/VkSfUhklo_I/AAAAAAAAMWU/pUJBOesUd04/s72-Ic42/no-image-available-default-72.png' width='72'/>
      </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 expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
    <b:else/>
     <div class='item-thumbnail'>
      <a expr:href='data:post.href' target='_blank'>
       <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:width='data:thumbnailSize' src='https://lh3.googleusercontent.com/-cMjhRYVu6SU/VkSfUhklo_I/AAAAAAAAMWU/pUJBOesUd04/s72-Ic42/no-image-available-default-72.png' width='72'/>
      </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>
 4. Selesai dan lihat hasilnya...

Keuntungan Popular POST SEO Friendly
Banyak keuntungan yang kita dapat, termasuk di antaranya adalah skill meningkat dalam optimasi seo on page, sehingga blog kemungkinan besar dapat meningkat dalam mesin pencari Google.

Sekian dan semoga bermanfaat.

Komentarmu mencerminkan sifat kepribadianmu, gunakanlah form komentar dengan bijak
EmoticonEmoticon