Kamis, 10 April 2014

Cara Optimasi Tag H1 : Tag H1 Menjadi Judul Posting | Tip SEO

By: Unknown On: 02.44 In: Tutorial Blog 2 comments

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Optimasi Tag H1

Ricki Berbagi - 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-langkah Bagaimana ubah Tag H1 menjadi Judul Posting tentu saja biar lebih SEO :)

Langsung saja ikuti langkah-langkah berikut :

Login ke Blogger
Masuk ke Rancangan -> Edit HTML
Jangan lupa di simpan/ download dulu template lama :)
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 != "item"'>
<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 != "item"'>
<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 != "item"'>
<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;
}