Cara Setting Tittle Tags H1,H2,H3,H4,H5 Pada Template Blogger
Cara Setting Tittle Tags H1,H2,H3,H4,H5 Pada Template - Hal tersebut memang terlihat sepele, namun saya rasa cukup penting dalam meningkatkan suatu SEO di blog. Saya membuat artikel tentang Cara Setting Tittle Tags H1,H2,H3,H4,H5 Pada Template ini karena saya sendiri baru saja melakukannya pada blog yang saya miliki. Ceritanya kemaren saya menggunakan template dari salah satu publiser template yang cukup terkenal. Karena awalnya saya kurang paham tentang template, jadi saya langsung saja menggunakannya. Beberapa hari berjalan saya tahu bahwa pada template yang saya gunakan itu terdapat lebih dari 1 Tittle Tag H1 dalam templatenya. Sedangkan Tittle Tag H1 itu tidak boleh lebih dari 1. Maka saya berusaha mencari info tentang Cara Mengedit Tags Tittle tersebut. Dan akhirnya saya menemukannya. Sekarang saya ingin share pada teman-teman semua di Blog Bpa2m ini. Tutorial tentang Cara Setting Tittle Tags H1 Sampai H5 yang saya dapat ini telah saya terapkan diblog saya, dan terbukti work serta saya yakin dapat Anda gunakan juga.
Cara Setting Tittle Tags H1,H2,H3,H4,H5 Pada Template
Tujuaan utama dari pengaturan Tittle Tags ini adalah untuk membuat judul postingan menjadi title blog atau menjadi H1 dalam halaman artikel. Sebenarnya pada template blogger telah disediakan tags h1, h2, h3, dan h4 dalam elemen html templatenya. Akan tetapi karena sekarang banyak sekali para blogger yang melakukan pengaturan ulang dengan template yang mereka gunakan, maka jika Anda hanya menggunakan template bawaan dari blogger sendiri saya rasa SEOnya akan kalah dengan blog lain. Sebelumnya, apa sebenarnya yang dimaksud dengan tittle tags H1 itu? tittle tags H1 adalah Judul homepage blog Anda. Dan judul tersebut akan tetap menjadi H1 di semua halaman posting.
Sedangkan untuk Tags Title H2 adalah Tanggal publish artikel yang ada pada blog anda. Anda yang menggunakan blog dengan tema brita, tags ini cocok untuk Anda gunakan. Haol ini karena para pencari berita ingin selalu mendapatkan berita yang update. Sedangkan untuk blog yang berisi tentang tutorial atau tips dan trick, Tags H2 biasanya juga berbentuk judul widget.
Untuk tittle tags H3 adalah Judul postingan blog Anda. Atau bisa juga disebut dengan judul artikel yang Anda buat. Dan tags H3 ini ada pada setiap judul posting pada blog anda
Berikutnya untuk tittle tags H4 adalah merupakan orang yang berkomentar atau name/url yang ada dalam halaman artikel blog. Bisa juga H4 ini ada dalam kolom komentar jika Anda menyediakan kolom komentar dalam blog Anda.
Langsung saja berikut langkah-langkah untuk melakukan Setting Tittle Tags H1,H2,H3,H4,H5 Pada Template
- Anda bisa login terlebih dahulu pada blog yang ingin Anda edit templatenya.
- Kemudian silahkan Anda pilih Template, dan pilih Edit HTML. Jangan lupa untuk backup template terlebih dahulu untuk berjaga-jaga.
- Cara selanjutnya adalah hilangkan heading tag title H1 yang ada di dalam html template blogger anda. Caranya adalah cari kode ini:
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
Ganti dengan kode di bawah ini:
<div id='header-inner'>
<div class='titlewrapper'>
<b:include name='title'/>
</div>
<b:include name='description'/>
</div> - Selanjutnya hilangkan heading tag title H1 untuk homepage yang selalu menjadi H1 disetiap halaman artikel blog. Hal ini agar heading tag title di homepage menjadi h2 saat berada di halaman artikel. Caranya cari kode ini:
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
Ganti dengan kode dibawah ini:
<b:includable id='title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
<data:title/>
</a>
</h1>
<b:else/>
<h2 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
<data:title/>
</a>
</h2>
</b:if>
<b:else/>
<h2 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
<data:title/>
</a>
</h2>
</b:if>
</b:includable> - Langkah selanjutnya membuat heading atau judul artikel blog Anda menjadi h2 saat di halaman homepage blog dan menjadi h1 saat berada di halaman artikel. Ini akan membuat homepage title yang sebelumnya h1 berubah menjadi h2 secara otomatis. Akan tetapi jangan rubah kode yang ada diantara kode berikut:
Temukan kode ini beberapa baris dari kode tadi:<b:includable id='mobile-post' var='post'>
dan
</b:includable>
Yang harus dilakukan hanyalah mengganti kode yang tedapat di bawah:
<b:includable id='post' var='post'>
Ganti kode tersebut dengan kode ini:<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<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>
Untuk mengubah heading tags tanggal postingan, Anda bisa cari kode di bawah ini:<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h2 class='post-title entry-title' itemprop='name'>
<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'>
<b:if cond='data:blog.url != 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:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<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'>
<b:if cond='data:blog.url != 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:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<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'>
<b:if cond='data:blog.url != 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:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
Ganti h2 di atas dengan h3 atau h4. Yang penting susunan nya adalah h1, h2, h3, dst. Jangan sampai menambahkan heading yang susunannya melompat-lompat. Misalkan h1, tanpa ada h2, kemudian ada h3, h4, dan seterusnya. Setelah semua selesai, Klik Preview terlebih dahulu dan jika tidak di temukan error silahkan klik Save Templete. Jangan sampai ada kesalahan dalam edit tersebut. Karena sedikit saja terjadi kesalahan, maka template Anda akan rusak, dan pastinya akan sangat sulit bagi Anda yang belum mengerti betul tentang template blog. Karena itu jangan lupa untuk selalu Preview dahulu sebelum save template tadi. Selamat mencoba Cara Setting Tittle Tags H1,H2,H3,H4,H5 Pada Template yang telah saya coba pada blog saya sendiri. Jangan lupa baca juga cara penyusunan tittle tag pada blog, agar lebih SEO lagi. Semoga berhasil.
