jquery - 我应该如何在 Jquery Mobile 中使用 rel ="canonical"？

Question

Google 最近推出了他们的移动最佳实践:https://developers.google.com/webmasters/smartphone-sites/details

考虑到页面在 Jquery Mobile 中的工作方式，我的问题是如何为我的移动网站上的各个页面设置 rel="canonical"链接。

我是否应该不关心其他页面(例如位置、联系人等)，只专注于脑海中的以下内容:

<link rel="canonical" href="website.com" > 

也许我应该在头部包含所有规范链接？

<link rel="canonical" href="website.com" >
<link rel="canonical" href="website.com/locations" >
<link rel="canonical" href="website.com/contact-us" >

或者我应该在每个单独的 jquery 移动“页面”中包含规范链接吗？

<div data-role="page" id="locations" data-theme="a">
<link rel="canonical" href="website.com/locations" >

Answer 1

您应该在每个页面中放置一个规范标签。 (列出了您的最后一个选项。)

爬网程序将在没有启用 JavaScript 的情况下访问您的网站来抓取这些标签。

因此，您需要单独为每个页面设置规范标签，以便直接链接到该页面:http://localhost:8080/some/path 将设置规范 URL 。不用担心它会在每个 pageshow 事件上发生变化。

此点以下的信息不是为了 SEO，更多的是为了乐趣/好奇心

如果您希望能够更改 pageshow 上的规范标签，请将其放入 JS 中:

$(document).bind('pageshow', function() {
    $('link[rel=canonical]').attr('href',$('base').attr('href'));
});