Cara Merubah Tag Header Blogspot Agar SEO Friendly

Cara Merubah Tag Heading Blogspot Agar SEO Friendly. Assalamualaikum wr.wb, sobat blogger blogspot pada kesempatan kali ini saya akan memberikan panduan / tutorial blogspot mengenai cara mengubah / mengedit tag heading H1, H2, dan H3 agar lebih SEO Friendly.
Sebelumnya SEO (Search Engine Optimization) menurut saya masih misteri dan masih banyak orang yang mencari seluk beluk dan akar dari SEO itu sendiri. Namun semakin berkembangnya zaman banyak yang berfikir bahwa dengan mengubah tag heading H1, H2, H3, dan seterusnya merupakan salah satu penerapan SEOdari platform yang sederhana seperti blogspot.

Dengan mengubah dan memanipulasi H1 untuk judul posting di halaman postingan dan H2 untuk judul postingan di halaman utama sudah memudahkan google search untuk melakukan crawl pada blog Anda. Jadi intinya jika artikel Anda sudah di setting dengan H1, maka google akan mengindex dari heading yang paling pertama yaitu H1 dan diikuti dengan heading selanjutnya. Sebagai pengalaman dampaknya pun sudah saya rasakan seperti, artikel yang mudah dan cepat diindex oleh google dan bertahan di serp pencarian google. Nah jika Anda ingin mencoba untuk optimasi seo yang satu ini silahkan ikuti panduannya di bawah ini.

Sebelumnya Anda harus terhubung dengan Blogger dan pada Dashboard Blogger pilih Template → Edit HTML → Ceklis Expand Template Widget dan mulai tutorial optimasi SEO ini dengan tutorial berikut ini

Mengganti Tag Heading Judul Posting

<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 semua kode tag heading di atas dengan kode berikut ini

<b:if cond='data:blog.pageType != "item"'>
<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> 

Mengganti Tag Heading pada Judul Blog

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

• Ganti semua kode tag heading di atas dengan kode berikut ini

<b:if cond='data:blog.pageType != "item"'>
<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 lagi kode tag heading berikut ini

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

• Ganti semua kode tag heading di atas dengan kode berikut ini

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

Mengganti Tag Heading pada Sidebar

<h2 class='title'><data:title/></h2>

• Ganti tag H2 dengan tag H3

<h3 class='title'><data:title/></h3> 

Saya rasa untuk mengubah tag heading blogspot sudah beres, namun secara keseluruhan tutorial ini belum kelar dan adakalanya Anda harus menyamakan juga CSS dengan tag heading yang sudah diubah, nah Anda janga khawatir jika Anda tidak tahu cara menggantinya silahkan ikuti tutorialnya di bawah ini.

Penerapan CSS pada Judul Posting

.post h3
.post h3 a, .post h3 a:visited, .post h3 strong
.post h3 strong, .post h3 a:hover

• Ganti semua css tersebut dengan css seperti berikut ini

.post h1, .post h2 
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover

Penerapan CSS pada Judul Blog

#header h1

• Ganti semua css tersebut dengan css seperti berikut ini

#header h1, #header p

Penerapan CSS pada Judul Sidebar

.sidebar h2

• Ganti semua css tersebut dengan css seperti berikut ini

.sidebar h3

Demikianlah tutorial blogger blogspot / optimasi blogspot mengenai cara merubah tag heading menjadi H1, H2, H3, dan seterusnya agar menjadikan blogspot Anda semakin Seo Friendly. Semoga artikel yang berjudul Cara Merubah Tag Heading Blogspot Agar SEO Friendly ini bermanfaat dan berguna.

Terima kasih.
sumber: http://giovanialuha.blogspot. com/2013/01/cara-merubah-tag-heading-blogspot-seo-friendly.html