cara mengedit tag heading pada template blog agar lebih SEO friendly

Kali ini saya akan share masalah SEO lagi nih kawan. Oky, kita langsung aja ke materi. Pada template yang mempunyai struktur tag Heading h1 h2 h3 dst, mungkin sudah agak lega. Karena menurut Maestro SEO membuat struktur tag Heading seperti ini membuat Google jatuh cinta kepada blog kita, tag Heading yang disukai oleh google yang tersusun seperti ini, tag h1 untuk title blog / judul blog dan hanya satu, kemudian pada tag h2 untuk di tempati oleh judul postingan / judul artikel, pada tag h2 boleh lebih dari satu, dan yang terakhir tag h3 untuk widget blog. Mungkin untuk template yang SEO Friendly sudah tersusun tag heading seperti diatas, yang biasa kalian download di berbagai blog menyediakan template SEO friendly. Namun bagaimana jika template anda tidak memiliki susunan tag heading seperti diatas? Nah, kali ini saya akan membahas cara mengedit struktur tag heading pada template blog agar lebih SEO friendly.

Pertama kalian harus masuk ke akun blog kalian. Setelah itu masuk ke rancangan >> Edit HTML
Jangan lupa beritanda centang pada Expand Widget.

Kemudian cari kode yang mirip di bawah ini : (Gunakan CTRL + F untuk mempermudah)

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

Pada bagian <h3> dan </h3> silahkan ganti dengan <h2> dan </h3>

Cari lagi kode seperti dibawah ini ;

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

Ubah h3 menjadi h2.

Kemudian cari juga kode dibawah ini :

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

Ganti dengan kode dibawah ini

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

Lanjutkan dengan mencari kode 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;
    }

Ubah kode h3 tersebut menjadi h2

Selanjutnya merubah tag heading pada widget. Cari kode di bawah ini

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

Ubah h2 menjadi h3. Mungkin terdapat banyak kode seperi diatas, hal ini tergantung banyaknya widget yang terpasang diblog sobat. Jika sobat memasang 4 widget berarti juga akan terdapat 4 kode seperti diatas.


Selesai

Setiap template berbeda-beda kalian bisa mencari kode yang sekiranya mirip. Sekian tutorial SEO yang saya pelajari dari blog teman saya antigaptek.com. cara mengedit struktur tag heading pada template blog agar lebih SEO friendly semoga bermanfaat bagi sobat semua.