Cara Menjadikan Title Heading Blog SEO Friendly

Cara Menjadikan Title Heading Blog SEO Friendly. Di awal pembicaran ini saya akan memberikan trik tentang mengedit judul posting agar menjadi seo friendly. Menentukan tag judul posting haruslah tepat, H1 sangat baik dijadikan pada judul posting karena google pertama kali akan mengindex dari h1, h2 dan seterusnya, tetapi kalian tidak boleh mengganti heading tersebut dengan asal karena nantinya akan terjadi duplikat h1 dan memperburuk posisi di mesin pencari. Pada panduan berikut ini judul posting memiliki heading yang berbeda antara halaman awal dan halaman posting.

Berikut ini Panduan Cara Menjadikan Title Heading Blog SEO Friendly

• Masuk ke Akun Blogger sobat
• Pilih Tenplate lalu Edit HTML
• Centang Expand Template Widget
• Kemudian gunakan ctrl-f untuk mencari 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>

• Kemudian ganti dengan kode bdi bawah 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>

Kode di atas menjelaskan kalian sudah merubah tag heading judul posting menjadi H1, tahap selanjutnya akan menjelaskan mengenai header blog.

• Kemudian Gunakan ctrl-f untuk mencari kode berikut ini

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

• Hapus kode di atas dan 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 lagi kode di bawah ini

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

• Hapus kode di atas dan ganti dengan kode di bawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='font-size:30px; font-weight:bold;letter-spacing:-1px;line-height:normal;margin:5px 5px 0;padding:15px 20px 3px 0;'>
<b:include name='title'/>
</p>
</b:if>

Kode di atas akan membedakan antara header blog dengan judul posting agar tidak terjadi duplikat pada satu halaman.

Tahap ini akan mengubah tag heading pada judul sidebar menjadi h3

• Cari kode berikut ini

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>

• Kalian hanya mengganti h2 dengan h3 saja.

Tahap selanjutnya kalian harus mengubah CSS pada template blog kalian agar tampilannya sesuai dengan kode kode di atas.

Pertama pengubahan CSS untuk judul posting

• Cari CSS seperti berikut

.post h3 {.....................;}
.post h3 a, .post h3 a:visited, .post h3 strong {.....................;}
.post h3 strong, .post h3 a:hover {.....................;}

• Kemudian hapus dan ganti dengan CSS di bawah ini

.post h1, .post h2{color:$titlecolor; font-size:160%; font-weight:normal; line-height:1.4em; margin:0.25em 0 0; padding:0 0 4px}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{color:$titlecolor; display:block; font-weight:bold; text-decoration:none}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover{color:#333}

Kedua pengubahan CSS untuk Header Blog

•  Cari CSS Header berikut ini

#header h1 {.....................;}

• Kemudian hapus CSS Header di atas dan ganti dengan CSS berikut 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}

Tahap selanjutnya pengubahan heading judul sidebar blog

• Cari CSS sidebar berikut ini

.sidebar h2{.....................;}

• Kemudian ganti h2 menjadi h3

Demikianlah pembahasn tentang tag heading title blog. Di akhir pembahasan ini saya akan mengakhiri artikel yang berjudul Cara Menjadikan Title Heading Blog SEO Friendly. Jika kalian kesusahan dalam memasukan kode kode di atas betanyalah pada komentar di bawah ini.