我继承了一个旧网站，其中包含一个单独的移动和平板电脑目录。它们都具有桌面版本的重复内容。移动版和平板电脑版都使用JQuery Mobile，并且是一个具有“页面”数据角色的寻呼机。
名为awards.html的桌面页面在移动设备和平板电脑上将如下所示：
<div data-role="page" id="awards">
在桌面页面上，我正在添加头标记：
<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" />
答案 0 :(得分：0)
规范网址链接可以放在每个页面上。在桌面页面上显示self-referential就可以了。
只需在移动设备，平板电脑和桌面设备的共享<head>模板中添加该规范。
了解更多信息Use canonical URLs