gpt4 book ai didi

html - 使用 h1 的正确方法? (关于文档大纲和SEO)

转载 作者:太空狗 更新时间:2023-10-29 13:31:11 26 4
gpt4 key购买 nike

我仍在尝试熟悉 HTML5,有些东西感觉有点困惑....

我曾经读过 Jeremy Keith's book和 HTML5 Doctor(通过 this question )说 HTML5 使使用多个 h1 成为可能。在 HTML5 中,每个部分都可以有自己的标题元素,因此可以有多个 h1。我见过一个 Wordpress 主题框架,"underscores" ,这似乎最充分地应用了这一点。

但是,这似乎会给旧版浏览器(尚未支持 HTML5)在定义站点结构/文档大纲时带来问题。此外,它还会给 SEO 带来问题。

我偶然发现了 Matt Cutts's (from Google) video并重新阅读 Keith 的书,该书建议限制 h1 的使用并使用常规文档大纲(每页仅使用一个或两个 h1,然后是多个 h2 h3 等)。 Matt Cutts 还暗示多个 h1 对 SEO 不太好。

但是,

  • 我以前从未认真注意过网站结构/文档大纲。所以我永远不知道旧浏览器(HTML5 之前)如何阅读站点结构/文档大纲。存在一个 HTML5 outliner ,但我找不到 HTML4 的大纲。
  • Matt Cutts 的视频(关于 HTML5 和 SEO)于 2009 年发布。我不知道谷歌是否已经支持新的 HTML5 大纲方式文件。

所以我的问题是,如果我想:

  • 支持旧版浏览器(例如 Firefox 3.0 和 IE 6)以显示正确的站点结构/文档大纲
  • 在 SEO 方面取得了不错的成绩

我应该使用哪一个:多个 h1(HTML5 中的方式)还是传统方式?

这个 HTML5(取自 HTML5 Doctor 的例子):

<h1>My fantastic site</h1>
<section>
<h1>About me</h1>
<p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p>
<section>
<h1>What I do for a living</h1>
<p>I sell enterprise-managed ant farms.</p>
</section>
</section>
<section>
<h1>Contact</h1>
<p>Shout my name and I will come to you.</p>
</section>

还是传统方式?

<h1>My fantastic site</h1>
<h2>About me</h2>
<p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p>
<h3>What I do for a living</h3>
<p>I sell enterprise-managed ant farms.</p>
<h2>Contact</h2>
<p>Shout my name and I will come to you.</p>

最佳答案

使用新格式。很多人会使用 h3h2,这也很好。

事实上,他们将使用 html5 提供的 sectionarticleheaderfooter 元素,然后使用 h3h4 作为该文档段的标题(因为担心 SEO 惩罚/遗留样式|布局怪癖)。

这也很好。

如果您再次观看 Cuts 的视频,他说要将 h1 的使用保持在最低限度——只有在真正需要时才使用倍数。

这在这一点上并没有真正改变。

Google 不会因为你有倍数而谋杀你。谷歌希望每一个都意味着内容发生了根本性的变化。

无论您是否有分段(section/article/etc)元素都是如此。

Google 也已经到了这样的地步,他们可以正确地抓取仅 AJAX 或依赖 JavaScript 的网站,并拥有自己的内容丰富的元数据系统... ...它们足够复杂,可以解析 sectionarticle

更多地担心内容的质量,如果您准备好接受它,他们用于搜索结果的 Google 特定元数据等......并让 Google 担心导航语义(只要您很好地使用它们,并且不做任何可疑的事情)。

较小的爬虫,谁知道... ...但这是基于每个爬虫的,大多数人只需要关注 Google、Bing 和 Yahoo,而其他爬虫要么以 Google 为食,要么非常特定领域(比如如果你出于某种原因想在选择加入的汽车租赁爬虫上排名很高......无论如何,此时你应该提供某种 XML/JSON 提要)。

关于html - 使用 h1 的正确方法? (关于文档大纲和SEO),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13057118/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com