Cara Edit Template Blog agar SEO Friendly

Pada Tips Blogspot Sebelumnya Saya Sudah Menjelaskan Pada Anda Tentang Bagaimana cara Menghilangkan Judul Blog Di header Blog.dan Pada Artikel Kali ini saya akan menjelaskan Pada Sobat Tentang Cara Mengedit Template Blog Agar Seo Friendly.Mengubah Tag Heading sangat berguna KarnaTag heading menetukan urutan yang lebih penting saat google index. Berurutan dari yang terpenting menggunakan tag h1 untuk yang terpenting dan seterusnya hingga tag h6. Hal ini dapat digunakan untuk menguatkan postingan kita langsung di google. Caranya adalah dengan memberi tag h1 untuk judul postingan. Namun, jika Anda melakukannya secara serampangan bisa jadi malah justru terjadi multiple tag h1 pada halaman Anda.
Solusinya...?
Sebagian blogger memilih tag h1 tetap untuk judul blog sebagaimana standartnya. Dan mereka mengganti tah judul postingan dari h3 ke h2. Membuat judul postingan satu list lebih penting. Namun, bagi Anda yang tetap ingin menggunakan tag h1 untuk judul postingan Anda untuk benar-benar menguatkan index ke postingan Anda? Anda bisa ikuti trik berikut:

• Login Blogger
• Tata Letak
• EDIT HTML
• Centang Expand Template Widget

• Manipulasi Tag Heading Judul Postingan   
  

• Cari Kode Berikut ini

<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>

• Ganti semua kode di atas dengan

<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>

• Manipulasi Tag Heading Judul Blog

• Cari Kode Dibawah ini

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

• Ganti Dengan Kode Berikut 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>

• Cari Kode Berikut Ini

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

• Ganti Dengan Kode Berikut Ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <h1 class='title'>
              <b:include name='title'/>
            </h1>
    <b:else/>
            <p class='title'>
              <b:include name='title'/>
            </p>
    </b:if>

• Set CSS Sobat

Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip

    .post h3 {
    ..................................
    }

    .post h3 a, .post h3 a:visited{
     ..................................................
    }

    .post h3 a:hover {
    ....................................
    }

• Ganti Kodenya Dengan Kode Berikut

        .post h1, .post h2 {
          margin:.25em 0 0;
          padding:0 0 4px;
          font-size:140%;
          font-weight:normal;
          line-height:1.4em;
          color:$titlecolor;
        }

        .post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong{
          display:block;
          text-decoration:none;
          color:$titlecolor;
          font-weight:normal;
        }

        .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
          color:$textcolor;
        }

• Langkah Terakhir...Yaitu Tinggal Mecari Kode CSS Judul blog

cari Yg Miri Seperti ini

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

Ganti Kode Berikut Dengan Kode 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;
    }

SELAMAT MENCOBA SEMOGA BERHASIL

sumber : http://tejahtc.blogspot.com