什么是面包屑导航?
- 在网站建设和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、面包屑有利于网站内链的建设 , 用面包屑大大增加了网站的内部连接 , 提高用户体验 。
【什么是面包屑导航 面包屑导航是什么】关于面包屑导航和面包屑导航是什么的内容就分享到这儿!更多实用知识经验 , 尽在 www.hubeilong.com
- 奥运五环分别代表哪五个洲 奥运五环代表着什么
- 常见的10组勾股数分别是 常用的勾股数组有哪些
- 河南在职研究生报名时间2021,河南省在职研究生报名流程是什么?
- 钢铁是怎样炼成的读后感500字,钢铁是怎样炼成的好句摘抄
- 囔的拼音,嘟囔的拼音是什么意思
- 微信谁开发的 微信公众号开发软件
- 什么是核心素养 什么是小学道德核心素养
- 附庸风雅的意思和拼音 附庸风雅是什么意思解释
- 新媒体运营岗位职责是什么 新媒体运营公司排行榜
- 2023年春节是几月几号,2024春节是几月几号开始的