Memperbaiki Thumbnail Popular Post Semoga Seo

Score itu cuma angka, yang penting artikel blognya yang bermanfaat, dan dicari oleh orang. Makara artikel ini sanggup dikatakan percuma diterapkan. Abaikan aja artikel ini. Ini berdasarkan pengalaman saya.
 yang penting artikel blognya yang bermanfaat Memperbaiki Thumbnail Popular Post Agar SEO

IwanBerbagi.com – Saya beberapa hari ini mencoba mengedit tampilan blog ini, dari yang dasarnya memakai template mas sugeng 2015 yang sangat keren dan minimalis. Namun aku mengeditnya biar lebih menyerupai yang aku inginkan sobat. Nah, sehabis aku selesai edit ternyata saat aku cek di chkme.com nilai seonya hanya 57% nah kok sanggup yah..?

Namun sehabis aku coba ganti jenis popular postnya menjadi tanpa thumnail atau gambar, dan aku coba cek lagi score seonya menjadi 100% sobat, jadi aku mengambil kesimpulan bahwa yang bermasalah ada pada thumbnailnya.

Maka dari itu aku mendapat caranya sehabis browsing beberapa jam, dan mendapat cara Memperbaiki Thumbnail Popular Post Agar Seo, karena aku sangat suka popular post yang ada thumbnailnya sobat.

Untuk teman yang juga suka memakai gambar pada popular post, teman sanggup mengikuti tutorial singkat ini yang aku buat lebih simpel dari artikel aslinya.
1. Pastikan popular post teman telah memakai thumbnail atau gambar. Harus sama persis menyerupai gambar yang aku upload, ada thumnainya sobat. Karena ini akan memudahkan proses pengeditan popular post ini.
2. Secara default arahan popular post akan menyerupai berikut.
<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='' 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='' 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>

Yang perlu teman perhatikan ialah tag yang aku beri warna merah itu, alasannya pada bab itulah yang akan kita edit sobat, maksud aku disini ialah semua bab dari tag yang aku beri tanda tersebut sobat. Namun disini kita gak perlu susah ngedit, kita hanya perlu mengganti semua arahan tersebut dengan arahan berikut 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' 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 alt='thumbnails' 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 alt='thumbnails' 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>

3. Setelah teman pastikan bahwa telah terganti semua, kini teman Simpan template sobat. Dan coba cek lagi di chkme.com, seharusnya sudah sanggup nilai SEO 100% sobat.
Jika teman ada pertanyaan atau resah mengenai cara Memperbaiki Thumbnail Popular Post Agar SEO, teman sanggup bertanya dengan aku atau teman juga sanggup mengunjungi sumber rujukan dari artikel ini, alasannya disana telah di jelaskan lebih detail lagi sobat. Semoga bermanfaat.. ^_^

Sumber referensi: http://www.kompiajaib.com/2013/06/memperbaiki-thumbnails-pada-popular.html


Sumber https://www.iwanberbagi.com