移动适配代码怎么写

做好移动适配，对于很多SEO来说是很重要的优化手段，那么如何写移动适配代码呢？咱们可以从下面几点入手。目前主要的移动端有三种，分别是：自适应、响应式和独立移动页面

自适应：

1、<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="applicable-device" content="pc,mobile">

响应式

1、PC端页面head标签内对应添加如下代码：<meta name="applicable-device" content="pc">

2、移动端页面head标签内对应添加如下代码：<meta name="applicable-device" content="mobile">

独立移动页面：

1、PC端页面head标签内对应添加如下代码： <meta name="applica芟鲠阻缒ble-device" content="pc"> <link rel=“alternate” media=“only screen and(max-width: 640px)” href=“http://m.shangqw.cn /" >

2、 移动端页面head标签内对应添加如下代码： <meta name="applicable-device" content="mobile"> <link rel="canonical" http://www.shangqw.cn / ">