Pengertian Apa Itu Breadcrumbs, Cara Membuat, Dan Manfaat Untuk Seo

Pengertian Apa Itu Breadcrumbs, Cara Membuat, Dan Manfaat Untuk SEO – Ngomong-ngomong mengenai breadcrumbs, banyak blogger yang belum mengenal fungsi ini pada blognya terutama blogger baru. Dibilang penting sih tidak, namun sebagian blogger menyampaikan pemberian breadcrumbs pada blog sangatlah penting terutama untuk memudahkan navigasi.

Lantas apa itu definisi breadcrumbs?. Breadcrumbs yakni navigasi pada blog yang membantu pengunjung untuk memahami lokasi mereka ketika berada dalam sebuah website. Dengan kata lain, breadcrumbs ini menyempurnakan navigasi menyerupai homepage, kategori, tag, dan arsip website. Memang berdasarkan aku breadcrumbs ini tidak terlalu penting alasannya yakni sudah ada kategori, tag, dan arsip yang membantu pengunjung. Namun namanya insan niscaya selalu ada yang pemahamannya kurang anggun jadi perlu pemberian ekstra.

Dilihat dari pengertian breadcrumbs, terserah anda ingin menggunakannya pada blog anda atau tidak. Saran aku gunakan saja breadcrumbs biar website anda terlihat lebih sempurna. Untuk pola breadcrumbs nya yakni menyerupai gambar dibawah.Yang aku kasih tanda panah itu (dewailmu>>adsense>>Judul artikel) yakni breadcrumbs ya guys, tau kan?.

Setelah Mengetahui Apa Itu Breadcrumbs, Lantas Apa Fungsi Breadcrumbs Sebenarnya Pada Blog?

Sebenarnya breadcrumbs ini berfungsi sebagai navigasi website yang memudahkan mesin pencari melaksanakan crawl sehingga sanggup menemukan website kita dengan mudah. Dilihat dari SEO, cara ini cuku anggun mendongkrak sedikit skor seo anda.

Pada mesin pencari, blog yang memakai breadcrumbs akan terlihat menyerupai ini

Pada gambar yang aku beri tanda panah merah itulah breadcrumbs. Tidak eksklusif menampilkan url nya namun hanya menampilkan tag atau kategori nya saja.

Jadi kuat juga ya terhadap seo? anggun juga tuh, boleh dicoba. Namun bagaimana cara membuatnya?

Cara Membuat Breadcrumb Pada Blogspot

• Masuk ke dashboard blogspot anda.


• Klik sajian “Template” dan klik lagi “edit html”.


• Copy dan paste isyarat dibawah ini sebelum isyarat ]]></b:skin> atau </style>.


• 
  

  
  

  /* Breadcrumbs */
  .breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
  .breadcrumbs a,.post-info a {color:#19abea;}
  .breadcrumbs a:hover,.post-info a:hover {color:#464646;}
  

  
  

  
  


• Jika sudah di paste kemudian cari isyarat html post menyerupai ini
  
  

  
  

  <b:includable id='main' var='top'>...</b:includable>
  

  
  

  
  


• Kemudian eksklusif copy dan pastekan isyarat berikut ini dibawah isyarat diatas
  
  

  
  

  <b:includable id='breadcrumb' var='posts'>
  <b:if cond='data:blog.homepageUrl != data:blog.url'>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span><data:blog.pageName/></span></div>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- Breadcrumb Untuk Halaman Pos -->
  <b:loop values='data:posts' var='post'>
  <b:if cond='data:post.labels'>
  <div class='breadcrumbs'>
  Anda di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
  <b:loop values='data:post.labels' var='label'>
  / <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
  </b:loop>
  / <span><data:post.title/></span>
  </div>
  <b:else/>
  <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span>Without Label</span> / <span><data:post.title/></span></div>
  </b:if>
  </b:loop>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  <!-- Breadcrumb Untuk Label Search dan Search Pages -->
  <div class='breadcrumbs'>
  <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>Archived For <data:blog.pageName/></span>
  </div>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;index&quot;'>
  <div class='breadcrumbs'>
  <b:if cond='data:blog.pageName == &quot;&quot;'>
  <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>All Post</span>
  <b:else/>
  <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span>
  </b:if>
  </div>
  </b:if>
  </b:if>
  </b:if>
  </b:if>
  </b:if>
  </b:includable
  

  
  

  
  


• Simpan template kemudian lihat hasilnya.

Cara Membuat Breadcrumb Pada WordPress

Membuat Breadcrumbs Menggunakan Plugin Yoast SEO

• Ini merupakan cara termudah berdasarkan aku alasannya yakni dibantu dengan plugin yang memudahkan proses pembuatannya. Langsung saja terlebih dahulu plugin yoast seo di dashboard wordpress dan klik sajian Plugin > Tambah Baru. Lalu pada kolom pencarian plugin ketik yoast seo, jikalau sudah muncul kemudian instal dan aktifkan.


• Nanti akan ada sajian gres pada dashboard anda menyerupai pada gambar dibawah dan klik pada SEO > Advance


• Kemudian nanti anda akan diarahkan ke sajian lanjutan yoast seo. Pada kolom teratas nanti anda akan menemukan goresan pena “Breadcrumbs”.


• Ada pilihan enabled dan disabled. Aktifkan dengan mengarahkan kafetaria berwarna ke pilihan enabled. Pengaturan dibawahnya biarkan default saja, atau anda sanggup menggandakan pengaturan milik aku menyerupai pada gambar dibawah


• Terakhir gulir kebawah kemudian simpan perubahan.


• Tunggu guys, belum berakhir hingga disini.


• Selanjutnya yakni mengcopy paste isyarat yang diberikan yoast seo, untuk menemukan isyarat tersebut lihat gambar yang ditunjuk panah merah dan klik. Lihat gambar


• Nanti anda akan diarahkan ke website yoast seo, nah disitu nanti anda akan diberikan isyarat php. Copy isyarat tersebut kemudian paste ke template wordpress di Tampilan > Editor lalu buka Single.php.


• Cari isyarat di bawah ini atau sejenisnya
  
  

  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

  
  


• Kemudian pastekan isyarat dari yoast tadi tepat dibawah isyarat diatas.


• Terakhir klik simpan perubahan dan lihat hasilnya.


• Cara melihat karenanya yakni dengan membuka salah satu postingan, jikalau ada tanda navigasi menyerupai gambar paling atas berarti tutorial nya work. Tapi aku pastikan work 100% jikalau anda mengikuti tutorial dari aku dengan teliti.


• Begitulah cara menciptakan breadcrumb pada wordpress.

Nah itulah artikel lengkap mengenai apa itu breadcrumbs, cara membuatnya hingga manfaatnya. Meskipun tidak begitu penting dalam blog, namun ini sanggup menyempurnakan navigasi blog anda biar memudahkan pengunjung dalam mencari informasi.

Selain memakai breadcrumbs, ada lagi salah satu cara menciptakan navigasi blog dengan tepat memakai link building.

Sekian, semoga artikel ini bermanfaat bagi anda para teman-teman blogger, terima kasih telah berkunjung.

Sumber https://dewailmu.id

Share this post

Berlangganan update artikel terbaru via email: