link标签rel="alternate"属性的作用及用法

  1. 可用于将PC版页面指向移动版页面,将移动版页面指向PC版页面,这样有利于搜索引擎,对不同设备的用户提供不同类型的页面
  PC版本页面head应添加

<link rel="alternate" media="only screen and (max-640px)" href="http://m.mobile.com" >

  或

<link rel="alternate" href="//m.mobile.com/news/" /> 推荐使用此方法

  移动版页面应添加

<link rel="canonical" href="http://www.pc.com" >

  2. 用于不同css样式表之间切换控制效果

<link href="default.css" rel="stylesheet" type="text/css" title="默认">
<link href="red.css" rel="alternate stylesheet" type="text/css" title="红色">
<link href="green.css" rel="alternate stylesheet" type="text/css" title="绿色">

  3.PC和移动页面都需要添加对应的link,不要写错。

原文地址:https://www.cnblogs.com/shenjingwa/p/14009371.html