做好移动适配,对于很多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 / ">