网站使用代码适配(Dynamic Serving)的方式来做 PC 端与移动端的兼容,指的是网站可根据用户访问时的 UA(User Agent)来返回不同的页面,这也是百度搜索和谷歌搜索最为推荐的方式。

VaryUserAgent.jpg

采用代码适配的站点非常有必要配置 Vary:User-Agent,这也是百度与谷歌非常建议这样做的方式,更加方便于搜索引擎蜘蛛抓取时的用不同的 UA 方式获取页面,提升移动端页面排名。那么今天分享下如何为站点配置Vary:User-Agent标头。

Vary:User-Agent 配置方法

1. Apache 环境网站配置 Vary:User-Agent

将以下代码根据实际情况加入对应网站根目录的. htaccess 文件中,或者加入 Apache 的主配置文件 httpd.conf:

Header append Vary User-Agent

2. Nginx 环境网站配置 Vary:User-Agent

将以下代码添加到对应站点的配置文件中:

add_header Vary "User-Agent";

3. PHP 站点配置 Vary:User-Agent

将以下代码添加到你 PHP 网站的合适位置,最好是属于公共文件,例如数据库配置文件中:

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

4. WordPress 站点配置 Vary:User-Agent

将以下代码添加到当前 WordPress 主题的 functions.php 文件中:

// WordPress 配置 Vary:User-Agent
add_filter('wp_headers', 'add_vary_header');
function add_vary_header($headers) {
    $headers['Vary'] = 'User-Agent';
    return $headers;
}

相关推荐