我正在构建一个类似于facebook的常见问题解答页面。问题包含在锚标记中,点击问题时,会出现答案。我有以下两种方法
方法1:
<a href="#"> Question1 </a>
<a href="#"> Question2 </a>
<a href="#"> Question3 </a>
方法2:
<a href="http://example.com/faq"> Question1 </a>
<a href="http://example.com/faq"> Question2 </a>
<a href="http://example.com/faq"> Question3 </a>
锚标记返回false onclick。那么方法2中有任何seo优势吗?
注意: 我希望所有常见问题都在同一页面上。
答案 0 :(得分:2)
使用方法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>
答案 1 :(得分:0)
你的第一种方法很难做到这一点。你永远不应该将hashbang作为href
的值。它应该有一个有效的URL,指向您使用JavaScript显示的相同内容。它被称为渐进增强是可访问性的核心要求。 (仅供参考,选项1还会保留搜索引擎,这对SEO不利)。
无论如何,选项2更好,因为URL中的关键字(包括超链接)是正排名因素。
答案 2 :(得分:0)
Sharanc25,
我可能会建议将它们作为单独的页面,因为您可以根据一个特定问题自定义标题,元数据和内容。只要内容很重要,就会导致更高的网页排名,增加网站中的网页,并允许自定义每个网页以专注于主要问题。
否则,这里的搜索引擎并没有太大差别。锚标签和标题可能是两个最有影响力的信息,但如果它们都在同一个页面上,那么它将全部停留在一个网址下,并被编入一个主网址。