html面包屑

Ⅰ 网站面包屑优化问题

后者好一些，不会被当成垃圾，但是要注意，面包屑导航深度不宜超过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只要能达到这样的效果就都是“面包屑”连接。

Ⅷ 面包屑导航代码怎么写

<ul id="breadcrumb">
<li><a href="#"><span class="icon icon-home"> </span>目录</a></li>
<li><a href="#"><span class="icon icon-beaker"> </span> 目录</a></li>
<li><a href="#"><span class="icon icon-double-angle-right"></span> 目录</a></li>
<li><a href="#"><span class="icon icon-rocket"> </span> 目录</a></li>
<li><a href="#"><span class="icon icon-arrow-down"> </span> 目录</a></li>
<li><a href="#"><span class="icon icon-arrow-down"> </span> 目录</a></li>
</ul>

Ⅸ 什么是网站面包屑

网站面包屑:
一个“面包屑”（或“面包线索”）是一个类型为二级导航方案，揭示了网站或网页应用程序中用户的所在位置。这是一种“历史记录”的应用方式，目的是帮助你追溯来路，因而它应该是一种线性的导航方式。不过在网页的应用中，“追溯来路”这件事浏览器已经做得足够好了，所以“面包屑”慢慢地就变成用来表达内容归属关系的界面元素，也就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式。但是一般正常的来讲目录结构由3层结构组成。分别是首页>栏目页>内容页。合理的构建目录结构可以让用户随时随地的找到自己所在的位置又能保证栏目分类后的各个栏目的权重不至于太分散。同时在许多关于网站用户使用体验的调查报告中也得出超过3次点击访客还没有找到需要的信息，访客就很大的可能性会离开网站。所以，3层目录结构也是浏览体验的需要。
作用：
1、让用户了解当前所处位置，以及当前页面在整个网站中的位置。
2、体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感。
3、提供返回各个层级的快速入口，方便用户操作。
4、Google已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以实现SEO优化。面包屑路径，对于提高用户体验来说，是很有帮助的。
5、方便用户，面包屑主要用于为用户提供导航一个网站的次要方法，通过为一个大型多级网站的所有页面提供面包屑路径，用户可以更容易的定位到上一次目录，引导用户通行；
6、减少返回到上一级页面的点击或操作，不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面；
7、不用常常占用屏幕空间，因为它们通常是水平排列以及简单的样式，面包屑路径不会占用页面太多的空间。这样的好处是，从内容过载方面来说，他们几乎没有任何负面影响；
8、降低跳出率，面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说，一个用户通过谷歌搜索到一个页面，然后看到一个面包屑路径，这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样，从而，可以降低网站的总体跳出率。
9、有利于网络蜘蛛对网站的抓取，蜘蛛直接沿着那个链走就可以了，很方便。
10、面包屑有利于网站内链的建设，用面包屑大大增加了网站的内部连接，提高用户体验。