我在制作例如WordPress博客等网页时,经常遇到这个(相当简单的)问题。应该将标题(也应该是链接)放在锚点<a>
元素中,还是应该反过来?为什么呢?
<a href="foo">
<h1>bar</h1>
</a>
(2):
<h1>
<a href="foo">bar</a>
</h1>
我总是选择使用(1),因为这样做似乎更合理,可以将标题包裹在链接中。
这样做会对 SEO 产生影响吗? 它会反映在 SEO 排名上吗?
我在制作例如WordPress博客等网页时,经常遇到这个(相当简单的)问题。应该将标题(也应该是链接)放在锚点<a>
元素中,还是应该反过来?为什么呢?
<a href="foo">
<h1>bar</h1>
</a>
(2):
<h1>
<a href="foo">bar</a>
</h1>
我总是选择使用(1),因为这样做似乎更合理,可以将标题包裹在链接中。
这样做会对 SEO 产生影响吗? 它会反映在 SEO 排名上吗?
HTML5 之前:
锚点必须位于标题内部,您不能在锚点中放置块级元素,如果这样做,大多数浏览器将无法完全可靠地呈现它。
在 HTML5 中:
没有关系,使用最符合语义的任何一个即可。很可能是第一个选项。
请记住,如果您的文档使用 HTML4 DTD,则无法验证并且可能不会正确呈现,因为它使用旧规则,在锚点中不能包含块级元素。只能在 HTML5 中使用第一种选项。XHTML 等同于 HTML4,但我对 XHTML1.1 不是百分之百确定(可以试试看是否有效)。
<!DOCTYPE HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
如果你要使用4.01版本,我建议你熟悉DTD本身,它会回答所有这种类型的问题。
第一个对于SEO来说是最好的,因为谷歌可以很容易地索引它。