Saya sendiri berada pada kelompok orang yang setuju jika tag h1 ganda pada satu halaman akan membuat index google buruk. Saya pernah mencobanya dengan mengganti tag judul postingan menjadi h1, sementara tag judul blog juga h1 tanpa saya rubah. Ajaib, data index saya di webmaster tools bertanda silang merah. Dan posisi saya di google angus.... ke halaman belakang.
Solusinya...?
Sebagian blogger memilih tag h1 tetap untuk judul blog sebagaimana standartnya. Dan mereka mengganti tah judul postingan dari h3 ke h2. Membuat judul postingan satu list lebih penting. Namun, bagi Anda yang tetap ingin menggunakan tag h1 untuk judul postingan Anda untuk benar-benar menguatkan index ke postingan Anda? Anda bisa ikuti trik berikut:
1. Login Blogger
2. Cari Tata Letak
3. Cari EDIT HTML
4. Centang Expand Template Widget
Manipulasi Tag Heading Judul Postingan
5. 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>
6. Ganti semua kode di atas dengan
Manipulasi Tag Heading Judul Blog<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>
7. Cari kodedi bawah ini
8. Ganti dengan kode berikut ini<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<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>
9. Cari kode berikut ini
10. Ganti dengan kode berikut ini<h1 class='title'>
<b:include name='title'/>
</h1>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
Terakhir, Set CSS Anda
Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip.
.post h3 {
..................................
}
.post h3 a, .post h3 a:visited{
..................................................
}
.post h3 a:hover {
....................................
}
Ganti kodenya dengan kode di bawah ini
.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}
Satu langkah lagi, yakni cari kode css judul blog. Cari 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;
}
Selesai....
Jika semuanya telah dilakukan dengan benar, segera simpan template Anda. Untuk check silahkan Anda pergi ke Page Title and Header 1 Checker
sumber : http://www.themasdoyok.com/
huaah, coba dulu ahh
ReplyDeletecoba dulu ya gan
ReplyDelete