cara-membuat_breadcrumbs

Cara mengatasi masalah breadcrumb pada webmaster

Posted on

Breadcrumbs adalah elemen penting yang harus di terapkan di sebuah website,untuk membantu webmaster mengenal struktur menu ke dua,yang bermanfaat dan ramah pengguna.

Ada dua cara mengatasi masalah breadcrumb atau tautan remah roti website;Bisa menggunakan plugin atau tidak menggunakan-nya. Bagi anda yang menggunakan WordPress ke dua cara ini bisa di lakukan,tinggal Anda memilih salah satunya.

Breadcrumb menjadi masalah umum di temukan di sebuah website. Breadcrumbs yaitu struktur SEO friendly yang berfungsi sebagai;navigasi kedua setelah navigasi utama-memudahkan pengguna saat mengunjungi situs web Anda.

Walaupun menu remah roti ( breadcrumb ) terlihat sederhana namun sebenarnya,elemen ini mempunyai fungsi yang sangat penting. Website yang mempunyai struktur remah roti-di anggap lebih baik daripada situs yang tidak memaksimalkan fungsi ini.

Mengapa breadcrumbs sangat penting?

Tautan remah roti sangat penting karena di gunakan oleh Webmaster seperti Google untuk mengenali tautan yang benar-benar valid di dalam website Anda.

Apa yang terjadi bila tidak menerapkan breadcrumbs dengan benar?

Ketika Anda sengaja tidak menggunakan breadcrumbs itu tidak menjadi masalah. Namun apa bila Anda sengaja memasang tautan remah roti,namun tidak mampu terbaca oleh mesin Webmaster maka yang terjadi adalah;Tautan ERROR atau tautan tidak terbaca atau rusak.

Contoh tautan remah roti yang tidak berfungsi dengan baik;

tautan_rusak

Contoh menu remah roti ( breadcrumbs )

menu_remah_roti

Dalam kesempatan ini saya ingin berbagi bagaimana membuat struktur remah roti dengan benar,tanpa menggunakan Plugin. Sebelumnya saya sangat terima kasih kepada CodexWorld yang telah membantu menyelesaikan masalah ini.

Mengatasi masalah breadcrumb menggunakan plugin yoast SEO

Sebenarnya bagi Anda yang menggunakan WordPress,membuat struktur menu remah roti sangat mudah yaitu;menggunakan Plugin YoastSEO. Jika anda benar-benar menggunakan Yoast SEO-cukup pergi ke pengaturan.

Lihat contoh gambar tangkapan layar di bawah ini;

plugin_yoastseo

Setelah anda melakukan pengaturan dengan benar pada plugin Yoast SEO,pastikan simpan pengaturan yang Anda buat.

Cara mengatasi masalah breadcrumb,tanpa menggunakan plugin&FREE

Baca juga; Permalink penting untuk SEO Blog dan Website

Saya telah membuat salah satu fungsi khusus yang di panggil dengan get_breadcrumbs untuk menghasilkan tautan remah roti kedalam website Anda. Cara membuat atau memanggil get_breadcrumbs adalah;Anda hanya menambahkan kode di bawah ini ke dalam function.php yang ada di dalam webstite,setelah /PHP?/** * Generate breadcrumbs * @author CodexWorld * @authorURL www.2lodoe.net */ function get_breadcrumb() { echo ‘Home‘; if (is_category() || is_single()) { echo ”  »  “; the_category(‘ • ‘); if (is_single()) { echo ”   »   “; the_title(); } } elseif (is_page()) { echo ”  »  “; echo the_title(); } elseif (is_search()) { echo ”  »  Search Results for… “; echo ‘”‘; echo the_search_query(); echo ‘“‘; } }

Menampilakan tautan remah roti;

Agar script di atas berjalan dengan baik,maka Anda harus membuat script berikutnya. Untuk memanggil script di atas silahkan masukan kode di bawah pada fungsi single.php letakan sesuai yang anda inginkan.< div class = "breadcrumb" >

Menambah ukuran fungsi tautan breadcrumbs;

Setelah Anda selesai mengerjakan script di atas,sebaiknya tambahkan kode CSS lagi agar tampilan tautan menu remah roti lebih lekat dengan konten Anda.

Kode CSS breadcrumbs.breadcrumb { padding : 8 px 15 px ; margin-bottom : 20 px ; daftar-gaya : tidak ada ; warna latar : # f5f5f5 ; batas-radius : 4 px ; } .breadcrumb a { color : # 428bca ; teks-dekorasi : tidak ada ; }

Kesimpulan

Bagaimana cukup mudah bukan? Cara membuat tautan remah roti di website. Jika anda melakukan dengan benar dan mengikuti tutorial ini dengan benar maka hasilnya akan seperti gambar di bawah ini.

Contoh breadcrumb baik dan benar;

BREADCRUMBS_SUKSES
Baca juga; Cara membuat website SEO friendly 

Inilah penjelasan lengkap;Cara mengatasi masalah breadcrumb pada sebuah website,Agar tautan remah roti yang kita harapkan bekerja seperti yang kita inginkan.

Selamat mencoba,semoga bermanfaat [S.A.N]

Gravatar Image
Senang berbagi apapun dengan semua orang,dan belajar hal baru adalah sebuah tantangan untuk mencapai sebuah kemajuan.

Leave a Reply

Your email address will not be published.