0

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

一个名为 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" />
4

1 回答 1

0

规范的 url 链接可以放置在每个页面上。在桌面页面上进行自我引用很好。

<head>只需在移动设备、平板电脑和台式机的共享模板中添加该规范即可。

有关更多信息，请使用规范 URL

于 2014-04-16T19:36:15.943 回答