Cara Membuat Tag Heading Yang Seo Friendly

Home » Tutorial » Cara Membuat Tag Heading Yang Seo Friendly

Cara Membuat Tag Heading Yang Seo Friendly

Pada template mempunyai struktur Tag Heading yang biasa di sebut tag h1 h2 h3 dst. Menurut Para master seo mengungkapkan bahwa struktur tag heading yang di suka oleh google yaitu 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. Pada template standar blogspot mempunyai tag heading yang tidak terstruktur seperti yang disebutkan di atas, dan harus kita ubah agar template blogspot menjadi seo friendly.
Berikut ini cara mengubah struktur tag heading blogspot menjadi seo friendly
Masuk blogger > rancangan > edit html > centang expand template widget
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 <h3 dan </h3> ubah menjadi h2 dan </h2>
lanjutkan cari kode di bawah ini

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

sama seperti di atas ubah h3 menjadi h2kemudian cari kode di bawah ini

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

ganti menjadi

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

lanjutkan lagi 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;
}

ubah h3 menjadi h2

kemudian yang selanjutnya adalah mengubah tag heading pada widget di blog cari kode di bawah ini

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>

ubah h2 menjadi h3, untuk tag heading widget ini akan ada banyak di template tergantung berapa widget yang anda pasang di blog, jika ada 5 widget maka kode tersebut juga akan ada 5, maka carilah kelima tersebut dan ganti tag heading nya menjadi h2.
Selanjutnya tahap terakhir cari kode berikut

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

hapus kode tersebut dan ganti menjadi

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

SAVE TEMPLATE !!!

akhirnya selesai juga, untuk mengecek apakah struktur tag heading blogspot menjadi seo friendly silahkan klik link berikut http://www.searchengineoptimisation.co.uk/seo-tools/h-tag-and-alt-tag-checker.html masukan alamat web anda.

Description: Cara Membuat Tag Heading Yang Seo Friendly Rating: 3.5 Reviewer: Unknown ItemReviewed: Cara Membuat Tag Heading Yang Seo Friendly