想要优化网站谷歌SEO排名,面包屑导航的制作是不可或缺的工作,它可以提供用户和搜索引擎蜘蛛更好的网站体验,但面包屑导航究竟该如何制作?对SEO有什么作用?接下来跟着一尘SEO深入了解面包屑导航,以及制作面包屑的方法,为网站打造更好的体验,提升网站的谷歌SEO排名!
一、面包屑是什么
面包屑的名字来自格林童话中的糖果屋,故事中主角在走过的路线上撒下面包屑,让自己迷路时可以沿着面包屑找到回家的路。网页中的面包屑也是相同的作用,就像是网站中确定当前页面位置的路标,帮助用户了解自己所在的网站位置,一般来说会显示在网站的左上方,可以标示出用户进到此网页的路径,防止用户在网站中迷路,提升用户体验。
二、面包屑对SEO的作用
①优化用户体验
相信大家在浏览网页的时候,如果可以清楚地知道自己所在的位置,能更容易筛选自己需要的资讯,尤其是电商网站,当用户想要购买的东西分属网站的不同分类,通过面包屑的引导可以更快找到产品的位置。
举例来说,消费者想要购买猪肉和小白菜,在网页中经过「首页>生鲜食品>肉品>猪肉」的路径选购猪肉之后,可以直接通过面包屑回到生鲜食品的页面,通过「生鲜食品>蔬菜水果>各式蔬菜」的路径继续选购小白菜,不用重复点击上一页或是重新回到首页,提升用户体验。
②告诉搜索引擎蜘蛛网站的当前位置
面包屑除了可以指引网站用户访问之外,也能提供Google蜘蛛抓取路径的引导,帮助谷歌搜索蜘蛛快速了解网站的整体架构,在抓取网页时也能清楚知道网页的层级及分类索引,有助于提升搜索结果的排名。此外,设定面包屑之后,网址在搜索结果页上也会呈现网址路径,因此可以适时在面包屑的名称中加入关键词,增加用户点击率。
三、如何制作面包屑导航
了解面包屑对SEO的作用之后,接下来就要学习如何在网站中制作设定面包屑,以下分别分享较常见的WordPress网站及其他网站的制作方法。
①WordPress网站:使用Yoast SEO插件设定面包屑
通过WordPress设定面包屑需要以下5个步骤:
1.首先必须安装插件:Yoast SEO Plugin
2.到WordPress的后台,开启Yoast SEO面包屑的功能,并选择面包屑分层的依据(通常是设定文章分类)
3.到 Yoast SEO 网站中复制以下面包屑代码:
- <?php
- if ( function_exists(‘yoast_breadcrumb’) ) {
- yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ );
- }
- ?>
4.进到主题编辑器,将面包屑代码粘贴到single.php里面,并点击更新文件。
5. 设定完成之后别忘了在网页前端确认结果,也可以使用Google结构化资料测试工具检测是否代码有错误。
②其他网站:自行撰写面包屑导航代码
如果是使用WordPress以外的CMS或是自建的网站,可能需要咨询建站的工程师,规划面包屑的层级及设置浏览逻辑,并自行撰写代码来设定面包屑,常见的代码有Microdata和JSON-LD,可以根据网站的需求选择。
总结
设定面包屑在网站结构中扮演很重要的角色,不只能提升网站的用户体验,对谷歌SEO排名也有很大的影响,如果你的网站排名提升比较困难,不妨从面包屑的设定着手,检测网站的结构,也许就能找到网站需要优化的地方,提升排名表现。