Home » Optimasi Wordpress » SEO » Cara Membuat Breadcrumb Di WordPress

Cara Membuat Breadcrumb Di WordPress

19 Sep. 201187 comments
Cara Membuat Breadcrumb Di WordPress

Cara Membuat Breadcrumb Di WordPress Tanpa Plugin. Salah satu cara untuk membuat sebuah blog atau website disukai search engine adalah adanya kemudahan navigasi (make your site easier to navigate, navigation is very important for search engines). Adanya Navigasi dari sebuah situs, web atau blog sangat penting dalam membantu pengunjung untuk menemukan konten yang mereka inginkan. Hal ini juga dapat membantu memudahkan search engine dalam menelusuri isi kontent dari sebuah situs, web atau blog (akan lebih SEO friendly).

Salah satu navigasi yang akan lebih memudahkan pengunjung dan search engine dalam menelusuri isi kontent dari sebuah situs, web atau blog yaitu adanya “Breadcrumb” (Cara Membuat Breadcrumb Di WordPress Tanpa Plugin) khususnya di halaman postingan atau file single.php. Di dalam buku panduan
Google SEO Starter Guide 2010, telah dijelaskan tentang “Breadcrumb”.

A breadcrumb is a row of internal links at the top or bottom of the page that allows visitors to quickly navigate back to a previous section or the root page (1). Many breadcrumbs have the most general page (usually the root page) as the first, left-most link and list the more specific sections out to the right.

Dengan adanya pembuatan breadcrumb di wordpress (Cara Membuat Breadcrumb Di WordPress Tanpa Plugin) akan lebih memudahkan pengunjung dan search engine dalam menelusuri isi kontent mulai dari halaman utama (root) menuju ke halaman yang lebih spesifik berdasarkan kategori tertentu yang telah dibuat sebelumnya dan akan lebih memudahkan pengunjung untuk kembali ke halaman sebelumnya (back to home/root).

Contoh penambahan breadcrumb pada halaman single.php, misalnya pada postingan 88 Cara Inspiratif Berburu Ide untuk Blog, di atas judul postingan tersebut terdapat navigasi seperti ini :

Home » Info » 88 Cara Inspiratif Berburu Ide untuk Blog

88 Cara Inspiratif Berburu Ide untuk Blog

Dengan menerapkan breadcrumb (Cara Membuat Breadcrumb Di WordPress Tanpa Plugin), maka di hasil index search engine khususnya Google, struktur URL yang ditampilkan akan mirip dengan struktur breadcrumb yaitu nama domain > nama kategori  (permalink dari postingan tidak ditampilkan dan digantikan dengan nama kategori), lihat screenshot berikut ini :

Breadcrumb

Cara Membuat Breadcrumb Di WordPress :

1. Buka file single.php, bisa lewat dashboard, cpanel atau FTP.
2. Tambahkan kode di bawah ini di tas kode yang biasa digunakan untuk menampilkan judul postingan.

<div id="breadcrumb">
<a title="Go to homepage" href="http://namadomainanda.com/">Home</a> &raquo; <?php the_category(' &raquo; '); ?> &raquo; <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</div>

3. Simpan
4. Tambahkan kode CSS berikut ini di file CSS yang anda gunakan.

#breadcrumb{line-height:16px;margin:5px;padding:5px}

5. Simpan

Keterangan :
Untuk pengaturan line-height, margin dan padding bisa disesuaikan dengan theme masing-masing atau bisa juga ditambahkan tentang pengaturan warna background dll.

Demikian tutorial tentang Cara Membuat Breadcrumb Di WordPress Tanpa Plugin semoga bermanfaat.

Cara Membuat Breadcrumb Di WordPress Reviewed by: Alwi on Rating : 5
Mudah-mudahan artikel tentang Cara Membuat Breadcrumb Di WordPress ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Cara Membuat WordPress Page Number Tanpa Plugin
  2. Cara Setting Plugin WP Super Cache
  3. Cara Setting Permalink WordPress Untuk SEO, Performa dan Usability
  4. Optimasi Link Komentator WordPress
  5. Cara Membuat Halaman (Pagination) Pada Postingan
  6. Cara Mengoptimasi Gambar Theme
  7. Cara Menambahkan Menu Navigasi Di Theme MobilePress
  8. Cara Membuat Spoiler
  9. Mematikan Fungsi Autolink di Kotak Komentar
  10. Mempercepat Loading WordPress dengan Zlib Compression
  1. 19-9-2011 at 16:00 | #1

    makin keren aja tips2 yang diberi.

    Reply

  2. 19-9-2011 at 17:57 | #2

    Sayange lagi-lagi tipsnya belum bisa tak praktekin

    Reply

  3. 19-9-2011 at 18:57 | #3

    wah, aku smakin jtuh cinta pada ne blog

    Reply

  4. 19-9-2011 at 20:01 | #4

    wah simple banget, yg saya tahu untuk membuat breadcrumb itu dengan menambahkan beberapa script di file functions.php untuk menampilkannya, tetapi ini lebih simple, terimakasih artikelnya mas

    Reply

  5. 20-9-2011 at 11:08 | #5

    Mulai lagi belajar script. Ijin menyimak bung Alwi…

    Reply

  6. 20-9-2011 at 12:22 | #6

    oke juga nie sangat menarik nie gan……..

    Reply

  7. 20-9-2011 at 17:03 | #7

    nice post my fren, I like your posting nice share :)

    ENGLISH TUTORS URGENTLY NEEDED!!!

    A Fast Growing National English Language Consultant is hunting for :

    => ENGLISH TUTORS Batam – Balikpapan – Palembang – Pekanbaru – Medan – Semarang – Makassar

    Send you resume to : easyspeak.hunting@gmail.com as soon as possible.

    Visit http://www.easyspeak.co.id for further information.

    Reply

  8. 21-9-2011 at 20:49 | #8

    Mantebb mas.. Blog saya juga sudah saya tambahkan breadcrumb..
    Dengan breadcrumb ini pada hasil pencarian Google juga akan keluar kategorinya…

    Reply

  9. 21-9-2011 at 21:52 | #9

    kasus saya aneh,, saya sudah lama memasang breadcrumb, tapi yang diindeks malah urlnya, dulu sempat membuat category dofollow, namun hasilnya juga sama ketika memberi attribut nofollow pada kategori..
    apakah ada yang salah ya? atau saya melewatkan suatu hal yang penting ?

    Reply

  10. 22-9-2011 at 15:18 | #10

    Injin ngambil Ilmunya mas alwi

    Reply

Comment pages
1 2 3 9 2480
5+7=? (Wajib diisi)