Membuat Judul Halaman Blog Dinamis Blogger (Blogspot) Untuk Optimasi Mesin Pencarian

Judul halaman merupakan salah satu parameter mesin pencarian dalam menampilkan hasil pencarian berdasar kata kunci pencarian. Mesin pencari akan mencari judul yang paling relevan dengan kata kunci pencarian. Maka dari itu, pemilihan judul halaman blog menjadi faktor penting yang perlu diperhatikan dalam optimasi mesin pencarian.

Terdapat beberapa macam format judul halaman blog, di antaranya ialah judul halaman saat di halaman utama (homepage) dan juga judul halaman ketika ada di halaman artikel. Sedangkan gambar di bawah ialah contoh judul halaman artikel suatu blog yang belum dioptimasi untuk kata kunci pencarian 'hide and minimize of image'.

Contoh Judul Halaman Artikel Blog Yang Belum Dioptimasi

Optimasi judul halaman artikel blog secara dinamis untuk mesin pencarian :

Contoh Judul Halaman Artikel Blog Yang sudah Dioptimasi Untuk Mesin Pencarian
Contoh Judul Halaman Artikel Blog Yang sudah Dioptimasi Untuk Mesin Pencarian Lengkap dengan Deskripsi Blog

Contoh gambar di atas ialah contoh halaman artikel blog yang sudah dioptimasi untuk mesin pencarian. Format-format judul halaman artikel yang dapat dijadikan sebagai optimasi mesin pencarian antara lain :

  1. "Judul Artikel | Nama Blog"
  2. "Judul Artikel - Deskripsi Blog | Nama Blog"
  3. Untuk halaman utama blog (homepage) = "Nama Blog | Deskripsi Blog"

Perbandingan judul halaman artikel blog yang sudah dioptimasi dengan yang belum dioptimasi :

  1. Standar = "Nama Blog : Judul Artikel" ---> Optimasi = "Judul Artikel | Nama Blog"
  2. Standar = "Nama Blog - Judul Artikel" ---> Optimasi = "Judul Artikel - Deskripsi Blog | Nama Blog"

Cara optimasi judul halaman artikel blog dinamis blogger (blogspot) untuk mesin pencarian :

  1. Masuk ke halaman dashboard blogger.
  2. Pilih menu template.
  3. Pilih edit HTML.
  4. Cari (tekan Ctrl + F) kode :<head>
        <b:if cond='data:blog.isMobile'>
          <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
        <b:else/>
          <meta content='width=1100' name='viewport'/>
        </b:if>
        <b:include data='blog' name='all-head-content'/>
        <title><data:blog.pageTitle/></title>
  5. Ganti kode berwarna kuning di atas dengan kode berikut :<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> | <data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title></b:if>
  6. Kode keseluruhan menjadi : <head>
        <b:if cond='data:blog.isMobile'>
          <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
        <b:else/>
          <meta content='width=1100' name='viewport'/>
        </b:if>
        <b:include data='blog' name='all-head-content'/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> | <data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title></b:if>
  7. Klik simpan (save).
  8. Muat ulang halaman artikel blog.
  9. Selesai.

Komentar

Postingan populer dari blog ini

Menampilkan File Google Drive Pada Blog / Website

Membuat Tombol Kembali Ke Atas Melayang di Pojok Kanan Bawah Blogger (Blogspot)