如何为复杂网站定义标题标签层次结构

Question

我需要建议设计关于SEO优化的最佳标题标签，并且效果很好。

RED 菜单是主菜单。仍然可见并且相同。
BLUE 菜单是子菜单
只有在特定情况下才能看到 MAGENTA 绿色是部分，列表或项目等的标题。

以下是可能的情况：

哪个更好？

<h1> for RED, <h2> for BLUE, <h3> for MAGENTA and <h4> for GREEN

或

<h4> for RED, <h3> for BLUE, <h2> for MAGENTA and <h1> for GREEN

谢谢你的澄清

Answer 1

两个提出的解决方案都没有实际正确使用标题元素 所以它在SEO中也没用。
就像它说here

一样

  

标题元素实现六个级别的文档标题，<h1>是最重要的，<h6>是最不重要的。标题元素简要描述了它介绍的部分的主题。

使用标题元素来创建它们。
如果你使用它们只是为了增加错误的数据/元素的搜索引擎优化，你可以让它变得更糟 很多人已经尝试过了（并且还在努力）并且没有想到搜索引擎无法识别他们的意图。
就像谷歌的John Mueller所说here一样，如果有关于主题的清晰正确的标题，标题会略微提升页面，但不建议大量使用。

因此，在您的情况下，红色，蓝色和洋红色是菜单，因此请使用您仍会使用的一些标准导航元素。在我看来，在那里添加标题元素会适得其反。

但绿色是标题标记的理想选择。我会说<h1>，但这取决于剩余的内容和页面类型。
例如，易趣产品页面上的产品标题位于<h1>标记中，右下方的页面看起来很适合这一点。