Edit Tag Heading Agar Lebih SEO Friendly

Edit Tag Heading Agar Lebih SEO Friendly | Edit Tag Heading Blogspot Agar SEO Friendly,Cara Mengedit Tag Heading Blogger Supaya Lebih SEO,Merubah Tag Heading judul postingan menjadi h1,Tips SEO tentang cara mengubah tag Heading agar lebih SEO Friendly.Nah,tutorial kali ini Blog Ini akan memberikan tips tentang cara membuat tag heading pada blogspot kamu agar lebih SEO friendly.

Susunan tag heading pada sebuah blog atau web sangat penting untuk SEO, karena tag heading akan memberikan informasi pada mesin pencari tingkatan-tingkatan sebuah tag,dari yang paling Utama yaitu H1 sampai urutan yang terakhir yaitu H6.

Gambar diatas menunjukkan uran dari tag heading itu sendiri,hal itu juga akan menunjukkan dari yang paling penting dan yang paling kecil tingkatannya.

Pada umumnya atau template standart blogger menempatkan judul blog pada tag heading h1,judul widget pada tag heading h2,dan judul postingan pada tag heading h3. nah sekarang kita akan merubah judul posting blog pada h1, dan menghindari dowble h1 pada blog kamu,karena dowble h1 akan membuat blog kamu kurang bagus juga untuk SEO. lalu bagaimana caranya?

Cara mengedit tag heading blog agar lebih SEO friendly caranya sebagai berikut:

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.