Astra 内置了灵活的面包屑功能,并支持自定义位置、颜色、字体等样式设置。本文将手把手教你如何启用 Astra 面包屑功能,并介绍如何与主流 SEO 插件(如 Yoast、Rank Math 等)集成使用。
为什么要使用面包屑导航?
面包屑是一种用于显示用户浏览路径的导航形式,一般出现在页面顶部。例如:首页 > 博客 > 教程 > 如何设置面包屑导航
使用面包屑的好处:
提升导航体验:帮助用户快速返回上级页面或栏目。
增强 SEO:有助于内部链接结构优化,Google 也经常在搜索结果中显示面包屑路径。
降低跳出率:用户更容易找到其他相关页面,延长访问时长。
如何在 Astra 中启用面包屑导航?
Astra 已内置面包屑功能,只需简单设置即可启用。
第一步:选择面包屑显示位置
操作路径:外观 > 自定义(Customize)> Breadcrumb(面包屑)
可设置的显示位置:
None(不显示)
Inside Header(显示在页眉内部)
After Header(显示在页眉之后)
Before Title(显示在标题前)
选择希望面包屑显示的位置即可立即生效。
第二步:选择面包屑来源
Astra 支持多种面包屑来源:
默认(Default):使用 Astra 自带功能
插件集成:如果你安装了如Rank Math 或 Yoast SEO 等插件,可以选择从这些插件中获取面包屑内容
建议: 如果你已在使用 Yoast SEO 或 Rank Math 插件处理 SEO,可以直接用这些插件生成面包屑,更利于整体优化一致性。
第三步:可选禁用页面
可以根据不同页面类型选择是否显示面包屑导航:
页面类型说明首页(Disable on Hame Page)网站主页博客页面(Disable on Blog / Posts Page)文章归档页搜索页(Disable on search)用户搜索结果页面归档页(Disable on Archive)分类、标签、作者归档等单页面(Disable on Single Page)通常是“关于我们”等单页单篇文章(Disable on Single Post)博客内容页通用单项(Disable on Singular)所有单个内容项,如文章/页面404 页面(Disable on 404 Page)错误页面
你只需勾选需要禁用面包屑的页面类型即可。
第四步:设计样式与排版
Astra 免费版中就提供了多种样式设置选项:
对齐方式:左对齐、居中、右对齐
间距调整:设置上下边距
颜色定制:可以设置文字颜色和悬停颜色
字体设置:包括字体大小、粗细、行高、大小写样式(小写、大写、首字母大写)等
这些选项可以在“Breadcrumb”下的设置面板中灵活调整,使其更好地适配你的网站风格
第三方插件集成教程
1. Yoast SEO 插件集成方法:
安装并激活 Yoast SEO 插件
启用面包屑功能:后台进入 SEO > 搜索外观 > 面包屑 > 启用
回到自定义器:自定义 > 布局 > 面包屑 > 来源选择 Yoast SEO
Astra 将显示 Yoast 生成的面包屑,同时你可以通过自定义器控制颜色、字体、显示位置等
2. Rank Math 插件集成方法:
安装并激活 Rank Math 插件
在 Rank Math > 通用设置 > 面包屑 中启用面包屑功能
回到 Astra 自定义器,选择 Rank Math 作为面包屑来源
Rank Math 面包屑将显示在页面中,样式依旧由 Astra 控制
总结
Astra 提供了内置面包屑功能,用户不用额外安装插件即可快速启用,并自由调整显示位置、样式、字体等设置。如果想了解更多WordPress相关的教程和资讯,请关注光子波动网,拥有最全的WordPress教程和最活跃的WordPress交流社区。