宁推网-站长资讯

PC+手机模版的代码设置

image.

通过上面思维导图可以大体了解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

1、宁推网原创文章未经授权转载必究,如需转载请联系授权;
2、转载时须在文章头部明确注明出处、保留作者和原文链接,如:转自宁推网字样;
3、宁推网报道中所涉及的所有内容均由用户提供,仅供参考!
4、声明:该文观点仅代表作者本人,宁推网系信息发布平台,宁推网仅提供信息存储空间服务。