Belajar Bisnis Online Gratis Bagi Pemula: Membuat Dynamic Heading Blog Yang SEO Friendly

Membuat Dynamic Heading Tag atau Heading Dinamis adalah salah satu trik SEO untuk mengubah judul postingan menjadi Judul Blog atau menjadi H1 pada halaman posting.

Dynamic Heading ini juga merupakan rekomendasi dari google supaya template blog lebih SEO dan mudah di analisa oleh search engine. Oleh karena itu kali ini saya akan share cara mengubah heading di blog menjadi dynamic heading.

Heading template yang belum SEO

Sebenarnya Blogger.com secara default telah menanamkan heading pada template nya. namun heading ini dinilai tidak SEO. Karena pada halaman posting, Heading H1 nya merupakan Nama Blog dan judul postingnya menggunakan heading H3, ini menyebabkan blog kurang SEO Friendly di mata search engine. Berikut heading pada halaman posting secara default yang belum dinamis:

H1: Nama blog.
H2: Tanggal posting blog
H3: Judul posting blog.

Maka agar menjadikan Blog SEO di mata search engine, maka anda bisa mengganti heading tersebut menjadi heading yang dinamis seperti ini:

heading H1 adalah Nama Blog saat di Homepage, sementara
heading H1 pada halaman posting diubah menjadi Judul Posting.

Blog yang sudah Dynamic Heading

Sekarang silahkan perhatikan contoh gambar dari blog yang sudah menggunakan dynamic heading berikut ini.

Jika anda tertarik untuk membuat dynamic heading seperti pada gambar diatas, maka silahkan pahami beberapa pembahasan berikut ini.

Cara cek Judul Posting sudah H1 atau belum

Oke sebelumnya, untuk mengetahui apakah judul posting anda sudah menggunakan H1 atau masih H2, maka gunakanlah cara berikut ini.

1. Blok atau select judul posting

2. Klik kanan mouse > pilih "Inspect Element"

3. Akan muncul seperti ini:

<h1 class...> : ini artinya judul posting sudah menggunakan heading H1, ATAU
<h2 class...> : ini artinya judul posting masih menggunakan heading H2, dan kurang SEO

Men-setting Header Halaman

Nah, sekarang kita atur Header halaman seperti gambar diatas yang ditunjukan pada "Nomor 2".

Langkah ini digunakan untuk menampilkan Judul Posting menjadi Header. Secara langsung juga hal ini membuat "Judul posting menjadi H1".

Kenapa bisa gitu? Karena pada template, Header halaman secara default menggunakan heading H1. Maka jika kita mengubah header (tadinya nama blog) menjadi judul posting pada halaman posting, maka heading H1 ikut berubah menjadi judul posting. Hal ini akan membuat H1 pada setiap halaman posting berbeda (tadinya nama blog saja) dan menjadi dinamis. Ini yang membuat trik ini menjadi sangat SEO Frendly

Untuk membuatnya maka ikuti langkah-langkah berikut ini.

1. Pada dashboard blog anda pilih tab menu "Template" > lalu klik "Edit HTML"

2. Kemudian cari kode <b:include name='title'/>

(Gunakan ctrl+F untuk mencarinya. Bila anda menemukan 3 atau 2 kode seperti ini, coba mulai dari kode yang paling bawah).

3. Lalu hapus & ganti kode <b:include name='title'/> dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>

4. Klik "Save Template".

Men-setting Judul Postingan

Nah sekarang kita atur judul postingan seperti gambar diatas yang letaknya pada "Nomor 3".

Pada umumnya, template secara default menggunakan H3 untuk judul postingan. Hal ini kurang SEO friendly, karena ini akan membuat Google menilai bahwa judul postingan kalah penting dengan tanggal postingan (yang memiliki heading H2). Maka sebaiknya kita mengubah judul posting menjadi H2. Dengan begitu judul posting akan dinilai lebih penting oleh robot search engine seperti Googlebot.

Silahkan ikuti langkah berikut untuk merubag tag H3 pada judul posting menjadi H2:

1. Cari semua kode <h3 class='post , lalu ganti kode tersebut menjadi <h2 class='post

2. Ubah juga pengakhir tag </h3> menjadi </h2>

3. Lalu simpan template

Men-setting Tanggal Postingan

Secara default template biasanya pada tanggal postingan menggunakan Heading H2, ini kurang SEO karena tanggal akan dinilai sama pentingnya dengan judul posting oleh Robot search engine. Maka, ganti heading tanggal postingan menjadi H4 saja.

Berikut ini caranya :

1. Cari kode berikut ini:

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>

2. Ganti kode h2 yang berwarna merah menjadi h4

3. Lalu simpan template

Men-setting Judul Widget

Secara default kebanyakan template secara default telah memberikan heading H2 pada judul widget. Hal ini membuat judul widget bernilai sama dengan judul posting di mata search engine, sehingga kurang bagus bila kita ingin mengoptimasi setiap Posting Artikel agar SEO. Maka kita harus mengubah heading Judul Widget menjadi H3 saja.

Berikut ini caranya :

1. Cari semua kode HTML untuk widget blog anda. Sebagai contoh pada widget Arsip, kode HTML nya seperti dibawah ini.

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

2. Silahkan ubah kode berwarna merah di atas menjadi <h3><data:title/></h3>

3. Lalu ulangi dan ubah seluruh heading H2 pada judul widget menjadi H3

4. Lalu jika seluruh judul widget telah diubah menjadi Heading H3, maka "Simpan Template"

Ok, selesai sudah seluruh ulasan mengenai pengaturan dynamic headings pada struktur template blog anda. Sekarang blog anda sudah menggunakan Dynamic Heading Blog Yang SEO Friendly