PC+手机模版、响应式模版代码SEO优化

响应式模版移动优化

---

响应式模版是指只有一套模版，pc和手机端共用一套模版，模版可根据浏览窗口自适应，只有一个www的连接。
自适应设计有其一般原则：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
自适应页面还应该在head中标识：
<meta name="applicable-device"content="pc,mobile">
表示页面同时适合在移动设备和PC上进行浏览。

PC+手机模版的代码优化

---

PC+手机模版的代码设置：
1、PC网站每个页面头部文件填写3行代码。
2、手机网站每个页面头部文件填写2行代码。
举个例子：
PC端：https://www.xushifubaojie.com/，手机端：https://m.xushifubaojie.com/ ，PC端和手机端是两套模板。
第一步：针对PC端需要写三行代码，写在头部文件即可
<meta name="applicable-device" content="pc">
<meta name="mobile-agent" content="format=html5;url=http://m.xushifubaojie.com/">
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.xushifubaojie.com/">

第二步：针对手机端需要写两行代码，写在头部文件即可
<meta name="applicable-device" content="mobile">
<link rel="canonical" href="https://www.xushifubaojie.com/">

用法举例

---

如果你的网站只属于PC电脑端的页面，则使用以下代码：
<meta name="applicable-device"content="pc">

如果你的网站只属于手机移动端的页面，则使用以下代码：
<meta name="applicable-device"content="mobile">

如果你的网站是自适应响应式的页面，可以这样写：
<meta name="applicable-device"content="pc,mobile">