深圳B2B网站制作Breadcrumb怎么设计?产品层级越深,客户越需要知道自己在哪里
很多企业做深圳外贸网站制作时,会花大量时间设计Header、Mega Menu、Product Category和首页入口,却很少认真考虑Breadcrumb。网站产品只有二三十个时,这个问题并不明显;但当企业拥有多个Product Line、几十个Category、几百个Model以后,客户从Google直接进入某个产品内页,很容易不知道这个产品属于哪个系列、上一级还有哪些产品,也不知道应该去哪里继续比较。Breadcrumb看起来只是页面顶部一行很小的导航,但对于复杂的深圳B2B网站制作项目来说,它真正承担的是三个任务:告诉客户当前在哪里、帮助客户返回上一级、把深层页面重新连接到完整产品结构中。
一、不要默认客户都是从首页一步步进入产品页面
很多网站的信息架构设计都是按照:
Homepage → Products → Category → Product
这条路径考虑的。
但Google SEO带来的访问并不是这样。客户可能搜索一个具体Model Number,直接进入Product Page;也可能搜索某个Application,从Industry Page进入产品;甚至通过Distributor、LinkedIn、Email或者PDF里面的链接直接打开一个深层页面。
对直接进入内页的客户,Breadcrumb就是上下文
假设客户打开:
X500 Industrial Pressure Sensor
如果页面只有产品名称和参数,他可能不知道X500属于哪个Series,也不知道企业还有哪些类似型号。
如果页面顶部显示:
Home > Products > Pressure Sensors > X Series > X500
客户马上就能理解这个产品在整个网站里的位置。
这也是深圳外贸网站建设需要考虑的一个基本问题:不能假设客户已经看过首页,任何重要Landing Page都应该能够独立提供足够的上下文。
二、Breadcrumb层级不是越多越专业
有些网站为了体现产品分类完整,会做成:
Home > Products > Industrial Products > Sensors > Pressure Sensors > Digital Pressure Sensors > X Series > X500
层级看起来非常严谨,但对于客户来说已经过于复杂。
Breadcrumb应该保留真正有采购意义的层级
对于大部分B2B产品,可以控制在类似:
Products → Category → Series → Product
这样的结构。
如果某一层只是企业后台为了管理方便创建的分类,没有独立的客户价值,就不一定需要出现在Breadcrumb里。
后台分类不等于前台导航层级
这是进行深圳wordpress网站制作时特别容易出现的问题。
WordPress后台可能为了内容管理建立Parent Category、Child Category、Attribute、Tag等多种Taxonomy,但前端Breadcrumb应该围绕客户理解产品的方式生成,而不是把后台数据库结构原样展示出来。
三、一个产品属于多个分类时,要确定Primary Path
这是大型B2B网站很常见的问题。
例如一个Stainless Steel Pump既属于:
Industrial Pumps;
Chemical Industry;
Stainless Steel Products;
Corrosion Resistant Solutions。
如果系统按照所有Taxonomy自动生成Breadcrumb,就可能出现多个不同路径,甚至不同页面模块显示不同的上一级。
产品需要一个主要客户路径
更合理的方法是确定Primary Category,例如:
Products > Industrial Pumps > Stainless Steel Pump
而Chemical Industry、Corrosion Resistant等关系,可以通过Application、Related Solutions或者Filter体现。
Breadcrumb负责回答:
“这个产品主要属于哪里?”
而不是:
“这个产品和网站里的哪些内容存在关系?”
后一个问题应该由Internal Linking和Related Content解决。
H3:Primary Category最好可以在后台明确指定
对于复杂的深圳B2B网站制作项目,可以给产品增加Primary Category字段,让Breadcrumb、Canonical逻辑、Product Navigation等功能拥有稳定依据。
这样网站产品越来越多以后,也不会因为分类关系增加而导致路径不断变化。
四、Breadcrumb名称应该让客户看懂,而不是为了SEO堆关键词
有些企业发现Breadcrumb可以被Google识别以后,就开始把每一级都写成长关键词:
深圳外贸网站制作 > 深圳B2B网站制作公司 > Professional Industrial Product Manufacturer > Product
这种做法既影响阅读,也失去了Breadcrumb原本的导航价值。
Breadcrumb Label应该简短、稳定、可理解
例如:
Products;
Pressure Sensors;
X Series;
X500。
就已经足够。
真正需要布局SEO关键词的地方应该是Title、H1、正文、Category Content以及Internal Linking,而不是要求Breadcrumb承担全部关键词任务。
Navigation首先服务用户,其次才是SEO
专业的深圳外贸网站公司应该避免为了所谓SEO优化破坏基础用户体验。搜索引擎本身也越来越重视页面结构是否自然,而不是一个位置能够塞进去多少关键词。
五、移动端Breadcrumb必须重新考虑展示方式
桌面端拥有足够宽度,一条四五级Breadcrumb通常没有问题;但到了Mobile,如果每一级名称都比较长,很容易变成三四行,占据产品页面首屏大量空间。
移动端可以减少视觉占用
根据网站实际情况,可以采用Horizontal Scroll、适当Truncation或者隐藏部分中间层级等方式,但仍然保留客户返回上一级的重要入口。
例如桌面端:
Home > Products > Pressure Sensors > X Series > X500
移动端可以重点保留:
Pressure Sensors > X Series > X500
不一定需要把所有路径完整堆在首屏。
H3:不要为了节省空间直接完全删除
尤其对于产品结构复杂的网站,移动端客户同样需要知道自己处于哪个Category。更好的方法是优化展示,而不是直接取消Breadcrumb。
六、WordPress里的Breadcrumb最好自动生成,不要人工填写
如果企业只有20个页面,人工维护Breadcrumb似乎没有问题;但产品达到500个以后,每次新增Category、调整Series或者迁移Product,都需要人工修改路径,很快就会出现错误。
古格西森在 gugeseosem.com 相关深圳wordpress网站制作项目中,如果网站拥有比较复杂的Product Architecture,更适合让Breadcrumb读取统一的Product Taxonomy和Primary Category关系自动生成。
自动化的前提是后台数据必须规范
如果Category本身就混乱,自动Breadcrumb只会自动制造混乱。
因此真正正确的顺序应该是:
Product Architecture → Taxonomy → Primary Category → Breadcrumb
而不是网站做完以后安装一个Breadcrumb Plugin就结束。
插件解决的是输出,不是信息架构
无论使用SEO插件自带Breadcrumb还是Theme功能,它们只能读取企业已经建立的数据关系。产品应该属于哪里,仍然需要网站规划阶段确定。
七、Breadcrumb真正价值是把深层页面重新连接回网站体系
从SEO角度看,Breadcrumb可以帮助搜索引擎理解页面层级,也能够形成稳定的Internal Link;但如果只把它理解成Schema或者Google展示优化,就低估了它的商业价值。
对于一个拥有几百个产品的外贸网站,客户真正需要的是随时能够回答:
我现在看的是什么产品?
它属于哪个系列?
上一级还有哪些类似产品?
如果这个型号不适合,我应该去哪里继续找?
这才是Breadcrumb存在的核心原因。
例如客户通过Google直接进入:
X500 Pressure Sensor
看完以后发现Measurement Range不适合。
如果页面顶部存在:
Pressure Sensors > X Series > X500
他可以立即返回X Series继续选择其他型号。
如果没有这条路径,他可能只能返回Google。
这两种行为之间的差别,实际上就是网站有没有把一次SEO访问真正留在自己的产品体系里。
因此专业的深圳外贸网站制作不能只关注Homepage和Navigation Menu。随着Product Category和Model不断增加,那些看起来不起眼的小结构反而越来越重要。
一个好的Breadcrumb不需要复杂,也不需要大量关键词。
它只需要在客户迷路之前,清楚告诉他:
“你现在在这里。”
“这是它的上一级。”
“如果这个产品不适合,你可以从这里继续找。”
对于产品体系复杂的深圳B2B网站制作来说,这种简单、稳定的导航逻辑,往往比再增加一个炫酷的页面动画更能改善真实采购体验。
对于产品体系复杂的深圳B2B网站制作来说,这种简单、稳定的导航逻辑,往往比再增加一个炫酷的页面动画更能改善真实采购体验。
Wbsem
