html - 如果 <h1> 中的内容始终保持不变而 <h2> 根据文章而变化,这对 SEO 是否合适?

标签 html seo semantics

<分区>

我正在建立一个包含新闻的网站。我有一个包含新闻文章列表的页面。第二页显示文章的详细信息。

我对显示单篇文章的页面结构有一些疑问。

页面如下所示:

<body>
    <header data-role="header">
        <h1>Article detail</h1>
    </header>

    <div data-role="content">

        <article>
            <header>
                <h2>Article title</h2>
                <p class="lead">Lead</p>
                <p><time datetime="2012-10-15" pubdate="pubdate">October 15, 2012</time></p>
            </header>
            <p>Article content</p>
        </article>

    </div>
</body>

从 SEO 的角度来看,如果 <h1> 是可以的总是一样的,只有 <h2>根据文章更改?

我想把文章标题放在<h1>也。但这意味着我们将拥有相同的 <h1><h2> .我真的不知道这是否是一个好习惯。

你有什么建议?

最佳答案

我认为将“文章详细信息”作为标题在这里没有意义。如果 Stack Overflow 上这个问题的顶部标题是“问题”,那将是相似的。或者,如果博客文章的标题是“博客文章”。

您的示例(假设文章标题是“John Doe wins!”)将生成此 outline :

- Article detail
-- John Doe wins!

该页面不包含“文章详细信息”,它文章本身,对吗?

由于您的页面是网站的一部分,因此整个页面的标题可能应该是网站标题(对于属于该网站的所有页面都相同)。

文章标题将是该页面的主要内容,但它仍然是网站的“子”,因此它的层次结构级别为 2。

如果您有站点导航(“所有新闻”、“联系方式”……),这也会达到 2 级。

因此(假设该网站名为“ACME News”)这将是该页面的合适大纲:

- ACME News
-- John Doe wins!
-- (Navigation)

只要您使用分段元素(sectionarticlenavaside),您就可以到处使用 h1。或者,正如您在示例中所做的那样,根据(“计算的”)大纲使用标题 h2-h6。语义上没有区别。

搜索引擎是否以及如何处理这个……好吧,有些人可能理解 HTML5,有些人不理解。有些人谈论它,有些人不谈论它。 (好的)搜索引擎将能够解释 HTML5 文档的结构(相应地,不要仅仅因为它们根据规范使用 HTML5 而“降低”页面排名)。这是标记页面的方式,有些甚至是现在,许多将来会更多。

对于您的网站,我敢打赌大多数搜索引擎甚至不会理会您选择的方式。对于这种程度来说,这是一个相对较小的细节(每页只有 2-3 个标题)。

关于html - 如果 <h1> 中的内容始终保持不变而 <h2> 根据文章而变化,这对 SEO 是否合适?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14746397/

相关文章:

HTML 表格 : keep the same width for columns

javascript - 在 Chrome 中无法选择文本区域

javascript - 如何使用或不使用 Iframe 实现 SEO 友好的 Spotify/Rhapsody/iTunes 类界面

c++ - 在 return 语句中,结果周围的括号是否重要?

html - 将 <article> 放在 <li> 中是一个好习惯吗?

javascript - 在 Jquery 的圆宽度中将这三个框旋转或动画化一个位置的最佳方法是什么?

chrome 的 html5 视频问题

seo - 为什么谷歌索引这个?

reactjs - Gatsby session 检查和 SEO

semantics - 在 SPARQL 中计数