School of Information Systems

Tips Membuat Navigasi Breadcrumbs

08 Oct 2021

Breadcrumbs dapat bermanfaat sebagai salah satu sistem navigasi website. Hal ini bertujuan untuk menunjukkan lokasi pengunjung di dalam situs tersebut. Dalam pembuatan breadcrumbs, terdapat beberapa tips yang dapat kita perhatikan yaitu:

  • Membuat Sitemap 

Membuat sitemap dapat memberikan ide yang baik dalam mengelola navigasi breadcrumbs dalam situs tersebut. Jika situs tersebut tidak memiliki sitemap, kita dapat membuat sebuah tampilan seperti pohon keluarga.

  • Ukuran Kecil 

Perlu dipastikan untuk membuat ukuran breadcrumbs lebih kecil daripada ukuran navigasi utama. Hal ini untuk membuat perbedaan yang jelas di antara kedua jenis navigasi.

  • Mulai dari Halaman Utama 

Dalam membuat breadcrumbs, pastikan untuk selalu dimulai dengan halaman utama dan diakhiri dengan halaman yang saat ini tengah diakses oleh pengunjung. Ketika kita tidak memulainya dengan halaman utama, terdapat kemungkinan pengunjung mengalami kebingungan dalam mencari cara untuk kembali ke halaman utama.

  • Jangan Memberi Link pada Halaman Terkini 

Saat membuat breadcrumbs, kita tidak perlu untuk memberikan link kepada elemen terakhir, yaitu halaman yang saat ini tengah diakses oleh pengunjung. Ketika link tersebut ditekan oleh pengunjung, mereka akan kembali ke halaman yang sama dan akan membuang-buang waktu.

  • Konsistensi pada Kata Kunci 

Breadcrumbs juga berperan penting dalam SEO sehingga penting untuk menggunakan kata kunci yang sama dengan yang digunakan pada judul halaman ataupun URL halaman. Hal ini penting karena salah satu contoh SEO yang baik adalah konsistensi pada kata kunci.

  • Penggunaan Separator 

Dibutuhkan jarak yang cukup antartingkat breadcrumbs sehingga pengunjung dapat melakukan navigasi yang jelas. Beberapa desainer menggunakan separator seperti:  

    • Arrow 
    • Forward slashes,
    • Karakter greater than 
  • Penempatan Breadcrumbs 

Karena breadcrumbs berperan sebagai secondary navigation, breadcrumbs harus diletakkan di atas konten. Posisi breadcrumbs yang baik biasanya ada di bawah bar navigasi utama dan di atas judul halaman. 

  • Memberi Bold pada Halaman Terkini 

Pemberian bold pada halaman terkini yang diakses oleh pengunjung dipercaya mampu memberi kontras yang cukup sehingga pengunjung mengetahui pada halaman inilah mereka berada saat ini. 

 

Referensi 

  • https://www.woorank.com/en/blog/breadcrumb-navigation-a-guide-to-types-benefits-and-best-practices 
  • https://www.motocms.com/blog/en/breadcrumb-navigation/ 
  • https://vwo.com/blog/why-use-breadcrumbs/ 
Laksamana Kusuma