Cara Mengoptimasi Tag Heading Blog

 Cara Mengoptimasi Tag Heading Blog | Anyoaseo, dari blog walking kesana kemari, bisa disimpulakan bahwa pentignya Tag Heading blog sebagai optimastor dalam SEO. Dia juga berperan sebagai penyumbang terbesar dalam Template yang SEO Friendly. Saya tidak tau kenapa Struktur dalam headingnya disebut sebagai Dynamic Tag Heading, dan juga memasang Dynamic Tag Heading adalah salah satu cara tehnik SEO On Page.

Tag heading adalah attribut html yang berfungsi untuk menyusun level-level heading dan subheading pada website sehingga akan lebih terstruktur dengan baik.Ia berjumlah 6 yang berguna untuk memberikan judul (heading) pada dokumen HTML. Sebelumnya template ini tidak support dan bisa dikatan H1 is Very Bad kata Chkme.com, kemudian dari SEO Quake pada SEO Diagnosis, adalah seperti gambar dibawah ini :

 Lihat? ada tanda X. Shock berat lihat kayak gini, apalagi aku cek di Chkme.com, hasilnya seperti ini :

Waktu itu SEO Scorenya cuma 63%. Tambah shock lagi...
H1 judul tag (tag heading) adalah yang paling penting dari tag judul dan membantu mesin pencari memahami fokus utama halaman. Juga, teks dalam tag H1 biasanya lebih besar dari teks normal dan membantu pengguna dengan cepat mempelajari apa halaman blog. Nah, ini adalah cara pemasangannya :

1. Sobat masuk dulu di Edit HTML, kemudian cari

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

2.  Hapus kode tesebut lalu ganti kode dibawah ini :

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<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>
</div>
<b:include name='description'/>
</div>

3. Kemudian kita akan mengedit Tag head bagian Judul Post nya, cari kode seperti dibawah 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'>
 <b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/></a>
<b:else/>
 <data:post.title/>
</b:if>
<b:else/>
 <data:post.title/>
</b:if>
</b:if>
</h3>
</b:if> 

 4. Biasanya ada 2, ganti kode tersebut dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<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>
<b:else/>
<H1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>

5. Selanjutnya tinggal mengatur ukuran hurufnya dengan CSS di bawah ini :

#header h1{
font-size: 20px;
color: #ffffff;
}
#header h1 a{
text-align:left
}
P.title {
font-size: 20px;
color: #ffffff;
}
P.title a{
text-align:left
}

6. Selesai.

Ganti Warna Biru dengan ukuran huruf yang sesuai dengan blog sobat.  Setelah berhasil di pasang waktu saya cek di SEO Diagnosis, hasilnya seperti ini :

Kemudian SEO score dari 63% langsung menuju ke setelah ini, mengikuti SEO Kontes jadi lebih Percaya Diri.

Referensi