Memodifikasi TAG HEADING blogspot

Dalam optimasi SEO onpage pada blog kita banyak sekali bagian dalam blog yang kita benahi,baik itu meta tag,meta deskrisi,meta keyword dan tidak lupa khususnya tag heading.
tag heading sendiri berfungsi sebagai pemberi informasi pada search engine tentang susunan tag pada blog kita sehingga susunan tag pada blog kita lebih rapi dan dampaknya akan lebih cepat dikenali dan terbaca oleh robot google.
Pada umumnya kondisi susunan tag heading standart pada template blog kita adalah:
tag heading h1>judul blog
tag heading h2>judul widget
tag heading h3>judul postingan.

Nah, sekarang kita akan merubah tag heading menjadi:

tag heading h1>judul postingan
tag heading h2>judul widget
tag heading h3>judul blog

berikut cara memodifikasi TAG HEADING blog kita khususnya blogspot agar lebih SEO friendly:
langkah pertama
login ke akun blogger>lalu klik>rancangan lalu klik>edit HTML(jangan lupa centang widget).
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 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>


lalu Cari kode di berikut ini:

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

Ganti kode di atas 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>

Lalu cari lagi kode berikut:

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

Ganti kode diatas 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>

Agar sesuai ukurannya di blog kita Cari lagi 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;
       }

Ganti kode diatas dengan kode di bawah ini:

       .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;
       }

Dan yang terakhir,cari kode yang mirip dengan kode di bawah ini:

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

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

Kemudian lankah selanjutnya adalah mengubah tag heading pada widget
di blog kita.

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>

Ganti h2 menjadi h3

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

    setelah itu rubah h2 menjadi h3
    Selesei.


Jangan lupa di save template kalian.
Begitu lah cara memodifikasi TAG HEADING pada blog kita agar lebih SEO friendly.
Semoga bermanfaat.