mau dapat artikel terbaru blog ini? silahkan ikuti update blog ini

Ads

Modifikasi breadcrumb "Final SEO trick"

Di tiga artikel sebelumnya mengenai bagaimana Memodifikasi menu breadrumb dari Blogger Pluggin telah dibahas bagaimana; mengubah ukuran font, mengubah keterangan ke bahasa Indonesia, dan Optimasi untuk SEO blogspot. Dan pada artikel ini membahas satu cara memodifikasi menu breadrumb agar lebih maksimal dalam hal SEO.

Salah satu kekurangan menu breadrumb dari blogger plugin adalah Label yang tampil, dimana Label yang tampil adalah label pada posisi akhir berdasarkan abjad, jadi jika artikel memiliki dua label maka yang muncul adalah label yang huruf awalnya paling akhir. Contoh: pada artikel ini Label yang saya berikan diantarnya SEO dan Widget Blogspot, sementara yang pasti akan muncul adalah Widget Blogspot padahal SEO juga penting untuk ditampilkan, karena pembahasan dalam artikel ini tidak hanya fungsinya sebagai Widget blog tetapi juga ada unsur SEO di dalamnya. Sehingga peluang kunjungan pada artikel dengan kategori SEO hampir tidak ada.

Dari pemikiran saya diatas maka saya melakukan sedikit experiment untuk bisa menampilkan semua label yang disematkan pada artikel agar bisa tampil di menu breadrumb, hasilnya bisa dilihat pada menu breadcrumb yang muncul diatas judul artikel ini.

Berikut adalah langkah-langkah modifikasi menu breadrumb Blogger Plugin:
  1. masuk/login ke akun blogspot anda.
  2. kemudian klik Perancangan » Edit HTML. beri tanda centang pada Expand Widet (sebelumnya jangan lupa untuk men-download/backup template blog anda).
  3. cari kata Unlabelled  (tekan ctrl+F untuk mempercepat pencarian), secara keseluruhan kode tersebut seperti dibawah ini:

    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast == &quot;true&quot;'> &gt;
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    </b:if>
    </b:loop>
    <b:else/>
    &gt;Unlabelled
    </b:if>

  4. Ganti / replace semua kode diatas dengan kode dengan berikut:


    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'> &gt;
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    <b:if cond='data:label.isLast == &quot;true&quot;'>,</b:if>
    </b:loop>
    <b:else/>
    &gt;Unlabelled
    </b:if>


  5. tekan tombol Simpan/Save.
Sekarang silahkan mengecek salah satu artikel blog anda dan perhatikan perubahan pada menu breadcrumb anda. Semoga bermanfaat dan selamat mencoba.
NB: Sebelum melakukan pengeditan pastikan 2 hal.
  1. Menu breadcrumb di blog anda adalah menu yang dibuat oleh blogger plugin, jika bukan atau belum menggunakannya silahkan baca cara pasang menu breadrumb disini (dalam bahasa Indonesia).
  2. Contoh kode diatas sudah berubah dari kode pada point pertama karena sudah merujuk pada artikel sebelumnya di blog ini yaitu di artikel Modifikasi breadcrum (bagian 3): Optimasi untuk SEO blogspot, jadi sebaiknya anda juga membaca artikel tersebut.

7 komentar:

jasa seo murah mengatakan...

apakah cara tersebut berlaku untuk semua template yang digunakan

Oentoe_09 mengatakan...

@ jasa seo murah untuk hal tersebut adalah sepunuhnya hak Admin yang bersangkutan.

anshar mengatakan...

Makasih infonya, saya sudah berhasil praktekkan.

Deny Kurniawan mengatakan...

Langsung genjot om.. makasih atas ilmu seo nya

Phonecompi mengatakan...

alhamdulillah breadcrumbs blog saya sudah terdeteksi google

File Blog mengatakan...

Alhamdullih bisa... makasih sob ilmunya..

Blogger Holic mengatakan...

thxs untuk infonya.... tapi ada 1 lagi yang perlu di modifikasi, coba lihat disini http://oentoe09.blogspot.com/search?q=pencarian
Breadcrumbsnya jdi ngaco, jdi kyak gini "Home > Artikel dengan kategori Hasil penelusuran untuk pencarian "

klo bisa tolong modifikasi lagi untuk search pagenya... thxs...

Posting Komentar

Label

Entri Populer

Blog support