PC+手机模版的代码设置

3082次阅读

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


本文由夫唯团队编辑,如发现错误,欢迎通过客服微信反馈。

夫唯于2024年12月停止百度SEO研究和培训。道别信: 夫唯:再见了百度SEO!

2025年1月正式启动Google SEO培训课程,一千零一夜带领大家一起出海。

感兴趣的同学,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标:让大家独立站出海不再“望洋兴叹”。

Processed in 0.706740 Second , 278 querys.