网站的PC端页面内容很难做到自适应移动页面,为了提升用户浏览体验站长们会选择PC端、移动端使用不同的模板来做,这时大家就需要为网站做移动适配。
举个例子:
PC端:https://www.wh0553.cn/,手机端:https://m.wh0553.cn/ ,PC端和手机端是两套模板。
第一步:针对PC端需要写三行代码,写在头部文件即可
<meta name="applicable-device" content="pc">
<meta name="mobile-agent" content="format=html5;url=https://m.wh0553.cn/">
<link rel="alternate" media="only screen and(max-width:640px" href="https: //m.wh0553.cn/ ">
第二步:针对手机端需要写两行代码,写在头部文件即可
<meta name="applicable-device" content="mobile">
<link rel="canonical" href="https://www. wh0553.cn/ ">
第三步:打开百度资源管理平台,进行适配
网址:https://ziyuan.baidu.com/mobiletools/index
将自己网站同一链接的PC端和手机端链接进行提交适配。