Cara Menciptakan Breadcrumbs Navigasi Pada Blogger

Baca Juga

Sebelumnya apakah sahabat tahu apa itu Breadcrumbs? Apa Fungsinya? Penting nggak?

Breadcrumbs Adalah sistem navigasi sekunder yang memperlihatkan lokasi pengguna pada situs atau aplikasi web.

Maksudnya, pengunjung bisa melihat posisi dimana ia berada ketika menjelajah di situs kita.

Fungsi Breadcrumbs sebagai alat bantu visual yang efektif, memperlihatkan lokasi pengguna dalam hirarki situs. Properti ini menciptakan navigasi breadcrumb menjadi sumber informasi kontekstual untuk pengguna dan membantu mereka menemukan tanggapan atas pertanyaan berikut:

• dimana saya? Breadcrumbs menginformasikan pengunjung dimana lokasi mereka
• Kemana aku bisa pergi? Breadcrumbs memperbaiki findability dari bab dan halaman situs. Struktur situs lebih gampang dipahami ketika diletakkan di breadcrumb daripada jikalau dimasukkan ke dalam menu.
• Haruskah aku pergi kesana? Breadcrumbs mengkomunikasikan nilai konten dan mendorong penjelajahan (misalnya pengunjung situs e-commerce mungkin berada di halaman produk, produk mungkin tidak cocok, tapi pengunjung mungkin ingin melihat produk lain dari kategori yang sama). Hal ini, akan mengurangi tingkat pentalan situs secara keseluruhan .

Breadcrumbs ialah salah satu bab yang paling penting bagi blog atau website manapun untuk menawarkan konten navigasi yang gampang dibawa ke konten sebelumnya dan selanjutnya.

Dengan demikian kita sanggup meningkatkan kemampuan membaca pengguna dan seni administrasi SEO. Makara breadcrumbs menawarkan fasilitas navigasi bagi pengunjung blog.

Sekarang mari kita pelajari bagaimana untuk menambahkan breadcrumbs di blog.

Langkah 1: silahkan masuk ke dashboard, pilih Tema dan Edit HTML

Kemudian, klik Edit HTML

Langkah 2: Sekarang, tekan CTRL+F pada keyboard dan cari instruksi ini
<div class='blog-posts hfeed'>

Langkah 3: Kemudian, pastekan instruksi berikut sempurna dibawah instruksi tadi

<b: if cond = 'data: blog.pageType == & quot; item & quot;'><br /><br /><p class = 'breadcrumbs'> <br /><span class = 'post-labels'><br /><br /><a expr:href='data:blog.homepageUrl' rel='tag'> Beranda </a><br /><br /><b: nilai loop = 'data: posting' var = 'post'><br /><br /><b: jikalau cond = 'data: post.labels'><br /><br /><b: nilai loop = 'data: post.labels' var = 'label'><br /><br /><b: jikalau cond = 'data: label.isLast == true'> & # 187;<br /><br /><a expr:href='data:label.url' rel='tag'> <data: label.name/> </a><br /><br /></ b: if><br /><br /></ b: loop><br /><br /><b: else /><br /><br />& # 187; Tidak berlabel<br /><br /></ b: if><br /><br />& # 187; <span> <data: post.title /> </ span><br /><br /></ b: loop><br /><br /></ span><br /><br /></ p><br /><br /></ b: if><br /><br /><b: if cond = 'data: blog.pageType == & quot; static_page & quot;'><br /><br /><p class = 'breadcrumbs'> <br /><a expr:href='data:blog.homepageUrl'> Beranda </a> & # 187; <data: blog.pageName /><br /><br /></ p><br /><br /></ b: if><br /><br /><b: if cond = 'data: blog.pageType == & quot; archive & quot;'><br /><br /><p class = 'breadcrumbs'> <br /><a expr:href='data:blog.homepageUrl'> Beranda </a> & # 187; <data: blog.pageName /><br /><br /></ p><br /><br /></ b: if><br /><br /><b: if cond = 'data: blog.searchLabel'><br /><br /><p class = 'breadcrumbs'> <br /><a expr:href='data:blog.homepageUrl'> Beranda </a> & # 187; <data: blog.pageName /><br /><br /></ p><br /><br /></ b: if>

Kemudian simpan dan lihat perubahannya, rujukan punya aku menyerupai ini

Itulah artikel Cara Membuat Breadcrumbs Navigasi Pada Blogger, biar bermanfaat dan biar berhasil. Sekian dan terimakasih !