html - Seo - href 值在 anchor 标签中的重要性？

Question

我正在构建一个类似于 facebook 的常见问题解答页面。问题包含在 anchor 标记中，单击问题后会出现答案。我有以下两种方法

方法一:

<a href="#"> Question1 </a>
<a href="#"> Question2 </a>
<a href="#"> Question3 </a>

方法二:

<a href="http://example.com/faq"> Question1 </a>
<a href="http://example.com/faq"> Question2 </a>
<a href="http://example.com/faq"> Question3 </a>

anchor 标记返回 false onclick。那么方法2有什么seo优势吗？

注意:我希望所有常见问题解答都在同一页面上。

Answer 1

使用方法一，但是让哈希链接指向对应答案元素的ID:

<a href="#ID-of-answer-1">Question1</a>
<a href="#ID-of-answer-2">Question2</a>
<a href="#ID-of-answer-3">Question3</a>

单击这些链接将跳转到页面的该部分。无需 JavaScript。

和...

如果您使答案元素的 ID 具有描述性(例如“how-can-i-help”):

<article class="answer" id="how-can-i-help">
</article>

...那么链接将对 SEO 非常友好:

<a href="#how-can-i-help">Question3</a>