# vuepress 的 seo 优化 {#vuepress-的-seo-优化}

本文讲述 vuepress 站点的 seo 优化方法。

# 设置全站默认的 title、description 和 keywords {#设置全站默认的-title、description-和-keywords}

通过修改 config.js，可以全局设置所有页面的 title、description 和 keywords。

// config.js
module.exports = {
    title: "填写网站的标题",
    description: '填写网站描述',
    head: [
        ['meta', { name: 'keywords', content: '填写关键字'}]
    ]
}

# 自定义页面 title、description 和 keywords {#自定义页面-title、description-和-keywords}

若想对个别页面自定义 title、description 或 keywords, 可以通过 vuepress 提供的frontmatter (opens new window)来为页面单独配置 meta 信息。

# 安装百度自动推送代码 {#安装百度自动推送代码}

实现资源自动推送到百度搜索引擎。

# 验证站点 {#验证站点}

详情请查阅推送资源到百度站长-验证站点

访问百度站长 (opens new window), 添加站点, 系统会给出验证代码, 复制验证代码, 并配置到 config.js 中
vi config.js

// 百度站长的验证, 不能删除
["meta", { name: "baidu-site-verification", content: "gZcjfbZtAw" }],

# 安装自动推送代码 {#安装自动推送代码}

参考推送资源到百度站长-验证站点
提示

也可以使用 vuepress-plugin-baidu-autopush 插件实现该功能。但为了和其它站长的安装方法统一，则不借助第三方插件实现。

# 创建.vuepress/public/assets/js/autopush-baidu.js {#创建-vuepress-public-assets-js-autopush-baidu-js}

// 最好不要在本地访问页面，以免造成多域名重复推送问题
(function() {
  var bp = document.createElement("script");
  var curProtocol = window.location.protocol.split(":")[0];
  if (curProtocol === "https") {
    bp.src = "https://zz.bdstatic.com/linksubmit/push.js";
  } else {
    bp.src = "http://push.zhanzhang.baidu.com/push.js";
  }
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(bp, s);
})();

# 修改 config.js {#修改-config-js}

vi .vuepress/config.js head 项增加如下配置

// 添加百度站长的自动推送代码
[
  "script",
  {
    src: "/assets/js/autopush-baidu.js"
  }
]

# 安装 360 自动推送代码 {#安装-360-自动推送代码}

实现站点资源自动推送到 360 搜索引擎。

# 验证站点 {#验证站点-2}

详情请查阅推送资源到 360 站长-验证站点

访问360 站长 (opens new window), 添加站点, 系统会给出验证代码, 复制验证代码, 并配置到 config.js 中
vi config.js

//360站长的验证代码
[
  "meta",
  {
    name: "360-site-verification",
    content: "c87794c984680283c380b401a10321af"
  }
]

# 安装自动推送代码 {#安装自动推送代码-2}

提示

不要使用 vuepress-plugin-qihu-autopush 插件,该插件有 bug，不会发生推送请求。

# 创建.vuepress/public/assets/js/autopush-360.js {#创建-vuepress-public-assets-js-autopush-360-js}

// 最好不要在本地访问页面，以免造成多域名重复推送问题
(function() {
  var src =
    "https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba";
  document.write('<script src="' + src + '" id="sozz"></script>');
})();

# 修改 config.js {#修改-config-js-2}

vi .vuepress/config.js head 项增加如下配置

// 添加360站长的自动推送代码
[
  "script",
  {
    src: "/assets/js/autopush-360.js"
  }
]

# 谷歌站长的推送 {#谷歌站长的推送}

不支持自动推送。
操作过程与其它站长雷同，此处不再赘述。

# 神马站长的推送 {#神马站长的推送}

不支持自动推送。
操作过程与其它站长雷同，此处不再赘述。

# Bing 站长的推送 {#bing-站长的推送}

不支持自动推送。
操作过程与其它站长雷同，此处不再赘述。

# 搜狗站长的推送 {#搜狗站长的推送}

不支持自动推送和 sitemap 推送,是目前几个站长中提交方式最不方便的，只支持原始的手工提交。
操作过程与其它站长雷同，此处不再赘述。

# sitemap {#sitemap}

生成站点地图 sitemap
可使用插件 vuepress-plugin-sitemap 生成站点地图
vi config.js

// sitemap生成插件
// .vuepress/config.js
module.exports = {
  plugins: {
    'sitemap': {
        hostname: "https://www.sofineday.com",
        // 排除无实际内容的页面
        exclude: ["/404.html"]
    }
  }
}