移动端网站如何做代码适配，避免被百度截流_网站建设_资讯

移动端网站如何做代码适配，避免被百度截流

最近更新于 2020-07-24 - 跨屏互联-建站

文章导读：本文主要阐述了“移动端网站如何做代码适配，避免被百度截流”假如不做移动适配的话，可能我们原本有的移动网页和移动端排名因百度无法确认是移动页面，因此这部分流量都给指向了百度的转码页...，本文由跨屏互联最后更新于2020-07-24，全文共1302个字，预计阅读时长4分20秒。

假如不做移动适配的话，可能我们原本有的移动网页和移动端排名因百度无法确认是移动页面，因此这部分流量都给指向了百度的转码页。可以看本身网站在站长工具里面，移动端有多少流量是指向了转码页。这部分流量在做完适配后，即可指向我们的移动页面，避免了本身的流量被百度截流。

今天跨屏平台Kuaping.com为大家介绍一下移动端网站如何做代码适配，避免被百度截流。

代码适配的开发，百度官方也有细致的说明，可分为两部分： Vary HTTP标头和 meta applicable-device 标签。

一、Vary HTTP 标头

其作用在百度的文档里诠释得很清楚：

1、它会向百度传递一个旌旗灯号，透露表现说这是个代码适配的站点，百度就会尽快把网站抓取一遍进行适配；

2、它可以防止用户接收到错误的网页缓存。这部分是在网站的服务器上进行的，有可能是Nginx,Apache, IIS 等，必要在服务器的配置里，设置Varyheader 为Vary:Accept-Encoding, User-Agent

比如Nginx 下，可以在配置文件中加上：more_set_headers-s 200 “Vary: ” “Accept-Encoding, User-Agent”

细致：打开这个设置必要nginx同时安装有ngx_headers_more模块

在Apache下辽宁人事考试网站，可以在配置文件里写上：Headerappend Vary User-Agent

二、meta applicable-device 标签

Vary header 加上之后，为了让百度更好地识别我们的页面是 PC 照旧 Mobile，就必要使用百度自定义的这个 meta applicable-device 标签了。细致以下来自百度的新闻: meta applicable-device 标签，并非是站点必须标注的，如今许多站点没有标记这个标签情况也很好。但这个标签可以帮助百度校验本身的判断，并及时进行修正。做这个事情又不麻烦，所以我们建议代码适配站点为了保证结果，照旧加这个标签。

因此可能有些网站之前的移动流量已经很好了, 不会出现被百度转码的情况. 这说明百度已经能很好地识别你的移动页面了. 但是依然建议加上这个标签, 一来加这个标签很容易, 二来可以确保百度能更正确地识别页面类型. 假如没有加这个标签的话, 万一忽然技术做改版, 一些代码的修改导致百度无法继承正确识别页面类型了呢?

这部分是在网站的模板里添加的。自适应的网站一定已经有了判断用户设备是 PC照旧 Mobile的逻辑。行使这个逻辑，在整站的<head></head> 部分添加一行代码即可：

假如用户是PC设备(细致必要包括Baiduspider PC UA)，则添加<metaname=”applicable-device” content=”pc”>

假如用户是移动设备(包括Baiduspider Mobile UA)，则添加<metaname=”applicable-device” content=”mobile”>

注：关于BAIDUSPIDER，移动和PC其实都是Baiduspider，并没有区分百度SEO优化，只是UA进行了区分。最新移动UA请见百度官方文档。

写在最后，以上就是对于“移动端网站如何做代码适配，避免被百度截流”的一些看法，欢迎指正、交流。

网站栏目：移动端网站如何做代码适配，避免被百度截流
文章路径：http://www.kuaping.com/article/show154.html

本文标签： 百度 seo 站长