Konsep Breadcrumb (Navigasi Website)

Breadcrumb Navigasi Website

Breadcrumb adalah navigasi sekunder dalam situs web (disebut juga breadcrumb navigation). Breadcrumbs menawarkan kepada pengguna situs web pilihannya, dalam bentuk tautan internal, untuk segera menemukan jalan mereka kembali ke beranda atau tingkat situs web lainnya. Dengan navigasi breadcrumb, pengguna dapat merekonstruksi halaman mana yang telah mereka kunjungi sebelumnya. Navigasi jalur sekunder ini biasanya dibangun secara hierarkis sesuai dengan situs web dan menunjukkan jalur logis dari beranda ke posisi saat ini. Navigasi breadcrumb dapat ditemukan secara teratur di area atas sebuah situs web, dan biasanya tidak terlalu mencolok sebagai elemen desain.

Latar Belakang

Istilah ini berasal dari dongeng “Hansel and Gretel” dari Brothers Grimm. Dalam dongeng, dua anak menggunakan Breadcrumbs untuk menemukan jalan mereka kembali ke rumah. Breadcrumbs, seperti yang berlaku untuk Internet, menawarkan pengguna kemampuan untuk menemukan jalan mereka kembali ke halaman utama. Navigasi Breadcrumb menelusuri halaman terdahulu anda. Navigasi ini terstruktur secara hierarkis dan menunjukkan jalan dari beranda sampai ke lokasi saat ini di pohon halaman. Navigasi breadcrumb sering berada di bagian atas halaman dan biasanya tidak ditampilkan dengan cara yang mencolok.

Penggambaran grafis tentang Breadcrumbs

Tag akan digambarkan melalui panah, simbol tipografi lainnya, atau grafik dan tombol. Melalui klik, pengguna akan berakhir di homepage atau di halaman utama wiki. Titik terakhir navigasi tidak dapat diklik. Breadcrumbs terus ditampilkan di area “Above-the-fold” di sebuah situs web, bagaimanapun juga sangat bijaksana dalam hal font dan warna sehingga navigasi utama masih terlihat. Konsistensi juga relevan: jika navigasi sekunder digunakan, ini harus tersedia di semua halaman dan subpages.

Jenis Breadcrumbs

Sebenarnya, breadcrumbs harus dibedakan dari jalur klik, karena jalur klik dapat dibedakan dengan melompat ke tingkat hirarki yang berbeda, mungkin melingkar dan tidak perlu secara logis. Namun, data untuk produksi breadcrumbs sering kali berasal dari jalur klik yang diikuti pengguna. Bergantung pada variasi Breadcrumbs, navigasi dengan jalur klik identik atau relatif dengan elemen dan tingkat lain dari sebuah situs web.

     

Oleh karena itu navigasi Breadcrumb dapat dibedakan menurut tingkat situs web relatif atau jalur klik yang saat ini pengguna aktif.

Clickpath: Ini adalah navigasi berbasis jalur yang melacak jalur klik sebenarnya dan menunjukkan posisi saat ini. Dengan jalur dan situs web yang luas dengan struktur yang dalam, variasinya kurang layak. Yang terpenting, pengguna bisa menyadari fungsi yang sama dengan tombol forward dan back pada browser. Implementasi data bergantung pada data dari analisis jalur klik dan dalam keadaan tertentu, navigasi berbasis jalur bisa sangat panjang.
Lokasi: apa yang disebut location based breadcrumb mengacu pada posisi pengguna saat ini dalam hirarki situs web. Situs web dengan lebih dari 2 sub level sering menerapkan variasi ini agar dapat dengan cepat mencapai elemen induk di pohon halaman.
Kategori (atribut): breadcrumbs berbasis atribut memungkinkan pengguna melihat kategori mana yang saat ini dikunjungi milik halaman, dan ke atribut mana halaman ini dapat dianggap berasal. Biasanya, sistem navigasi seperti itu akan digunakan oleh situs web dan toko online E-commerce di tingkat produk, dan bersamaan dengan pencarian dan penawaran bersama fungsi pencarian dan personalisasi. Implementasinya lebih kompleks, karena breadcrumb harus disesuaikan dengan fungsi situs web, dan mungkin juga ke database.

Aplikasi

Navigasi breadcrumb terutama digunakan untuk situs web dan portal yang sangat besar yang memiliki struktur hirarkis yang kompleks. anda juga akan menemukan pilihan navigasi breadcrumb di toko online, karena ini membantu pengguna menemukan jalan mereka dalam kategori besar dan pemilihan produk. Jika sebuah situs web tidak memiliki hirarki logis, maka navigasi breadcrumb tidak disarankan. Salah satu caranya adalah membangun struktur breadcrumb seperti sitemap, yang biasanya merefleksikan arsitektur website.

Perlu dibuat sitemap dan kemudian cheking apakah navigasi breadcrumb akan membantu. Jika struktur halaman mencakup banyak tingkatan, ini harus terlihat di peta situs. Akhirnya, breadcrumb bisa dibangun seperti sitemap, karena merefleksikan arsitektur halaman. Aturan berikut penting: navigasi breadcrumb terus-menerus merupakan bantuan sekunder yang tidak menggantikan menu atau navigasi. Oleh karena itu, navigasi primer dan sekunder harus dipisahkan, bahkan dalam hal tata letak dan disain.

Implementasi Breadcrumbs di situs web

Breadcrumbs dapat diintegrasikan dalam banyak cara:

Plug in: Bergantung pada CMS (misalnya kata tekan), plug-in yang berbeda dimungkinkan untuk Breadcrumbs. Program tambahan memungkinkan melakukan perubahan dan mengintegrasikan navigasi sekunder. Dukungan data terstruktur atau microdata bersifat opsional, karena breadcrumbs bisa dibaca oleh search engine dan ditunjukkan di SERPs.
PHP dan JavaScript: alternatifnya, elemen kode programmer dan bahasa script yang berbeda dapat diintegrasikan dalam kode sumber. Sebagai contoh, sebuah fungsi didefinisikan di PHP dan kemudian diambil dalam dokumen. Ini terjadi dengan cara yang sama dengan JavaScript, meski juga situs web yang dihasilkan dinamis mendapatkan breadcrumb.
Content Management System: beberapa CMS dan sistem toko menawarkan breadcrumbs juga pilihan di backend. Implementasinya biasanya relatif mudah dan mungkin dengan sedikit klik.
HTML: variasi manual didasarkan pada link yang dapat diringkas dalam sebuah Div. Jalur relatif mengarah ke sisi yang sebelumnya dikunjungi. Desainnya berbentuk melalui CSS dan harus konsisten.

Baca : Apa Bedanya Backlink Dengan Link, Mengapa Backlinks Penting

Keuntungan navigasi breadcrumb

Breadcrumbs memiliki keuntungan sebagai berikut untuk kegunaan pada situs web:

Mereka menunjukkan kepada pengguna posisi saat ini relatif terhadap tingkat hirarki lain dari sebuah situs web. Dengan ini, breadcrumbs adalah dukungan untuk penggunaan dan navigasi.
Mereka memungkinkan untuk menavigasi hierarki halaman dengan satu klik di atas. Jika pengguna menghampiri Google-Search atau tautan dalam di tengah arsitektur informasi, Breadcrumbs adalah bantuan navigasi yang cepat dan tidak rumit.
Breadcrumbs tidak mengambil banyak tempat di situs web dan relatif mudah diterapkan.
Menurut Jakob Nielsen, seorang ahli kegunaan, mereka tidak pernah menimbulkan masalah dengan pengujian pengguna. Pengguna tahu apa ini navigasi sekunder dan bagaimana mereka bisa menggunakan Breadcrumbs.

Pentingnya optimasi mesin pencari

Berdasarkan berbagai uji kegunaan, diyakini bahwa navigasi breadcrumb sangat membantu pengguna dengan navigasi. Dari sudut pandang kegunaan, breadcrumb sangat diperlukan. Dari perspektif optimasi SEO dan OnPage, penting untuk menerapkan breadcrumb dengan benar. Untuk beberapa waktu sekarang Google SERPs sebagian menampilkan navigasi breadcrumb di baris URL sebagai cuplikan kaya. Dianjurkan untuk memberi tag navigasi breadcrumb pada kode sumber menggunakan microdata (informasi lebih banyak dapat ditemukan di Google Support).

Lebih jauh lagi, breadcrumbs membantu mesin telusur merayapi dan meringkas situs web. Melalui navigasi, penautan internal akan diperkuat dan URL yang sesuai secara tematik akan dihubungkan melalui elemen navigasi. Karena itu, melalui navigasi breadcrumb, direktori yang lebih dalam dalam hirarki halaman bisa dihubungi dan lebih cepat dijelajahi.

Postingan Terkait :

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *