Cara Mudah Edit Tag Heading Blog Agar Lebih SEO Friendly

Cara Edit Tag Heading Agar Lebih SEO Friendly – SEO friendly adalah kata kata yang akrab bagi yang pengen Pengunjung Bajibun, Haha siapa sih gak pengen? kali ini saya akan uraikan Cara Edit Tag Heading Agar Lebih SEO Friendly.
Berikut adalah Cara mengedit tag heading blog agar lebih SEO friendly SIlahkan anda simak

1. Login ke Blog – Rancangan – Edit HTML
2. Centang “Expand Widget Template” dan jangan lupa backup template kamu.
3. Cari kode:
   

   <b:if cond=’data:post.title’>
   <h3 class=’post-title entry-title’>
   <b:if cond=’data:post.link’>
   <a expr:href=’data:post.link’><data:post.title/></a>
   <b:else/>
   <b:if cond=’data:post.url’>
   <a expr:href=’data:post.url’><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h3>
   </b:if>

4. Ganti kode diatas dengan kode dibawah ini:
   

   <b:if cond=’data:blog.pageType != &quot;item&quot;’>
   <b:if cond=’data:post.title’>
   <h2 class=’post-title entry-title’>
   <b:if cond=’data:post.link’>
   <a expr:href=’data:post.link’><data:post.title/></a>
   <b:else/>
   <b:if cond=’data:post.url’>
   <a expr:href=’data:post.url’><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h2>
   </b:if>
   <b:else/>
   <h1 class=’post-title entry-title’>
   <b:if cond=’data:post.link’>
   <a expr:href=’data:post.link’><data:post.title/></a>
   <b:else/>
   <b:if cond=’data:post.url’>
   <a expr:href=’data:post.url’><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h1>
   </b:if>

5. Selanjutnya Cari kodedi bawah ini:
   

   <h1 class=’title’ style=’background: transparent; border-width: 0px’>
   <b:include name=’title’/>
   </h1>

6. Ganti kode tersebut dengan kode dibawah ini:
   

   <b:if cond=’data:blog.pageType != &quot;item&quot;’>
   <h1 class=’title’ style=’background: transparent; border-width: 0px’>
   <b:include name=’title’/>
   </h1>
   <b:else/>
   <p class=’title’ style=’background: transparent; border-width: 0px’>
   <b:include name=’title’/>
   </p>
   </b:if>

7. Lalu cari lagi kode berikut:
   

   <h1 class=’title’>
   <b:include name=’title’/>
   </h1>

8. Ganti kode tersebut dengan kode dibawah ini:
   

   <b:if cond=’data:blog.pageType != &quot;item&quot;’>
   <h1 class=’title’>
   <b:include name=’title’/>
   </h1>
   <b:else/>
   <p class=’title’ style=’font-size:30px; font-weight:bold;letter-spacing:-1px;line-height:normal;margin:5px 5px 0;padding:15px 20px 3px 0;’>
   <b:include name=’title’/>
   </p>
   </b:if>

9. Agar sesuai ukurannya Cari lagi kode yang mirip kode berikut:
   

   .post h3 {
   color: #333333;
   font-size: 16px;
   font-family: Tahoma, Arial, Verdana;
   font-weight: normal;
   text-decoration: none;
   margin: 0 0 5px;
   padding: 10px 0 0;
   }
   .post h3 a, #content h1 a:visited {
   color: #333333;
   font-size: 22px;
   font-weight: normal;
   margin: 0 0 5px;
   padding: 10px 0 0;
   }
   .post h3 a:hover {
   color: #CF152A;
   text-decoration: none;
   }

10. Ganti dengan kode:
    

    .post h1, .post h2 {
    color:$titlecolor;
    font-size: 160%;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0.25em 0 0;
    padding: 0 0 4px;
    }
    .post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
    color:$titlecolor;
    display: block;
    font-weight: bold;
    text-decoration: none;
    }
    .post h1 strong, .post h1 a:hover,.post h2 strong, .post h2 a:hover {
    color: #333333;
    }

11. Dan yang terakhir,cari kode yang mirip dengan kode di bawah ini:
    

    #header h1 {
    ……………………….
    }

12. Ganti dengan kode di bawah ini:
    

    #header h1, #header p {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: $pagetitlefont;
    }

13. Kemudian yang selanjutnya adalah mengubah tag heading pada widget di blog cari kode di bawah ini:
    

    <!– only display title if it’s non-empty –>
    <b:if cond=’data:title != &quot;&quot;’>
    <h2 class=’title’><data:title/></h2>
    </b:if>

14. Ganti h2 menjadi h3
15. Biasanya untuk perubahan pada tutorial yang terakhir yaitu mengubah tag heading pada widget, jika diubah h2 menjadi h3 maka style/judul dari widget anda akan berubah. Agar sama seperti semula, lanjutkan mencari kode berikut:
    

    .sidebar h2

    dan rubah h2 menjadi h3
16. Selesei.

Semoga info mengenai Cara Edit Tag Heading Agar Lebih SEO Friendly bermanfaat buat anda semua

Source:  http://m-wali.com/cara-edit-tag-heading-agar-lebih-seo-friendly/