header SEO friendly

Tutorial blogger kali ini akan membahas cara untuk otimalkan / optimisasi blog header agar seo friedly dan mudah ter index oleh google. Tutorial blogger ini mudah dan bisa dilakukan oleh pemula sekalipun
Langkah pertama Modifikasi Header:
cari kode ini

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

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

Kemudian cari kode berikut ini:

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

Ubah dengan kode 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>

Langkah kedua modifikasi pada posting:
Cari kode 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>

Ganti dengan kode 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>

Langkah ketiga sesuaikan CSS:
Cari koode ini:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

Code css post setiap template berbeda jadi lihat code .post anda dan rubah menjadi seperti 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;
}

Cari kode ini css header:

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Ganti kode tersebut menjadi:

#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

 Tujuan Modifikasi tag h1 ini saya jabarkan seperti ini: jika blog anda pada posisi home page maka title blog atau judul blog memiliki atribut tag h1 dan posting memiliki atribut h2 sedangkan seidbar dan lainnya mengikuti. Jika anda masuk dalam sebuah artikel maka perubahan tag dimulai header anda menjadi no atribut tag h1 sebab secara otomatis tag h1 di pakai title posting. Dari modifikasi ini maka pastinya judul artikel anda menjadi lebih utama di bandingkan title blog anda, tetapi title blog anda tidak akan kehilangan eksistensi tag h1.(link judul blog).

≠=========

Intro- New Android Developer

BOVENApps

https://boven-apps.blogspot.com

==========

Pada kode css pada setiap template tidak sama dan yang paling terpenting adalah bagaimana anda mengetahui code css posting dan code css header sehingga anda nanti mengetahui cara modifikasi code css agar sama dan rapi. Tetap menjaga tampilan blog anda agar header seo friendly, ini juga saya lakukan pada blogurutanpertama.
semoga Tutorial blogger kali ini bermanfaat dan menjadikan blog anda seo friendly. dan menjadi blog nomor satu di search engine. untuk lebih lengkap tentang seo silahkan baca: tutorial maksimalkan seo blog terindex google