Cara Menghack Template Blog Agar SEO Friendly




Cara Menghack Template Blog Agar SEO Friendly. Apakah template blog anda sudah SEO friendly? Pada tutorial ini akan dibahas cara hack template blogger agar SEO friendly, khususnya dengan memberi tag h1 untuk judul postingan. Namun, jika Anda melakukannya secara serampangan bisa jadi malah justru terjadi multiple tag h1 pada halaman Anda. Banyak template blog yang bagus-bagus secara design diluar sana, kebanyakan dari template tersebut mementingkan masalah design. Kita yang akan memakainya perlu sedikit memodifikasi agar optimal.

Berikut ini cara hack title dan head template blogger agar SEO friendly.
  • Login Blogger ---> Rancangan ---> EDIT HTML
  • Klik Download template lengkap untuk jaga-jaga.
Manipulasi Tag Heading Judul Postingan
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>
  • Setelah ketemu Ganti semua kode di atas 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>
Manipulasi Tag Heading Judul Blog
  • Cari lagi kode di bawah ini
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
  • Selanjutnya Ganti dengan kode berikut 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>
  • Cari kode berikut ini
<h1 class='title'>
<b:include name='title'/>
</h1>
  • Ganti dengan kode berikut ini
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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;
}
Catatan: Kalau tidak berhasil, ganti hanya kode H3 nya
  • Langkah terakhir, cari lagi kode css judul blog. Cari yang mirip dengan kode di bawah ini 
#header h1 {
............................
}
  • Setelah itu 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.
mungkin bagi pemula seperti saya menerapkan modifikasi template seperti di atas sangat sulit, tetapi saya yakin kalian yang lebih cerdas dari saya dapat dengan mudah menerapkannya. selamat mencoba dan jangan lupa baca artikel saya tentang Cara Membuat Read More Pada Template Klasik.
Dapatkan update artikel terbaru kami langsung ke email anda

2 Responses to "Cara Menghack Template Blog Agar SEO Friendly"

Unknown said...

:f: terimakasih tipsnya gan saya akan mempraktekannya

Ridho Zinta said...

ribet sial!!!!!!!

ribet banget .......

bapuk komuk sialan sinting ni blog

belum tentu bener..
tapi ribet banget siapa yang pengen nyoba ?
paling cuma orang tolol

Post a Comment

pasang iklan murah