君陌离的博客

vuePress-theme-reco 君陌离    2018 - 2020
君陌离的博客 君陌离的博客

Choose mode

  • dark
  • auto
  • light
首页
我的作品
  • 项目橱窗
  • blog模板
分类
  • 数据库
  • CSS
  • 摘记
  • JS
  • Node
  • Vue
  • React
  • GIT
  • Promise
  • Liunx
  • Xshell
  • ajax
  • WINDOWS
  • Python
  • 随笔
  • 脚手架
  • node
  • 自动化
标签
笔记
时间线
About Me
  • 关于我
  • 赞赏
Contact
  • GitHub
  • QQ
author-avatar

君陌离

70

文章

90

标签

首页
我的作品
  • 项目橱窗
  • blog模板
分类
  • 数据库
  • CSS
  • 摘记
  • JS
  • Node
  • Vue
  • React
  • GIT
  • Promise
  • Liunx
  • Xshell
  • ajax
  • WINDOWS
  • Python
  • 随笔
  • 脚手架
  • node
  • 自动化
标签
笔记
时间线
About Me
  • 关于我
  • 赞赏
Contact
  • GitHub
  • QQ
  • HTML5

  • JS

  • 微信小程序

  • 数据库

  • React

  • Vue

  • vuepress

    • vuepress的seo优化
    • vuepress配置百度统计
    • vuepress集成第三方搜索引擎

vuepress的seo优化

vuePress-theme-reco 君陌离    2018 - 2020

vuepress的seo优化

君陌离 2020-08-10 09:40:00 seo搜索引擎优化vuepress

# vuepress 的 seo 优化

# 安装百度自动推送代码

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

# 验证站点

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

访问百度站长 , 添加站点, 系统会给出验证代码, 复制验证代码, 并配置到 config.js 中
修改 config.js

// 百度站长的验证, 不能删除(已下代码不可完全复制) 关于content自己在百度站长中获取
["meta", { name: "baidu-site-verification", content: "****************" }],
1
2

# 安装自动推送代码

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

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

# 创建.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);
})();
1
2
3
4
5
6
7
8
9
10
11
12

# 修改 config.js

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

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

# 安装 360 自动推送代码

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

# 验证站点

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

访问360 站长 , 添加站点, 系统会给出验证代码, 复制验证代码, 并配置到 config.js 中
修改 config.js

//360站长的验证代码 (已下代码不可完全复制) 关于content自己在360站长中获取
[
  "meta",
  {
    name: "360-site-verification",
    content: "****************"
  }
]
1
2
3
4
5
6
7
8

# 安装自动推送代码

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

# 创建.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>');
})();
1
2
3
4
5
6

# 修改 config.js

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

// 添加360站长的自动推送代码
[
  "script",
  {
    src: "/assets/js/autopush-360.js"
  }
]
1
2
3
4
5
6
7
欢迎来到 您的站点名称($site.title)
看板娘