Cara Mengubah Tag Heading Blogspot menjadi SEO

Cara Mengubah Tag Heading Blogspot Menjadi SEO - Membuat tag heading / template blog / blogspot / web menjadi lebih SEO friendly atau cara membuat tag heading blogspot mudah diindex google atau cara menjadikan agar tag heading / template blog / blogspot / web menjadi / lebih SEO friendly / mudah diindex oleh google / mesin pencari / search engine - Setelah kemarin selesai memposting artikel yang menjelaskan tentang pengertian SEO, maka kali ini Oke langsung saja.. Template blog atau web mempunyai  struktur Tag Heading yang terdiri dari h1, h2, h3 dst.. Menurut informasi banyak orang ataupun dari para pakar blog, template blog yang disediakan oleh blogger mempunyai struktur tag heading yang kurang seo friendly. Padahal syarat agar sebuah blog bisa diindex oleh google haruslah mempunyai struktur tag heading yang seo friendly, yaitu dengan susunan seperti ini : 

- tag h1 untuk judul blog (tidak bisa untuk yang lain, artinya h1 hanya untuk judul blog),

- tag h2 untuk judul postingan (akan lebih cepat diindex google)

- terakhir tag h3 untuk widget blog.

Nah, berikut ini akan saja sajikan sebuah artikel cara mengubah template blogspot menjadi seo friendly, yang pastinya akan membuat blog kita lebih diindex oleh om google.

Berikut ini cara mengubah struktur tag heading blogspot menjadi seo friendly:

1. Masuk blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

2. Cari kode berikut ini:

<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'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3

> Perhatikan syntac <h3 dan </h3>, ubahlah menjadi h2 dan </h2>

3. Next cari kode ini:

<h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>

> Ubahlah </h3> menjadi h2

4. Cari kode seperti ini atau yang mirip seperti ini:

<Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">

> Hapus dan ganti menjadi

<Group description="Post Title" selector="h2.post-title, h4, h2.post-title a">

5. Cari kode di bawah ini:

h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
}
h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
}
h3.post-title a:hover {
  color: $(link.hover.color);
  text-decoration: underline;
}

> Ubahlah h3 menjadi h2

6. Ubahlah tag heading widget menjadi h3 dengan mencari kode seperti ini:

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

> Ubah <h2 dan </h2> menjadi <h3 dan </h3>

*Lakukan semua ini pada semua widget blog sobat, artinya bila blog sobat terpasang 4 widget maka penggantian juga dilakukan 4 kali.

7. Langkah terakhir adalah cari kode di bawah ini:

<title><data:blog.pageTitle/></title>

> Hapus kode tersebut dan ganti menjadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Save Template!!

Akhirnya selesai juga, tutorial cara mengubah tag heading blogspot menjadi SEO dan sekarang blog kita lebih seo friendly pastinya.

Happy Blogging