我应该如何在Jquery Mobile中使用rel =“canonical”？

Question

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

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

我是否应该担心其他页面（例如地点，联系人等）并且只关注我的头脑中有以下内容：

<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

您应该在每个页面中添加规范标记。 （列出了您的最后一个选项。）

Crawlers会在未启用JavaScript的情况下访问您的网站以获取这些标记。

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

此点以下的信息不适用于SEO，更多是为了好玩/好奇

如果您希望能够在pageshow上更改规范标记，请在JS中将其删除：

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