面包屑就是我们经常看到的“主分类>一级分类>二级分类>……>内容页面”这样的方式,一种表达内容归属的界面元素。本文介绍如何给博客增加一个面包屑导航。

前言

面包屑导航示例

新人博客站长,万能的知乎朋友能给我的网站SEO提提意见么?

知乎大佬的建议

在Handsome主题中,其实是有分类的标签的,但是不够好,只有首页到正文部分。

handsome主题的面包屑导航

操作

基于Handsome主题,别的主题自行模仿。

找到目录../usr/themes/handsome/post.php

首先,注释掉原有的面包屑导航

注释

然后在下面增加代码:

<!--面包屑导航-->
<div class="wrapper-md">>
<?php if($this->is('index')):?><!-- 页面首页时 -->
<a href="<?php $this->options->siteUrl(); ?>" title="<?php $this->options->title(); ?>">首页</a> &gt;
<?php elseif ($this->is('post')): ?><!-- 页面为文章单页时 -->
· 当前位置&nbsp;:&nbsp;<a href="<?php $this->options->siteUrl(); ?>" title="<?php $this->options->title(); ?>">&nbsp;首页</a> &nbsp;&gt;&gt;&nbsp; <?php $this->category(); ?>&nbsp;&gt;&gt;&nbsp;《 <?php $this->title(); ?>》的正文
<?php else: ?><!-- 页面为其他页时 -->
<a href="<?php $this->options->siteUrl(); ?>" title="<?php $this->options->title(); ?>">首页</a> &gt; <?php $this->archiveTitle(' &raquo; ','',''); ?>
<?php endif; ?>
<br/><br/>

面包屑导航代码的位置

保存后刷新网页即可。

导航效果

最终效果


为了浏览体验,一般情况只有3级,首页>栏目页>内容页,3层目录结构可以让用户随时随地的找到自己所在的位置又能保证栏目分类后的各个栏目的权重不至于太分散,有利于SEO

面包屑导航适合层级较深,各层级独立而不交叉的系统。我的博客内容比较杂,所以分类比较多,增加一个面包屑导航有利于浏览者查找同类的产品。这也是知乎网友的建议。


博主个人公众号
版权声明 ▶ 本网站名称:陶小桃Blog
▶ 本文链接:https://www.52txr.cn/2022/Breadcrumbs.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!

最后修改:2022 年 06 月 27 日
如果觉得我的文章对你有用,请随意赞赏