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