pc端代码如何适配手机（代码编辑手机版教程）

通过上面思维导图可以大体了解PC+手机模版的代码设置的内容和目的。

本文重点介绍做SEOPC+手机模版的代码设置：

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端和手机端链接进行提交适配。

转载请注明来自专注SEO技术,教程,推广 - 8848SEO，本文标题：《pc端代码如何适配手机（代码编辑手机版教程）》

标签：