Selasa, 25 April 2017

Cara Optimasi tag TITLE jika judul artikel terlalu panjang


Tag title memang sangat berperan penting untuk blog kita. Tapi ada saatnya kita membuat judul artikel panjang dan pasti dihasil pencarian judul artikel kita terputus, misalnya begini.

asil Pencarian

Ada akhiran titik-titik ... dibelakangnya, itu karena ada judul blog dibelakang judul artikel tersebut, itu karena

Title Tag Blogger Secara Umum

Yang sering digunakan oleh para blogger seperti ini:

<title><data:blog.pageName/> - <data:blog.title/></title>

Jika secara sempurna maka judul yang tampil akan seperti ini:
Menggunakan Javascript Replace beberapa kali dalam satu elemen - KDM

Tetapi karena karakter judul di hasil pencarian terbatas maka hasilnya akan ada tanda .... dibelakang judul artikel kita, nah untuk mengatasi ini maka saya menggunakan kode data:blog.pageName.length sebagai tag kondisi penghitung karakter.

Jadi kodenya kira-kira seperti dibawah ini.

<b:if cond='data:blog.pageName.length &gt; 50'>
  <title><data:blog.pageName/></title>
  <b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

Perhatikan angka 50, angka tersebut adalah angka penghitung karakter judul jadi begini penjelasannya:

Jika judul posting lebih dari 50 karakter maka yang tampil hanya judul artikel saja, tetapi jika tidak lebih dari 50 karakter maka tampilkan judul posting dan judul blog.

Menurut yang saya baca karakter judul yang tampil di hasil pencarian Google adalah 65 karakter. jadi dengan begini judul posting kita akan terlihat sempurna di hasil pencarian, kecuali judul post anda lebih dari 65 karakter ya pastinya akan tetap terputus.

Mengganti Tag Title Dengan Kode Modifikasi Diatas

Jika anda ingin menggunakan kode diatas, maka silahkan ganti kode title yang ada diblog anda dengan kode dibawah ini

<b:if cond='data:blog.pageType in {"item","static_page"}'>
<b:if cond='data:blog.pageName.length &gt; 50'>
  <title><data:blog.pageName/></title>
  <b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>

Kode Tag Title diatas khusus buat halaman posting dan halaman statis jadi silahkan hapus kode tag title halaman posting dan halaman statis diblog anda, kemudian ganti dengan kode diatas.