Cara Membuat Tag Heading Blog SEO Friendly

Cara Membuat Tag Heading Blog SEO Friendly

Cara Membuat Tag Heading Blog SEO Friendly - Tag Heading merupakan attribut HTML yang berfungsi sebagai penyusun level-level heading dan sub heading pada website/blog sehingga akan lebih terstruktur dengan baik. Tag heading memiliki beberapa jenis yaitu H1, H2, H3, H4, H5, dan H6. Menurut pengalaman saya didalam dunia perbloggeran SEO on page terletak pada susunan-susunan tag heading dan biasanya sering disebut dengan Dynamic Heading.

Mayoritas template yang tersebar di penjuru dunia terutama yang FREE tidak terstruktur dengan baik dan tidak berpeluang untuk bersaing dengan blog-blog yang lain. Biasanya judul blog yang menjadi permasalahan. Masalahnya antara judul artikel yang ada di homepage dan singel post memiliki Tag Heading yang sama yaitu H3. Hal itu yang menjadi kurang baiknya blog Anda dalam SERP. Lalu apa yang harus dilakukan ? Yang harus dilakukan adalah mengganti Tag Heading yang ada pada judul artikel pada single post. Jadi judul artikel yang ada pada homepage diberi Tag Heading H3 dan judul artikel yang ada pada single post diberi Tag Heading H1, seperti yang sudha saya terapkan dalam blog Terindikasi.com ini.

Tag Heading (H3) Judul Artikel Pada Homepage

Tag Heading (H1) Judul Artikel Pada Single Post

Satu hal yang perlu Anda tahu bahwa setiap blog-blog yang memiliki pengunjung yang ribuan telah mengaplikasikan trik ini untuk mendapatkan ribuan pengunjung. Mengapa hal itu bisa terjadi ?  Karena Tag Heading (H1) kita yang mendapat respone yang cepat kepada search engine.

Itulah mengenai pembahasan tentang Cara Membuat Tag Heading Blog SEO Friendly biasakan membaca dari awal agar kita semua mengerti dengan baik tidak setengah-setengah mendapatkan ilmu karena ilmu susah dicari. Apalagi ilmu yang bisa membuat Anda bahagia.

Tidak usah berbasa-basi lagi tentang hal-hal ini saya akan langsung membagikan tutorial mengenai Cara Membuat Tag Heading Blog SEO Friendly harap dibaca dengan baik !

Cara Membuat Tag Heading Blog SEO Friendly

1. Login ke dalam Blogger
2. Pergi ke Template
3. Backup terlebih dahulu agar ketika terjadi kesalahan bisa diulang dari awal sebelum diedite. Caranya klik backup/restore (biasanya tombol ini terletak di pojok kanan atas Anda). Lalu klik download full template.
4. Setelah itu klik Edite HTML
5. Centang pada tulisan Expand Widget Template
6. Klik F3 untuk memudahkan pencarian.
7. Lalu cari kode dibawah ini.

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



8. Ganti semua kode diatas dengan 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>



9. Untuk amannya klik Save
10. Sekarang cari kode 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>



11. Ganti semua 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>



12. Klik save
13. Tahap terakhir kita akan membedakan ukuran terhadap judul dan skrip pada Heading saat di homepage dan single post. Cari kode dibawah ini !
    ]]></b:skin>
14. Ganti kode tersebut dengan kode dibawah ini !

#header h1{

}
#header h1 a{

}

P.title {

}
P.title a{

}
]]></b:skin>



15. Isikan kode tersebut seperti dibawah 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
}
]]></b:skin>



16. Selesai

Sekarang stuktur Tag Heading Anda sudah tertata rapih, siap untuk bersaing dengan blog-blog lain dan sudah SEO.

Sekedar itu saja yang bisa saya sampaikan mengenai Cara Membuat Tag Heading Blog SEO Friendly. Jika dalam penulisan ini terdapat kesalahan mohon dimaafkan tapi jika dalam penulisan ini terdapat kelebihan mohon dikembalikan. Sekiranya itu saja jika Anda tidak mengerti atau terjadi kesalahan mohon tinggalkan komentar di bawah ini dengan bahasa yang terpelajar. Akhir kata saya tutup dengan kata, wasalam

Cara Membuat Tag Heading Blog SEO Friendly