Menggunakan Tag Heading Dinamis - Duasatu.Web.id - Blog yang baik dilihat dari sudut pandang SEO adalah blog yang memiliki struktur tag heading yang tersusun baik. Tag heading ini akan membantu search engine saat meng-index blog dan menyusunan rangking pada halaman hasil pencarian di search engine. Pada saat halaman blog di crawl oleh spider search engine maka yang pertama dirayapi adalah elemen header atau tag heading. Search engine sangat menyukai blog yang memenuhi penerapan sruktur tag heading <h1> sampai <h6>.
Namun yang perlu diperhatikan dalam penerapan elemen header ini bahwa eleman tag <h1> tidak boleh duplikat, artinya dalam sebuah konten blog tidak boleh terdapat lebih dari satu elemen tag <h1> karena dapat dianggap sebagai blog spam oleh search engine.
Memahami Apa yang dimaksud Tag Heading
Secara sederhana pengertian tag heading adalah elemen header atau attribut yang berfungsi menyusun title dan subtitle dalam sebuah konten blog sehingga tersusun secara bertingkat berdasarkan prioritas.
Penggunaan tag heading ini jika diumpamakan dalam menyusun sebuah buku, maka tag <h1> adalah sebagai judul buku, tag <h2> adalah bab, tag <h3> sebagai sub bab dan seterusnya. Search engine mengenal 6 level tag heading <h1> sampai <h6> dengan tag heading <h1> sebagai prioritas utama.
Mengenal Struktur Tag Heading Blog
Secara default template standart blogger menempatkan tag <h1> sebagai Judul Blog, tag <h2> sebagai Judul Widget dan tag <h3> sebagai Judul Postingan. Kalau dilihat susunan level tag heading standart ini, sepertinya optimasi SEO blog masih kurang kuat. Anda dapat memperbaiki susunan tag heading ini agar SEO blog bisa menjadi lebih baik dengan menukar tag <h2> menjadi tag <h3> dan sebaliknya tag <h3> menjadi tag <h2> agar judul postingan menjadi tag heading level-2.
Pada postingan ini, saya akan konsen pada penggunaan tag heading dinamis, dimana judul postingan akan dijadikan elemen header tag <h1>, ini akan menjadikan SEO blog lebih tajam atau oleh para pakar SEO menyebutnya sebagai SEF (Search Engine Friendly).
Cara Menggunakan Tag Heading Dinamis
Menggunakan tag <h1> untuk judul posting dimaksudkan untuk lebih mengoptimalkan SEO blog, karena spider search engine saat men-crawl blog, akan melacak tag heading yang diurut mulai dari tag <h1> hingga tag <h6>. Agar tidak terjadi duplikat tag <h1> pada homepage blog, dibutuhkan special trik untuk memanipulasi tag <h1> sehingga pada homepage, judul blog tetap sebagai tag heading <h1> dan judul posting sebagai tag heading <h2> sedangkan pada halaman posting judul artikel akan mengisi tag heading <h1> menggantikan posisi judul blog, inilah yang dinamakan tag heading dinamis.
Berikut adalah cara menggunakan tag heading dinamis :
Login ke blogger dengan ID Anda
Pada halaman dashboard klik link title blog Anda
Pilih menu Template pada sidebar sebelah kiri
Untuk mengantisipasi hal-hal yang tidak dinginkan backup template blog Anda
Klik Template >> Edit HTML >> Proceed
Beri tanda check pada kotak Expand widgets templates
Cari kode seperti di bawah ini
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
Ganti 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>
Berikut cari lagi kode seperti di bawah ini
<h1 class='title'>
<b:include name='title'/>
</h1>
Ganti 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>
Selanjutnya cari kode seperti 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>
Ganti dengan kode di bawah 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>
Cari kode CSS seperti di bawah ini
.post h3 {bla...bla...bla...bla...}
.post h3 a, .post h3 a:visited {bla...bla...bla...bla...}
.post h3 a:hover {bla...bla...bla...bla...}
Ganti dengan kode berikut ini, atau disesuaikan saja agar tampilan blog tidak berubah
.post h1, .post h2 {margin:.25em 0 0;padding:0 0 4px;font-size:140%;font-weight:normal;line-height:1.4em;color:$titlecolor;}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {display:block;text-decoration:none;color:$titlecolor;font-weight:normal;}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {color:$textcolor;}
Cari kode seperti di bawah ini
#header h1 {bla...bla...bla...bla...}
Ganti dengan kode 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;}
Selanjutnya simpan template Anda dengan menekan tombol Save templates, sampai di sini trik menggunakan tag heading dinamis selesai dan tunggu beberapa hari kemudian, jika pengunjung blog anda meningkat secara signifikan jangan lupa ucapkan Alhamdulillah
sumber
