英文:
Do similar heading elements need to be on the same DOM level for SEO purposes?
问题
类似的标题标签在DOM中是否需要位于相同级别以最佳优化SEO，或者它们嵌套得多深位置是否无关紧要，只要它们按正确的顺序排列？
例如，这是我认为最佳的方式：
<h3>...</h3>
<div>与前一个h3相关的内容</div>
<h3>...</h3>
<div>与前一个h3相关的内容</div>
但出于样式目的，我可能需要以这种方式结构化HTML（甚至更多嵌套）：
<div>
<h3>...</h3>
<div>与前一个h3相关的内容</div>
</div>
<div>
<h3>...</h3>
<div>与前一个h3相关的内容</div>
</div>
英文:
Do similar heading tags need to be on the same DOM level to best optimize for SEO, or does it not matter at all how deeply nested and positioned they are as long as they are in proper sequential order?
For instance, this is what I imagine to be best:
<h3>...</h3>
<div>Content related to previous h3</div>
<h3>...</h3>
<div>Content related to previous h3</div>
But for styling purposes I may need to structure html this way (or even more nested):
<div>
<h3>...</h3>
<div>Content related to previous h3</div>
</div>
<div>
<h3>...</h3>
<div>Content related to previous h3</div>
</div>
答案1
得分: 1
搜索引擎不太关心您的标签结构。Google似乎更注重页面的呈现方式，而不是您使用的标签。最终显眼的文本比标题标签中的内容更具相关性权重。Google从未关心网站使用有效或干净的HTML代码。Google一直尝试索引所有可用的网站，而不仅仅是符合任何技术标准的网站。
即使是在语义正确方面，两种方式都可以。以下是HTML规范的相关部分：4.4.11 标题和章节 — HTML5：Web作者版本
规范表示，只有分区根元素会影响标题标签的解释方式。您可以使用任何结构的<div>或<span>，而不会改变页面的大纲结构。只有<blockquote>、<body>、<details>、<fieldset>、<figure>或<td>在确定标题标签范围时才会起作用。
英文:
You can structure your HTML either way. Search engines don't care much about your tag structure. Google seems to pay more attention to how the page renders these days than to what tags you use. The text that ends up big and prominent gets relevancy weight more than what is in heading tags. Google has never cared that sites use valid or clean HTML code. Google has always tried to index all sites that are usable rather than only those that meet any technical standard.
Even for semantic correctness, either way is fine. Here is the relevant section of the HTML spec: 4.4.11 Headings and sections — HTML5: Edition for Web Authors
It says that only sectioning roots make any difference to how your heading tags are interpreted. You can use any structure of <div> or <span> without changing the outline structure of your page. Only <blockquote>, <body>, <details>, <fieldset>, <figure>, or <td> matter when determining the scope of heading tags.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论