當前位置：首頁 » 編程語言 » html麵包屑

html麵包屑

發布時間: 2021-03-10 19:37:43

Ⅰ 網站麵包屑優化問題

後者好一些，不會被當成垃圾，但是要注意，麵包屑導航深度不宜超過4層

Ⅱ css3製作麵包屑導航的/\00a0是什麼意思

就是用css3做一個導航，包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。

Ⅲ 如何做用html 麵包屑導航例如百度知道>>電腦網路>>程序設計>>其他語言像這樣的麵包屑導航

3L基本正確，不過一般路徑不會是直接的鏈接，因為用戶使用網頁一直在改變當前頁面，所以可以給<a>標簽一個target屬性，當用戶點擊不同的<a>標簽時用js控制target具體指向的頁面。

Ⅳ 網路麵包屑什麼意思

網路麵包屑又叫麵包屑導航

簡而言之就是這樣的東西：網路知道>電腦/網路>互聯網

網頁中這個就是所謂的麵包屑，是一種類似站內目錄的功能
具體來歷見下面：
麵包屑導航(Breadcrumb Navigation)的概念來自於格林童話"漢賽爾與格萊特"，我們先來看一下這個童話故事，看完後或許你就能明白什麼是網站麵包屑導航，以及為什麼網站麵包屑導航對於SEO和用戶體驗有非常重要的作用了。

故
事大意是這樣的：在大森林的邊上，住著一個貧窮的樵夫，他的兩個孩子--漢賽爾與格萊特還有他們的繼母。由於生活貧窮，繼母打算把兩個孩子帶到森林深處，
然後借口去幹活，偷偷走掉，把他們丟在森林裡。但是漢賽爾無意中知道了繼母的計劃，於是他偷偷的在沿路灑下東西，幫助自己找到回家的路。第一次他是用閃閃
發光的石子，順利找到了回家的路；第二次時由於沒辦法出去撿石子，只好以麵包屑代替。但是當他們想按照麵包屑的指引回家時，卻發現卻怎麼也找不到一點麵包
屑了，原來它們都被那些在樹林里、田野上飛來飛去的鳥兒一點點地啄食了。故事到此並未結束，但和我們麵包屑的故事已無關系，如果您對結局感興趣的話，可以
網路一下。

在童話中，當漢賽爾與格萊特穿過森林時，他們在沿途走過的地方都撒下了麵包屑，讓這些麵包屑來幫助
他們找到回家的路，這是一種「歷史記錄」的應用方式，目的是幫助你追溯來路。在瀏覽器中已經包含了追溯來路的功能，所以，在網頁應用中麵包屑導航來表達內
容歸屬關系，作用是告訴訪問者他們目前在網站中的位置以及如何返回。較典型的麵包屑導航如下所示：

麵包屑導航

最
右端的地址為當前瀏覽頁，最左端的為起始頁面，這種結構使得用戶對於所訪問頁的層次結構一目瞭然。麵包屑導航不僅可改善網站的實用性，同時亦可提高網站對
搜索引擎的友好性。訪客使用麵包屑導航可以快速返回上層目錄，查看其它需要的內容。在許多關於網站用戶使用體驗的調查報告中也得出，如果超過3次點擊，訪
客還沒有找到需要的信息，那麼有大約80%的訪客會離開網站。這一點對搜索引擎來說也不例外。提供良好的返回導航連接可幫助搜索引擎更好地檢索整個網站。
而且，「麵包屑型」導航連接中的錨文本還可以增進鏈接頁的權重。
對於SEO來講，麵包屑型導航是一個非常實用的功能，同時也提供了友好的用戶體驗，所以大家可不要把麵包屑弄丟了，找不到回家的路啊！

Ⅳ 網站優化里聽說有個什麼麵包屑導航，請問是什麼意思

麵包屑導航(BreadcrumbNavigation)這個概念來自童話故事"漢賽爾和格萊特"，當漢賽爾和格萊特穿過森林時，不小心迷路了，但是他們發現在沿途走過的地方都撒下了麵包屑，讓這些麵包屑來幫助他們找到回家的路。所以，麵包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。
dede麵包屑調用代碼 {dede:field name='position'/}

主頁 >欄目頁>文章頁面

小型站點便於優化，可以把主頁改成你的關鍵詞，目的是關鍵詞集權於首頁。

關鍵詞>欄目頁>文章頁
1、讓用戶了解當前所處位置，以及當前頁面在整個網站中的位置。

2、體現了網站的架構層級，能夠幫助用戶快速學習和了解網站內容和組織方式，從而形成很好的位置感。

3、提供返回各個層級的快速入口，方便用戶操作。

4、Google已經將麵包屑導航整合到搜索結果裡面，因此優化麵包屑導航每個層級的名稱，多使用關鍵字，都可以實現SEO優化。麵包屑路徑，對於提高用戶體驗來說，是很有幫助的。

5、方便用戶，麵包屑主要用於為用戶提供導航一個網站的次要方法，通過為一個大型多級網站的所有頁面提供麵包屑路徑，用戶可以更容易的定位到上一次目錄，引導用戶通行；

6、減少返回到上一級頁面的點擊或操作，不用使用瀏覽器的「返回」按鈕或網站的主要導航來返回到上一級頁面；

7、不用常常佔用屏幕空間，因為它們通常是水平排列以及簡單的樣式，麵包屑路徑不會佔用頁面太多的空間。這樣的好處是，從內容過載方面來說，他們幾乎沒有任何負面影響；

8、降低跳出率，麵包屑路徑會是一個誘惑首次訪問者在進入一個頁面後去瀏覽這個網站的非常好的方法。比如說，一個用戶通過谷歌搜索到一個頁面，然後看到一個麵包屑路徑，這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關主題。這樣，從而，可以降低網站的總體跳出率。

9、有利於網路蜘蛛對網站的抓取，蜘蛛直接沿著那個鏈走就可以了，很方便。

10、麵包屑有利於網站內鏈的建設，用麵包屑大大增加了網站的內部連接，提高用戶體驗。
一、基於位置的麵包屑導航

這種類型是最常見的。這種類型的麵包屑導航可以很好的指出當前頁面與整個站點的層次結構。這種麵包屑導航可以顯示當前頁面的前一個頁面或者目錄的鏈接。可以使訪客了解自己的位置，以及可以更快的找到自己想要到達的頁面。可以很好的提高用戶的友好體驗。

二、基於屬性的麵包屑導航

這種麵包屑導航最常出現在電子商務站點。這種麵包屑導航可以很好的指出當前頁面內產品的其他屬性或者類別。對於一個產品來說，所具有的屬性往往不只有一種，而通過這種麵包屑導航可以給消費者一個更加直觀的了解。

三、基於路徑的麵包屑導航
這種麵包屑導航是最不常見到的。這種麵包屑導航和上文所說的童話故事類型很像。他們可以顯示訪客在到達頁面前所訪問過的網頁的鏈接。這種麵包屑導航不是很受歡迎，因為他們的功能基本上是和前進和後退的按鈕是一樣的

Ⅵ dreamweaver怎麼製作麵包屑導航

首先，我們打開自己電腦上的網頁編輯器，我以DW軟體為例。我們新建一個HTML文檔。

然後我們在HTML的body部分開始寫我們的代碼。麵包屑導航是橫排的幾個文字和圖片的組合。

我們可以用ul>li，或者dl>dt>dd來實現。因為這兩個都可以橫著在一行顯示。

我以dl>dt>dd為例。我們在html頁面中寫入dl和dd標簽。這個導航的class我們一般使用breadcrumb，這個比較通用。

我們在dd標簽中輸入部分文字。按下F12，查看不寫樣式頁面在瀏覽器中的效果。可以看到不寫樣式，三段文字是豎著排列的。

我們需要讓三個dd標簽橫著排列，我們在style中將dd標簽設為行內元素。默認情況下dd是有margin-left的，我們需要將其設為0；

這樣一個簡單的麵包屑導航就做好了，一般導航是可以點擊的鏈接，我們可以再為其添加上a標簽。

Ⅶ 網頁製作中的麵包屑連接怎麼做

"麵包屑型"網站導航鏈接
什麼是麵包屑型網站導航鏈接？

在童話故事「漢澤爾和格雷特爾」中，當漢澤爾和格雷特爾穿過森林時，他們在沿途走過的地方都撒下了麵包屑，讓這些麵包屑來幫助他們找到回家的路。雖然這只是一個孩子們的童話故事，但它卻蘊涵了多種含義。實際上，網站設計者亦可從中受到啟發：在結構上縱深的網站應該採用這種「麵包屑型」結構，以足跡的方式呈現用戶走過的路徑，或者說以層層漸進方式呈現該網頁在整個網站架構中所處的位置，從而為用戶提供清晰分明的網站導覽。

「麵包屑型」架構讓用戶對他們所訪問的此頁與彼頁在層次結構上的關系一目瞭然。這種網站結構的其中一個最明顯的特性體現莫過於返回導覽功能。

返回導覽不僅可改善網站的實用性，同時亦可提高網站對搜索引擎的友好性，對SEO具有重大的意思。網站的實用性對所有網站來說都是一個非常重要的因素。但遺憾的是，卻並不是所有網站設計者都能夠明白這一點。而一旦這一點無法在網站設計中得以貫徹和體現，那麼網站的整體性能就不能不讓人堪憂了。試想一下，無論訪問者是通過搜索引擎還是別的什麼鏈接進入了某個購物的網頁，而這個網頁中又沒有提供我們所說的「麵包屑型」返回導覽，當使用者想回到上一層頁面尋找其它類似產品時，只能通過瀏覽器里的Back功能原路返回。但是如果有了「麵包屑型」返回導覽，情況就會變得大大不同。例如上述的購物網頁，當使用者發現東西不夠滿意，他就可以快速回到上一層或直接進入產品目錄去尋找其它的類似頁面或產品。這一點對搜索引擎來說也不例外。提供良好的返回導航連接可幫助搜索引擎更好地檢索整個網站。此外，「麵包屑型」導航連接中的鏈接文字還可以增進鏈接頁的搜索引擎排名。

成功的網站是將主控制權交給對網站的使用者，而不是抓著不放，企圖控制使用者瀏覽的自由。若非如此，則網站顯然喪失了對使用者的友好性。我就見過這樣的網站，只有主頁上有產品的內部頁面鏈接，所以無論進入哪一個內部頁，若想進入別的頁面則必須先回到主頁。象這樣的一個站點，又如何指望使用者來買他的產品或成為潛在客戶呢?

網站的導航結構極之重要。應保證使用者能夠通過主站點導航到達網站的每個主要頁面，而次要一些的頁面又可以通過訪問這些主要的頁面來進入，並提供返回上層頁面功能。但沒必把在每個頁面上都放上網站的每個鏈接。這些規則雖則簡單，但卻不僅能為網站的實際訪問者，同時還會為搜索引擎提供更好的體驗。

除此之外，良好的網站導航還應對使用者「透明」，即使用者能夠在網站中來去自如，但又無須經過層層的固定順序。換言之，可使用平行或互動方式輔助網站導航的線性流程安排。
看完上面的說明，就知道了，不管是用ASP還有HTML只要能達到這樣的效果就都是「麵包屑」連接。

Ⅷ 麵包屑導航代碼怎麼寫

Ⅸ 什麼是網站麵包屑

網站麵包屑:
一個「麵包屑」（或「麵包線索」）是一個類型為二級導航方案，揭示了網站或網頁應用程序中用戶的所在位置。這是一種「歷史記錄」的應用方式，目的是幫助你追溯來路，因而它應該是一種線性的導航方式。不過在網頁的應用中，「追溯來路」這件事瀏覽器已經做得足夠好了，所以「麵包屑」慢慢地就變成用來表達內容歸屬關系的界面元素，也就是我們經常看到的「主分類>一級分類>二級分類>三級分類>……>最終內容頁面」這樣的方式。但是一般正常的來講目錄結構由3層結構組成。分別是首頁>欄目頁>內容頁。合理的構建目錄結構可以讓用戶隨時隨地的找到自己所在的位置又能保證欄目分類後的各個欄目的權重不至於太分散。同時在許多關於網站用戶使用體驗的調查報告中也得出超過3次點擊訪客還沒有找到需要的信息，訪客就很大的可能性會離開網站。所以，3層目錄結構也是瀏覽體驗的需要。
作用：
1、讓用戶了解當前所處位置，以及當前頁面在整個網站中的位置。
2、體現了網站的架構層級，能夠幫助用戶快速學習和了解網站內容和組織方式，從而形成很好的位置感。
3、提供返回各個層級的快速入口，方便用戶操作。
4、Google已經將麵包屑導航整合到搜索結果裡面，因此優化麵包屑導航每個層級的名稱，多使用關鍵字，都可以實現SEO優化。麵包屑路徑，對於提高用戶體驗來說，是很有幫助的。
5、方便用戶，麵包屑主要用於為用戶提供導航一個網站的次要方法，通過為一個大型多級網站的所有頁面提供麵包屑路徑，用戶可以更容易的定位到上一次目錄，引導用戶通行；
6、減少返回到上一級頁面的點擊或操作，不用使用瀏覽器的「返回」按鈕或網站的主要導航來返回到上一級頁面；
7、不用常常佔用屏幕空間，因為它們通常是水平排列以及簡單的樣式，麵包屑路徑不會佔用頁面太多的空間。這樣的好處是，從內容過載方面來說，他們幾乎沒有任何負面影響；
8、降低跳出率，麵包屑路徑會是一個誘惑首次訪問者在進入一個頁面後去瀏覽這個網站的非常好的方法。比如說，一個用戶通過谷歌搜索到一個頁面，然後看到一個麵包屑路徑，這將會誘使用戶點擊上一級頁面去瀏覽感興趣的相關主題。這樣，從而，可以降低網站的總體跳出率。
9、有利於網路蜘蛛對網站的抓取，蜘蛛直接沿著那個鏈走就可以了，很方便。
10、麵包屑有利於網站內鏈的建設，用麵包屑大大增加了網站的內部連接，提高用戶體驗。

閱讀全文

html麵包屑

與html麵包屑相關的閱讀推薦