Title tag Dinamis: Cara Mudah Membuat Struktur Judul yang SEO
Anda ingin title tag laman web anda bersifat dinamis, artinya bisa menyesuaikan dengan posisinya?
Saya beritahu Anda apa yang telah saya coba untuk mengubah struktur judul blogger sehingga lebih SEO. Ini dilakukan supaya artikel yang anda buat dipahami oleh google. Karena mesin pencari menilai tag H1 sebagai bobot utama untuk memahami isi web tsb.
Dinamis artinya menampilkan brand blog sebagai tag H1 pada homepage. Tapi saat di halaman pos yang menjadi tag H1 adalah judul artikel itu sendiri.
Tulisan ini saya bagi menjadi dua bagian:
- Format Judul Ramah Mesin Pencari
- Mengubah Title tag standar
Struktur Title Standar Blogger
Di template bawaan kode HTML kode judul terlihat seperti ini
<title><data:blog.pageTitle/></title>Saat di laman utama (home) hasilnya terlihat <title>NamaBlog</title>
Sedang di laman posting sebagai
<title>NamaBlog : JudulPostingan</title>Kelemahan judul dengan struktur tersebut:
1. Mesin lebih menitikberatkan homepage
Mbah G melakukan rangking berdasarkan posting bukan beranda. User juga umumnya tidak mengetikkan sebuah merek sebagai kata kunci pencarian.
Cara ini mungkin tidak bermasalah untuk situs yang memiliki Brand yang diakui otoritasnya oleh Google. Tapi tidak untuk kita kebanyakan yang bersaing demi mendapatkan trafik organik.
2. Judul artikel bisa terputus
Judul yang terpotong mengakibatkan user tidak punya gambaran lengkap mengenai apa yang jadi topik halaman anda. Padahal untuk tampil di daftar pencarian teratas google seperti menemukan tambang emas. Menjadi bukan emas kalau pengunjung TIDAK JADI mengklik laman anda lantaran judul yang tidak tampil utuh.
Mengingat box-model judul hanya menampung 600px atau sekitar 55 - 75 karakter. Laman dari searchengineland tentang seo memuat tepat 71 karakter dalam 582px dengan judul seperti ini tanpa tanda kutip “SEO - Search Engine Optimization News & Trends | Search Engine Land”
Format terbaik seperti ini <title>JudulPostingan | NamaBlog</title> saat diakses di laman artikel. Ini membuat struktur lebih menguntungkan dari sisi SEO untuk kata kunci yang ditarget.
Apa yang harus dilakukan?
Cari kode <title><data:blog.pageTitle/></title> posisinya di bawah <head> lalu ganti menjadi:
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>Sekarang Struktur Judul Blog Laman anda telah dinamis. Tapi belum selesai karena Judul postingan belum dinamis.
Catatan:
Jika susunan struktur seperti ini
<title><data:blog.pageName/> | <data:blog.pageTitle/></title><title>JudulPostingan | NamaBlog: JudulPostingan</title>TIPS Pencarian Cepat !!!
Gunakan Ctrl+F masukan kode tanpa penutup tag. Misalnya <b:if cond='data:blog.pageType. Ini membuat pencarian lebih cepat dan sesuai target.
Tujuan: Membuat Nama Blog diapit tag <H1> di homepage dan menjadi tag <H2> di laman pos.
Cari kode
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>Lanjutkan ke bawah ada kode
<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>Hapus dan ganti dengan yang berikut
<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'><data:title/></a></h1>
<b:else/>
<h2 class='title'><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
</b:if>
<b:else/>
<h2 class='title'><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
</b:if>
</b:includable>Sekilas Review sejauh ini
| Nama Blog | Judul Artikel | |
|---|---|---|
| Homepage | H1 | H2 |
| Posting | H2 | H2 |
Tampak optimasi belum selesai karena pada laman posting (item) judul artikel belum H1.
Temukan kode berikut lalu hapus
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>Letaknya di bawah <a expr:name='data:post.id'/> yang termasuk bagian <b:includable id='post' var='post'>
HATI - HATI !!!
JANGAN TERTUKAR dengan <b:includable id='mobile-post' var='post'>
Ganti dengan yang 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'><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>
</h2>
<b:else/>
<h1 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>
</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'>
<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>
</h1>
</b:if>
</b:if>Sudah selesai
Cara Menguji
- Inspeksi Laman
- Install SEOquake
Pada beranda atau artikel klik kanan mouse lalu pilih inspeksi (Chrome) atau inspect element (Mozilla firefox). Pilih ikon panah, ini akan mengaktifkan kursor lalu klik elemen judul atau artikel.
Anda akan melihat kode html yang terletak pada menu elemen disorot warna biru, dari situ terlihat tag heading yang mengapit judul blog atau pos.
Tool ini memberitahu indikator yang memang diselidiki oleh mesin pencari. Fasilitasnya lengkap tapi saya akan batasi terkait deteksi heading dalam laman web.
Pada Chrome aktifkan ekstensi SEOquake, lalu buka situs yang anda uji baik pada posisi home ataupun artikel. Setelah laman terbuka sempurna pilih pada toolbar pilih ikon diagnosis maka muncul komposisi heading yang ada dari H1–H6.
Penutup
Kalau anda melakukan langkah di atas dengan benar, dijamin title tag blog anda saat ini sudah dinamis karena tutorial ini sukses saya ujicobakan.
Tapi sekiranya gagal coba ulangi lagi karena memang berurusan dengan edit html template blogger bisa cukup merepotkan. Kalau anda punya cara lain saya senang mendengarnya, juga untuk yang mau bertanya silahkan sampaikan.
