Cara Mengganti Judul Blog Menjadi H1 Agar Lebih SEO

Dalam sebuah blog memiliki susunan Tag H (Heading) yang berbeda dalam setiap kode HTML yang ada dalam template blog itu sendiri. Tag H sendiri merupakan faktor terpenting dan berpengaruh sangat besar bagi sebuah blog dalam search engine karena sebuah blog akan dinilai sangat relevan jika memiliki susunan Tag H.

Susunan tag H yang baik untuk sebuah blog, terdiri dari H1, H2, H3, H4, H5, H6
Dan inilah Cara Mengganti Judul Artikel Posting Menjadi Tag H1 agar lebih SEO

1. Masuk ke akun Blogger anda
2. Klik Template > Edit HTML > centang Expand Widget Template >> tekan Ctrl+F pada keyboard
3. Cari 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>

4. Hapus kode di no.3 dan ganti dengan kode berikut 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>

5. Cari kode berikut ini :

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

6. Hapus kode no.5 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>

7. Cari kode seperti berikut ini :

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

8. Ganti kode no.7 dengan kode berikut ini :

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

9. Cari kode berikut ini :

post h3 {font-size: 16px; font-family: Tahoma, Arial, Verdana; font-weight: normal; text-decoration: none;margin: 0 0 5px;padding: 10px 0 0;}
.post h3 a, #content h1 a:visited {font-size: 22px;font-weight: normal;margin: 0 0 5px;padding: 10px 0 0;}
.post h3 a:hover {text-decoration: none;}

10. Ganti kode no.9 dengan kode berikut 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 {}

Selesai! Dan sobat jangan simpan terlebih dahulu tapi Pratinjau perubahan yang terjadi pada tampilan blog sobat. Jika tidak ada kode error dan tampilan blog tidak berubah, klik Simpan Template.

Tidak semua  blog bisa diganti dengan kode ini, tapi alangkah baiknya anda mencobanya, karena kalau tidak mencoba anda tidak akan tau yang benar, sedangkan saya sendiri memakai kode ini agar lebih SOE friendly pada blog..

Tweet

Subscribe to receive free email updates: