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

标签 html tags seo hierarchy

<分区>

我需要建议来设计与 SEO 优化相关的最佳标题标签,并取得良好的效果。

RED 菜单为主菜单。仍然可见且相同。
蓝色菜单是子菜单
MAGENTA 仅在特定情况下可见
GREEN 是部分、列表或项目等的标题。

以下是可能的情况:

enter image description here

哪个更好?

<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


谢谢你的澄清

最佳答案

两个建议的解决方案实际上都不是标题元素的正确用法。
所以它在 SEO 中也没有用。
就像据说here

Heading elements implement six levels of document headings, <h1> is the most important and <h6> is the least. A heading element briefly describes the topic of the section it introduces.

为创建的内容使用标题元素。
如果您使用它们只是为了在错误的数据/元素上提高 SEO,您只会让事情变得更糟。
很多人已经尝试过(并且仍在尝试)并且认为搜索引擎无法识别他们的意图。
就像谷歌的约翰穆勒说的那样 here ,如果有关于主题的清晰正确的标题,则标题会略微提升页面,但不建议广泛使用。

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

但是 green 是标题标签的不错选择。我会说 <h1>但这取决于其余内容和页面类型。
例如,ebay 产品页面上的产品标题在 <h1> 中。标记和您的右下角页面看起来很适合。

关于html - 如何为复杂网站定义标题标签层次结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37149978/

相关文章:

html - 谷歌浏览器 - HTML5 音频和 WAV 文件

html - 什么会导致粗体标记 <b> 被忽略?

php - 如何使用 YII 框架指定一个 SEO 友好的 url,比如 twitter www.twitter.com/<name>

javascript - 如何防止上下文菜单显示在 Chrome 的设备 View 中

javascript - 我们如何使用修复标题修复滚动并调整标题宽度以及 td 相等?

javascript - 在 javascript 中将数据从一个对象传递到另一个对象

web-applications - 使用 REST api SEO 影响的动态元标记绑定(bind)

java - 如何以编程方式从 doc 和 docx 文件中删除用户身份信息?

Java JAXB 编码器更改 < 但不更改 > 的编码

seo - Google 的第一个结果不是我的主页