标题内的锚点,反之亦然 - 与 SEO 有啥不同吗? [关闭]

Posted

技术标签:

【中文标题】标题内的锚点,反之亦然 - 与 SEO 有啥不同吗? [关闭]【英文标题】:Anchors inside headers, or vice versa - is there a different in relation to SEO? [closed]标题内的锚点,反之亦然 - 与 SEO 有什么不同吗? [关闭] 【发布时间】:2011-12-31 17:59:03 【问题描述】:

我总是在制作时偶然发现这个(相当简单的问题)。 WordPress 博客。我应该将标题(也应该是一个链接)包装在一个锚<a> 元素中,还是应该反过来。为什么?

(1)

<a href="foo">
    <h1>bar</h1>
</a>

(2)

<h1>
    <a href="foo">bar</a>
</h1>

我总是以 (1) 结尾,因为在我看来更合乎逻辑的是,标题包含在链接中。

它有什么不同吗?搜索引擎优化?会反映SEO排名吗?

【问题讨论】:

This question on Pro Webmasters 就是你要找的东西 Which is more correct: <h1><a>...</a></h1> OR <a><h1>...</h1></a>的可能重复 我投票结束这个问题,因为虽然这个问题在被问到时是话题,但非编程 SEO 问题在这里不再是话题,应该在Webmasters 提出。具体来说,之前链接的Anchor tag inside <h1> or <h1> inside anchor tag: which is better? 在那里回答了这个问题。 【参考方案1】:

第一个最适合 SEO,因为 google 索引很容易。

【讨论】:

【参考方案2】:

如果您使用的是 html 4.01 DTD(不确定过渡,但肯定是严格的),那么锚元素必须出现在标题元素内。如果您不知道您使用的是哪个 DTD,请检查您的文档类型(假设您有一个,您确实需要它才能使 oyur 代码被认为是有效的)。 HTML5 文档类型如下所示:

<!DOCTYPE HTML>

4.01 的文档类型是:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

如果您打算使用 4.01,我还建议您熟悉 DTD 本身,它会回答所有这些类型的问题。

【讨论】:

【参考方案3】:

HTML5 之前: 锚点必须在标头内,不能将块级元素放在锚点内,如果这样做,大多数浏览器都不会 100% 可靠地呈现它。

在 HTML5 中: 没关系,使用最语义意义的任何一个。可能是第一个。

请记住,如果您的文档使用 HTML4 DTD,它将无法验证并且可能无法正确呈现,因为它使用的是锚点不能包含块级元素的旧规则。仅使用 HTML5 中的第一个选项。 XHTML 等同于 HTML4,但我对 XHTML1.1 不是 100% 确定(尝试一下,看看它是否有效)。

【讨论】:

以上是关于标题内的锚点,反之亦然 - 与 SEO 有啥不同吗? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

Vue Router-更改滚动中的锚点

URL中的锚点(fragment片段标识符)是什么?(hash mark(#))(HTML 页面内定位)(之前学html不是学了吗?忘啦?)(SEO 搜索引擎优化)

在动画期间更改 SKSpriteNode 的锚点?

在PS中,路径锚点分为哪些类型?各有啥特点?

使用 nuxt-link 导航到不同页面上的锚点/哈希不起作用

超链接跳转到不同页面的锚点链接