什么是面包屑導航面包屑導航是什么 _經驗分享

什么是面包屑導航？

在網站建設和SEO中，面包屑導航的作用就是告訴訪問者他們目前在網站中的位置以及如何返回。

關于面包屑導航的由來是源于一則童話故事的一個詞語：漢澤爾和格蕾特爾兩個人在穿過森林是，為了避免找不到回家的路，他們在沿途走過的地方都會撒下面包屑以便于根據這些面包屑找到回家的路。

典型的面包屑導航如同：網站首頁—頻道—當前瀏覽頁面。

就目前的網民使用習慣而言，面包屑導航是比較適合用戶體驗的導航方式。它能夠更容易讓用戶了解到自己在當前網站的那個位置，便于自己更好的操作。通過面包屑導航，用戶可以很清楚知道自己在網站的位置，可以很方便的返回到上一級目錄或首頁。

面包屑導航的來源
很久很久以前，在大森林的邊上住著一個貧窮的樵夫，他與妻子和兩個孩子相依為命。他的兒子名叫漢賽爾，女兒名叫格萊特。后來樵夫的妻子去世了，他又給孩子們娶了一個后母。后母計劃把兩個孩子帶到森林的深處，然后趁他們睡著的時候跑掉。漢賽爾無意中知道了后母的計劃，于是偷偷地把一塊面包藏在了口袋里。在去森林的路上，漢賽爾悄悄地捏碎了他的面包，并不時地停下腳步，把碎面包屑撒在路上。后母順利地趁孩子們睡著的時候溜掉了，漢賽爾和格萊特醒來已是一片漆黑。漢賽爾安慰他的妹妹說：“等太陽一出來，我們就看得見我撒在地上的面包屑了，它一定會指給我們回家的路。”但是當太陽升起來時，他們在地上卻怎么也找不到一點面包屑了，原來它們都被那些在樹林里、田野上飛來飛去的鳥兒一點點地啄食了。

面包屑導航怎么做
1、點擊后臺插件，安裝插件搜索： Breadcrumb NavXT 點擊現在安裝并啟用。
?
?
2、將下列這段代碼放入到“single.php”中，（外觀—編輯欄目中查找）
<div class="breadcrumb">
<?php
if(function_exists('bcn_display')) {
bcn_display();
}
?>
?
一般放在文章標題上方位置即可。點擊保存。刷新即可出現面包屑導航
網站面包屑導航有哪幾種類型的？
洋鑫博客分析網站面包屑導航的類型如下：
1、路徑型：路徑型面包屑是一個動態顯示用戶到達頁面經過的途徑;
2、位置型：位置型面包屑是固定的，顯示了頁面在網站結構中的位置;
3、屬性型：屬性型面包屑給出的當前頁面的分類信息。
面包屑導航一般都在導航的下面，形式一般為首頁 > 一級目錄名稱 > 二級目錄名稱 > 目前位置，盡量要把面包屑導航的層次控制在四層以內，這樣也有利與搜索引擎蜘蛛一層層往下爬，到了四層以下就很難爬到了。
wordpress 主題怎么添加面包屑導航
wordpress主題添加面包屑導航一般有兩種方法，一種是通過使用插件來實現，另一種是不使用插件，純代碼實現，下面我來介紹一下這兩種方法。
一，純代碼實現

在functions中添加
function get_breadcrumbs()
{
global $wp_query;
if ( !is_home() ){
// Start the UL
echo '<ul class="breadcrumbs">';
// Add the Home link
echo '<li><a href="'. get_settings('home') .'">網站首頁</a></li>';
if ( is_category() )
{
$catTitle = single_cat_title( "", false );
$cat = get_cat_ID( $catTitle );
echo "<li> » ". get_category_parents( $cat, TRUE, " » " ) ."</li>";
}
elseif ( is_archive() && !is_category() )
{
echo "<li> » Archives</li>";
}
elseif ( is_search() ) {
echo "<li> » Search Results</li>";
}
elseif ( is_404() )
{
echo "<li> » 404 Not Found</li>";
}
elseif ( is_single() )
{
$category = get_the_category();
$category_id = get_cat_ID( $category[0]->cat_name );
echo '<li> » '. get_category_parents( $category_id, TRUE, " » " );
echo the_title('','', FALSE) ."</li>";
}
elseif ( is_page() )
{
$post = $wp_query->get_queried_object();
if ( $post->post_parent == 0 ){
echo "<li> » ".the_title('','', FALSE)."</li>";
} else {
$title = the_title('','', FALSE);
$ancestors = array_reverse( get_post_ancestors( $post->ID ) );
array_push($ancestors, $post->ID);
foreach ( $ancestors as $ancestor ){
if( $ancestor != end($ancestors) ){
echo '<li> » <a href="'. get_permalink($ancestor) .'">'. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</a></li>';
} else {
echo '<li> » '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</li>';
}
}
}
}
// End the UL
echo "</ul>";
}
}

在有需要添加面包屑插件的頁面適當位置添加
<php get_breadcrumbs();

打開主題所在的style.css ，添加
ul.breadcrumbs {
list-style: none;
padding: 0;
margin: 0;
font-size:12px;
}
ul.breadcrumbs li {
float: left;
margin: 0 5px 0 0;
padding: 0;
}

通過上述三步就可以實現無插件面包屑效果，稍微的樣式和布局可以修改。
二，用插件實現
這里我推薦的插件是Breadcrumb NavXT ，它提供5種面包屑導航樣式，如下圖所示
插件的設置界面如下
看不懂英文的用翻譯工具翻譯一下也能大概知道意思了，其它具體的使用您可以自己去安裝一下這款插件體驗一下，如果有不懂再問吧。

什么是面包屑導航？有什么作用
面包屑導航顧名思義，面包屑挺巧就是瑣碎的意思，一點點的形狀，這就代表我們的網站導航中，那些不在主導航上，其他輔助性瑣碎的導航就叫面包屑導航了。
首先我們來看看面包屑導航的作用：
1、讓用戶了解當前所處位置，以及當前頁面在整個網站中的位置。
2、體現了網站的架構層級，能夠幫助用戶快速學習和了解網站內容和組織方式，從而形成很好的位置感
3、提供返回各個層級的快速入口，方便用戶操作。
4、Google已經將面包屑導航整合到搜索結果里面，因此優化面包屑導航每個層級的名稱，多使用關鍵字，都可以實現SEO優化。面包屑路徑，對于提高用戶體驗來說，是很有幫助的。
5、方便用戶，面包屑主要用于為用戶提供導航一個網站的次要方法，通過為一個大型多級網站的所有頁面提供面包屑路徑，用戶可以更容易的定位到上一次目錄，引導用戶通行;
6、減少返回到上一級頁面的點擊或操作，不用使用瀏覽器的“返回”按鈕或網站的主要導航來返回到上一級頁面;
7、不用常常占用屏幕空間，因為它們通常是水平排列以及簡單的樣式，面包屑路徑不會占用頁面太多的空間。這樣的好處是，從內容過載方面來說，他們幾乎沒有任何負面影響;
8、降低跳出率，面包屑路徑會是一個誘惑首次訪問者在進入一個頁面后去瀏覽這個網站的非常好的方法。比如說，一個用戶通過谷歌搜索到一個頁面，然后看到一個面包屑路徑，這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關主題。這樣，從而，可以降低網站的總體跳出率。
9、有利于百度蜘蛛對網站的抓取，蜘蛛直接沿著那個鏈走就可以了，很方便。
10、面包屑有利于網站內鏈的建設，用面包屑大大增加了網站的內部連接，提高用戶體驗。
【什么是面包屑導航面包屑導航是什么】關于面包屑導航和面包屑導航是什么的內容就分享到這兒！更多實用知識經驗，盡在 m.apearl.cn

什么是面包屑導航 面包屑導航是什么

什么是面包屑導航面包屑導航是什么