Pentingnya Heading title H1 H2 di Blog

Dalam metode SEO, Membuat Heading title H1 H2 di Blog itu juga penting untuk diterapkan. Membuat Heading title H1 H2 di Blog  adalah salah satu point terpenting dalam SEO Onpage. Jadi perhatikan juga struktur title website antara H1 H2 H3. Berikut cara Membuat Heading title H1 H2 di Blog :

• Modifikasi Header

Cari kode ini :

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

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>

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

• Sesuaikan CSS

Cari Kode 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; }

Setiap template memiliki Code CSS post yang 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 CSS Header ini: #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 dengan kode dibawah 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; }

• Simpan template, selesai.

Catatan:

Perlu diketahui, bahwa setiap template blog memiliki Kode css yang berbeda. Jadi yang terpenting adalah bagaimana anda mengetahui cara modifikasi code css posting dan code css header sehingga anda paham cara modifikasi code css agar rapi dan tetap menjaga tampilan blog anda, meski sedikit rumit tapi hasilnya sungguh lumayan.