Optimasi Tag h1Pada Judul Posting Blogger

Kali ini manz akan posting tentang Tag h1 SEO Friendly. Dalam susunan pada Html di ketahui memiliki beberapa level Tag seperti h1, h2, h3, h4, h5, dan 56. Semakin kecil angka Tag maka semakin bagus di hadapan search engine, google sangat menyukai Tag h1.

Biasanya Tag Heading yang templatenya Default Struktur pada Tag Heading h1 pada judul blog, Tag h2 pada widget, Tag h3 pada posting.

Nah di postingan ini saya akan menjelaskan bagaimana cara merubah Judul Poting Tag h1 di halaman posting, dan Tag h2 di halaman pertama alias Home Page.

.::Langkah - Langkah Optimasi Tag h1 Pada Judul Posting Blogger::.

1. Anda harus masuk ke akun blogger anda.

2. Klik Rancangan >> Klik Edit Html >> Dan jangan lupa contreng atau centang expand template widgetnya.

3. Cari kode seperti 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>

Hapus kode di atas dan ganti dengan kode di bawah 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>

4. Anda harus cari lagi kode seperti ini.

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

<b:include name='title'/>

</h1>

Hapus kode di atas dan ganti dengan kode di bawah 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>

5. Anda harus cari lagi kode seperti ini.

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

Hapus kode di atas dan ganti dengan kode di bawah ini.

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

6.  Yang terakhir cari kode seperti ini.

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

Hapus kode di atas dan ganti 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;
}

7.  Save Templatenya

Semoga artikel ini bisa bermanfaat untuk anda dan saya sendiri. selamat mencoba dan smoga berhasil.

.::Related Post::.