Optimasi Tag H1 : Tag H1 Menjadi Judul Posting | Tip

Blogger | Coepoe - Tip Bagaimana membuat Tag H1,.. lebih SEO Friendly ? Kali ini saya coba memaparkan sesuai dengan arahan para Master SEO dan kebetulan sudah saya coba di beberapa blog saya yang bertemakan blogspot. Pada umumnya susunan H1, H2, H3 dst pada default template blogspot menempatkan H1 untuk judul blog, kemudian H2 header widget dan H3 adalah judul posting. Padahal kita tahu mesin pencari semacam google lebih mengutamakan H1 untuk mengidentifikasi blog. Dalam tutorial ini memaparkan langkah-langkahBagaimana ubah Tag H1 menjadi Judul Posting tentu saja biar lebih SEO :)

Langsung saja ikuti langkah-langkah berikut :

1. Login ke Blogger
2. Masuk ke Rancangan -> Edit HTML
3. Jangan lupa di simpan/ download dulu template lama :)
4. Klik "Expand Widget Template

Langkah 1 :
Cari Kode :

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

Langkah 2 :
Cari Kode :

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

Ganti dengan :

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

Langkah 3 :
Cari Kode :

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

Ganti dengan :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'>
</b:include></h1>
<b:else>
<div class='title' style='font-size: 26px; font-weight: bold; letter-spacing: -1px; line-height: normal; margin: 5px 5px 0pt; padding: 15px 20px 3px 0pt;'>
<b:include name='title'>
</b:include></div>
</b:else></b:if>

Langkah 4 :
Cari kode yang mirip ini, tidak selalu sama persis soalnya :

.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 dengan :

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

SIMPAN dan SELESAI !
Mudah bukan sobat ? akhirnya kita sudah punya template blog dengan susunan Tag H1,... yang lebih rapi dan tentunya SEO friendly. Semoga artikel Setting Tag H1, H2 ini bermanfaat bagi sobat Blogger | Coepoe semua.