jquery - AJAX 链接中的 SEO

Question

我有几个关于使用 AJAX 和 Jquery 加载页面的问题 - 这是我在不重新加载索引页面的情况下加载外部 .html 页面的方法:

$('a').click(function() {
    var page = $(this).attr("href");
        $("#content").load(page + ".html");
        return false;
});

<a href="page_one.html#page_one"> 1 </a>
<a href="page_two.html?page_two"> 1 </a>

<div id="content"> ..content from ext pages load here.. </div>

Q1:“return false”在这里实际上做了什么？Q2:链接“page_one.html#page_one”会被谷歌索引吗？Q3:我应该使用哈希标签还是？在链接中 - 两者似乎都有效，所以有什么区别？

希望有人知道答案

Answer 1

What does "return false" actually do here?

正如 John Conde 所解释的那样，这会阻止浏览器跟踪超链接(例如转到页面 page_one.html#page_one 而不是仅使用 AJAX 加载它)。

Will the link "page_one.html#page_one" get indexed by Google?

是的，页面 page_one.html 会。 #page_one 部分将被忽略。从任何网络爬虫的角度来看，<a href="page_one.html#page_one"> 1 </a> 都是一个完全标准的 anchor 标记。但是我猜 page_one.html 不是一个带有导航和内容的完整网页，而只是页面内容？因此，您可能不希望该网页被 Google 编入索引。

Should i be using hash-tag or ? in the links - both seems to be working so whats the difference?

你真的不需要它们中的任何一个。由于您没有使用哈希片段 #page_one(在您的 javascript 中)，您可以删除它(在浏览器广泛支持 HTML5 历史操作之前，它对于跟踪 AJAX 状态很有用。哈希片段也可用于跳转到页面。即单击以 #header1 结尾的 URL 将导致浏览器跳转到带有 id="header1" 的 HTML 元素(但这与您的情况无关)。?page_one 通常用于为某些服务器端脚本(例如一个 PHP 脚本)，因此对于平面 HTML 文件来说意义不大。