关于SEO的优化

SEO决定了博客的内容是否能被有需要的人通过搜索引擎，搜索到、看到。

这也关乎本站的内容能否帮助到他人，从而为他人、为自己衍生出一些价值，所以是很有必要的一项长期事项。

预览截图

优化 Meta 元信息

预览截图

由 ChatGPT 提供的建议：

以下是 20 条常见的 Meta 优化配置，它们用于在网页的头部 <head> 标签中提供关键信息给搜索引擎和浏览器：

  1. <title> 标签：定义网页的标题。
  2. <meta name="description" content="描述内容">：提供网页的描述。
  3. <meta name="keywords" content="关键词1, 关键词2, 关键词3">：指定关键词。
  4. <meta name="robots" content="index,follow">：指示搜索引擎是否索引和跟随链接。
  5. <meta name="author" content="作者名">：指定网页的作者。
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">：为移动设备优化网页显示。
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">：定义网页的字符编码。
  8. <link rel="canonical" href="规范URL">：指定规范的 URL。
  9. <meta name="referrer" content="no-referrer">：控制浏览器在发送 HTTP 请求时是否发送引用来源信息。
  10. <meta name="format-detection" content="telephone=no">：禁用移动设备自动检测电话号码。
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge">：确保在 Internet Explorer 中使用最新版本的渲染引擎。
  12. <meta name="theme-color" content="#颜色值">：定义移动设备浏览器的主题颜色。
  13. <meta property="og:title" content="标题">：定义 Open Graph 协议的标题。
  14. <meta property="og:description" content="描述内容">：定义 Open Graph 协议的描述。
  15. <meta property="og:image" content="图片URL">：定义 Open Graph 协议的图片。
  16. <meta property="og:url" content="网页URL">：定义 Open Graph 协议的网页链接。
  17. <meta name="twitter:title" content="标题">：定义 Twitter 卡片的标题。
  18. <meta name="twitter:description" content="描述内容">：定义 Twitter 卡片的描述。
  19. <meta name="twitter:image" content="图片URL">：定义 Twitter 卡片的图片。
  20. <meta name="twitter:card" content="卡片类型">：定义 Twitter 卡片的类型。

这些 Meta 优化配置可以提供关键信息给搜索引擎和社交媒体平台，以改善网页的可见性、描述和共享行为。根据具体需求，你可以选择适当的配置来优化你的网页。

优化 TDK

TDK 是常见的优化三要素：

Title 页面的标题

Description 页面的描述

Keywords 页面的关键词

这关乎搜索时，有哪些关键词能用于检索到本站的内容，这也是一个需要长期学习的软技能，想想曾被各种震惊标题洗礼过的记忆。

配置网站地图

目前市场占用率较高的搜索引擎都支持网站地图，网站地图有助于提升本站博客内容的收录效率，是提升搜索引擎收录的重要环节。

这关乎本站内容发布后，是今天能被人搜索到，还是下周、下月才能看到。

Hexo框架对应的插件有：

  • hexo-generator-baidu-sitemap

  • hexo-generator-sitemap

通过插件生成对应 xml | json 后，提交给搜索引擎。

首先，通过搜索引擎的高阶搜索语法，查看本站的收录情况，一般而言，下面会有对应的优化办法。

百度

预览截图

通过 百度资源平台注册对于的网站，主动更新网站地图，来提升收录效率。

下面是简要的步骤：

  • 注册

  • 验证网站所有权

    预览截图

  • 提交网站地图，等待百度收录

    预览截图

待补充

百度统计

提交网站地图后很久没有被百度收录，突然想到通过百度统计会不会加速被采集的过程？

添加百度统计后，隔天发现被成功收录….，这就很灵性。

只需要注册并将百度统计代码注入博客即可。

Google

预览截图

和百度步骤类似：访问 Google Search Console

  • 注册

  • 验证网站

  • 提交网站地图，等待收录

    预览截图

待补充

必应

预览截图

通过 Bing Webmaster Tools 提交对应网站地图

和上述步骤类似：

  • 注册
  • 验证网站
  • 提交网站地图，等待收录

支持直接从 Google Search Console 导入数据，不过因为它还没收录，所以还是得手动导入地图。

预览截图

预览截图

预览截图

待补充

自动提交网站地图

当然了，你也注意到了搜索引擎除了手动登录提交，还支持通过API上传，这部分也有很多优秀的插件可以进行集成，来帮助我们简化这些流程。

基于 github actions 可以使用 submit-urls-from-sitemap-to-search-engine 模板快速创建对应工作流，每天自动提交 xml 给搜索引擎。