从seo的角度看h1是在a里面好还是外面好

webrank
SEO推广
2024-03-07
45

答案是：在外面。

我们可以做个假设

1 2	`<h1><a` `href="*****com">锚文本</a></h1>` `<a` `href="*****com"><h1>锚文本</h1></a>`

上面的告诉搜索引擎，这个锚文本链接非常重要。

下面的告诉搜索引擎，锚文本这三个字很重要！

必须要声明，并不权威，我只能说我一直这么认为，而且是这么做的。

HTML5 确实允许 a 包裹任何 div、p 之类到水平 block 标签了。前提是包裹到内容里不能包含任何交互的元素，比如其它链接或按钮。

从开发和可用性角度

在 XHTML 的时代，如果你要创建大块的点击区域，代码可能是这样：

<div class="story">
    <h3><a href="story1.html">Big Brother is Watching You</a></h3>
    <p><a href="story1.html"><img src="v.jpg" alt="full story. " />People should not be afraid of their governments. Governments should be afraid of their people.</a></p>
    <p><a href="story1.html">Read more</a></p></div>

到了 HTML5，你可以写成这样：

<article>
    <a href="story1.html">
        <h3>Big Brother is Watching You</h3>
        <p><img src="v.jpg" alt="V for Vendetta">People should not be afraid of their governments. Governments should be afraid of their people.</p>
        <p>Read more</p>
    </a></article>

从代码结构上看，减少了重复的链接，对前后台代码维护来说都很方便，而且也更语义化（单纯的<a href="story1.html">Read more</a>没有任何意义）。看img标签的alt属性，前者是个链接，所以alt描述链接目标，后者是正文的一张补充图片，因此直接描述图片本身。

从用户使用角度，键盘用户选择链接也可以少按几次 tab。但也同样带来了困扰，比如不好复制链接里的部分内容。

所以，当需要创建大区域点击时（比如文本广告），且对文字复制无要求时，使用后者更好。当链接单一时，两者差别不是很大，比如只有：<h3><a href="story2.html">Link Title</a></h3>）。