该网站没有深层结构
Posted: Tue Jan 07, 2025 10:15 am
仅当您的网站结构更深几个层次时，使用面包屑才有意义。
如果您有一个单级网站结构，所有内容都只需单击一下即可到达主页，那么面包屑可能不会增加太多价值。
例如，在 Wait But Why 中，实现面包屑是没有意义的。该网站没有深层结构：它仅显示距主页一键点击即可的单个帖子。
等等但为什么页面。
2.使用面包屑来支持主导航
面包屑是附加导航的一种形式。因此，它们不应取代您的主导航菜单。
将面包屑视为用户导航网站的另一种方式。
在下面的示例中，戴尔使用面包 丹麦 whatsapp 屑来支持其主要导航。
戴尔面包屑示例。
3. 在各个级别之间使用分隔符
当用特殊符号分隔时，面包屑路径更加直观。
“大于”符号 (>) 最常用。
但您也可以使用箭头 (→) 或斜杠 (/)。
例如，沃尔玛使用斜杠 (/) 来分隔其面包屑路径中的项目。
沃尔玛使用斜杠来分隔商品。
4. 面包屑路径中没有指向当前页面的链接
面包屑路径中的最后一项显示用户的当前位置。
由于用户已经在该页面上，因此添加指向当前页面的链接没有意义。
用户不太可能点击，而且它没有任何作用。
在下面的示例中，我们可以看到面包屑路径中的最后一项不包含链接。因此，用户会在他们所在的页面上得到指示。
面包屑路径中的最后一项显示用户的当前位置。
5.使用简单的设计
面包屑的设计应该尽可能简单，这样既有用又不会分散读者对页面真实内容的注意力。
这是来自 Slack 的示例：
在面包屑中使用简单的设计。
正如您所看到的，它们出现在网站的右上角，采用小而清晰的字体，与网站的其他部分一致。
甚至类别之间的分隔符也很简单。
它们是易于查找和理解的面包屑。但它们不会引起不必要的关注。
如何向 WordPress 添加面包屑导航
由于WordPress 是世界上最受欢迎的 CMS，让我们看看下面如何在 WordPress 中添加面包屑。
一些 WordPress 主题支持开箱即用的面包屑导航。
如果您的主题不支持这种类型的面包屑导航，您可以使用 Yoast SEO 等插件。
转到“插件”>“添加新插件”。
WordPress 中的插件。
搜索“ Yoast ”并单击“立即安装”。然后按安装完成后出现的“激活”按钮。
便它们继续出现在搜索结果中。
如果您有一个单级网站结构，所有内容都只需单击一下即可到达主页，那么面包屑可能不会增加太多价值。
例如，在 Wait But Why 中，实现面包屑是没有意义的。该网站没有深层结构：它仅显示距主页一键点击即可的单个帖子。
等等但为什么页面。
2.使用面包屑来支持主导航
面包屑是附加导航的一种形式。因此，它们不应取代您的主导航菜单。
将面包屑视为用户导航网站的另一种方式。
在下面的示例中，戴尔使用面包 丹麦 whatsapp 屑来支持其主要导航。
戴尔面包屑示例。
3. 在各个级别之间使用分隔符
当用特殊符号分隔时，面包屑路径更加直观。
“大于”符号 (>) 最常用。
但您也可以使用箭头 (→) 或斜杠 (/)。
例如，沃尔玛使用斜杠 (/) 来分隔其面包屑路径中的项目。
沃尔玛使用斜杠来分隔商品。
4. 面包屑路径中没有指向当前页面的链接
面包屑路径中的最后一项显示用户的当前位置。
由于用户已经在该页面上，因此添加指向当前页面的链接没有意义。
用户不太可能点击，而且它没有任何作用。
在下面的示例中，我们可以看到面包屑路径中的最后一项不包含链接。因此，用户会在他们所在的页面上得到指示。
面包屑路径中的最后一项显示用户的当前位置。
5.使用简单的设计
面包屑的设计应该尽可能简单，这样既有用又不会分散读者对页面真实内容的注意力。
这是来自 Slack 的示例：
在面包屑中使用简单的设计。
正如您所看到的，它们出现在网站的右上角，采用小而清晰的字体，与网站的其他部分一致。
甚至类别之间的分隔符也很简单。
它们是易于查找和理解的面包屑。但它们不会引起不必要的关注。
如何向 WordPress 添加面包屑导航
由于WordPress 是世界上最受欢迎的 CMS，让我们看看下面如何在 WordPress 中添加面包屑。
一些 WordPress 主题支持开箱即用的面包屑导航。
如果您的主题不支持这种类型的面包屑导航，您可以使用 Yoast SEO 等插件。
转到“插件”>“添加新插件”。
WordPress 中的插件。
搜索“ Yoast ”并单击“立即安装”。然后按安装完成后出现的“激活”按钮。
便它们继续出现在搜索结果中。