跳到主要内容

用AI做博客文档SEO优化

· 阅读需 5 分钟

简介

我这个博客是基于 Docusaurus 搭建的,有配置一些全局的 SEO 信息,也有提供 robots.txt,sitemap.xml 等。但是单页的 SEO 信息还是比较欠缺,所以借用 AI 来生成单页的 SEO 信息。

Front matter 规范

页面内容是使用 Markdown 编写的,所以 SEO 信息是按照 Front matter 规范来写。
Front matter是 Markdown 文件的元数据,使用YAML语法编写,Docusaurus 会读取这些元数据来生成 SEO 信息。
本页面AI生成的 Front matter 元数据示例如下:

Markdown Front matter 元数据
---
title: 用AI做博客文档SEO优化
slug: /blog/ai-optimization-blog-seo
description: 学习如何使用AI工具自动为Docusaurus博客生成SEO元数据,包括description和keywords,提升博客在搜索引擎中的可见性和排名。
date: 2025-06-06
keywords:
- AI SEO优化
- 博客SEO
- Docusaurus SEO
- 自动生成元数据
- 技术博客优化
- 内容优化
- 搜索引擎优化
- 元数据自动生成
- 文档SEO
- 博客推广
---

不同的软件支持的 Front matter 元数据有所不同,Docusaurus 的 Front matter 元数据可以参考链接。在本博客中,我主要填写titleslugdescriptionkeywords。 比如按照上面的 Front matter 元数据,生成的 SEO 信息如下:

html meta
<meta property="og:url" content="https://imuchen.com/blog/blog/ai-optimization-blog-seo" data-rh="true">
<meta property="og:title" content="用AI做博客文档SEO优化 | muchen的秘密基地 嗷呜~" data-rh="true">
<meta name="description" content="学习如何使用AI工具自动为Docusaurus博客生成SEO元数据,包括description和keywords,提升博客在搜索引擎中的可见性和排名。" data-rh="true">
<meta property="og:description" content="学习如何使用AI工具自动为Docusaurus博客生成SEO元数据,包括description和keywords,提升博客在搜索引擎中的可见性和排名。" data-rh="true">
<meta name="keywords" content="AI SEO优化,博客SEO,Docusaurus SEO,自动生成元数据,技术博客优化,内容优化,搜索引擎优化,元数据自动生成,文档SEO,博客推广" data-rh="true">
<meta property="article:published_time" content="2025-06-06T00:00:00.000Z" data-rh="true">

Front matter 字段对应关系:

Front matterHTML Meta说明
titleog:titletitle 标签内容,显示在浏览器标签页上和搜索引擎结果页标题部分
slugurl自定义 url,生成语义化url,有助于搜索引擎理解页面主题
descriptiondescriptionmeta description 标签内容,显示在搜索引擎结果页描述部分
keywordskeywordsmeta keywords 标签内容,显示在搜索引擎结果页关键词部分
datearticle:published_time发布时间,有助于搜索引擎优先展示较新内容

(实践)优化产品经理栏目下的文档

大量文档批量处理

最近在产品经理栏目下添加了大量文档,文档数量太多,一个一个操作太麻烦了,借助AI编程工具批量处理:

  • Windsurf
  • Trae

AI 对话提示词

使用 TraeWindsurf 打开博客工程目录,然后打开AI对话框,输入以下提示词:

提示词
`docs/product-manager/ai-pm/`下面的所有`.md`文件按照 fornt matter 规范生成title、slug、description、keywords

根据对话框提示,选择接受对应的修改就行了。

图1 AI对话过程: 图片alt

图2 SEO 结果示例 文章页面链接图片alt