手机网站适配之添加Vary HTTP标头

发布时间:2020年3月20日

手机站与PC站的配置方式有3种,分别是跳转适配,代码适配和自适应,不同配置方式优化的方法也各不相同,经过时间的洗礼,自适应应该来说是最好的方式,它的好处众多,比如一套网站适应不同终端,数据同源,维护方便等等。

自适应的实现推荐跨屏平台推出的一句话JS快速适配手机方案。

根据《百度移动搜索建站优化白皮书》,代码移动适配的seo优化主要有2方面:

1、添加Vary HTTP标头

2、在pc的响应的head中添加:

<meta name="applicable-device" content="pc">

在移动的响应的head中添加:

<meta name="applicable-device" content="mobile">

详细优化说明可以参考:http://ziyuan.baidu.com/college/courseinfo?id=156

 

那么如何为网站响应的HTTP标头添加Vary呢?

具体分两种情况,一种是你拥有很高服务器权限,例如你网站在vps或者在类似阿里云ecs上,另外一种是你的网站在虚拟空间上,你操作的权限不高。

第一种情况是最好的,有权限干啥都行,不论Windows、Nginx还是Apache都可以实现,具体参考官网的建议:http://ziyuan.baidu.com/college/articleinfo?id=717

第二种情况应该是大多数网站需要面对的,毕竟不是谁都有钱有必要搞个服务器来放网站。对asp网站,抱歉暂时没有找到有效的办法,只能联系下主机商看能不能为你设置Varry头了。

对于php网站,在公用头部的顶端(一般是header.php文件),例如pc端和移动端的header最顶端添加:

<?php header("Vary: User-Agent, Accept"); ?>

本文由手机网站建设、网站移动端适配专家-跨屏网原创,转载请保留版权( PC网站快速适配手机端www.kuaping.com跨屏网自主开发跨屏平台,网站引用一句话JS,即可快速适配手机端,打通手机版、微信等众多终端。欢迎来电咨询!热线:027-81777732、13343477732