rel =“canonical”链接在一个页面上jQuery的移动网站

我继承了一个单独的手机和平板电脑目录的旧网站。他们都有重复的桌面版本的内容。移动平板电脑和平板电脑版本都使用JQuery Mobile，并且是一种具有“页面”数据角色的传呼机。rel =“canonical”链接在一个页面上jQuery的移动网站

awards.html命名桌面版网页，看起来像这样的手机和平板电脑的版本：

<div data-role="page" id="awards">

在桌面上的网页，我加入到head标签：

<link rel="alternate" media="only screen and (max-width: 480px)" href="http://www.example.com/mobile/#awards"/>" 
<link rel="alternate" media="only screen and (max-width 768px) and (min-width 481px)" href="http://www.example.com/tablet/#awards"/>"

我的问题是，在移动设备和平板电脑版本上，如何添加规范标签，因为整个网站都位于一个索引上，并且它们共享头标？我会在哪里放这个？

<link rel="canonical" href="http://www.example.com/awards.html" />

来源

2014-04-16 midknyte

是否有两个不同的网址？ – putvande

是的，例如：desktop = awards.html，tablet = tablet/awards.html，mobile = mobile/awards.html。桌面页面根据屏幕大小重定向到平板电脑或手机。 – midknyte

规范的url链接可以放在每个页面上。在桌面页面上使用它self-referential很好。

只需在用于移动设备，平板电脑和桌面的共享<head>模板中添加该规范即可。

欲了解更多信息Use canonical URLs

来源

2014-04-16 19:36:15 hexalys

rel =“canonical”链接在一个页面上jQuery的移动网站

回答

相关问题