通过上面思维导图可以大体了解PC+手机模版的代码设置的内容和目的。
本文重点介绍做SEO PC+手机模版的代码设置:
1、pc网站每个页面头部文件填写3行代码。
2、手机网站每个页面头部文件填写2行代码。
举个例子:
PC端:https://www.seowhy.com/,手机端:https://m.seowhy.com/ ,PC端和手机端是两套模板。
第一步:针对PC端需要写三行代码,写在头部文件即可
<meta name="applicable-device" content="pc">
<meta name="mobile-agent" content="format=html5;url=https://m.seowhy.com/">
<link rel="alternate" media="only screen and(max-width:640px" href="https: //m.seowhy.com/ ">
第二步:针对手机端需要写两行代码,写在头部文件即可
<meta name="applicable-device" content="mobile">
<link rel="canonical" href="https://www. seowhy.com/ ">
第三步:打开百度资源管理平台,进行适配
网址:https://ziyuan.baidu.com/mobiletools/index
将自己网站同一链接的PC端和手机端链接进行提交适配。
本文视频教程地址:https://ke.seowhy.com/play/9519.html
本文相关文章地址:https://www.seowhy.com/a/346.html