分类与标签
博客分类和标签体系的设计、使用和最佳实践
Hey,同学!想让博客内容更有序、更容易被找到吗?这一篇教你分类和标签的正确打开方式~ 🗂️
🤔 分类 vs 标签
这是两个不同的概念:
| 分类 (Category) | 标签 (Tag) | |
|---|---|---|
| 数量 | 少,通常 3-10 个 | 多,可以任意多个 |
| 层级 | 通常有层级关系 | 扁平,无层级 |
| 排他性 | 一篇文章通常一个分类 | 一篇文章可以有多个标签 |
| 用途 | 大领域划分 | 细粒度主题标记 |
💡 简单理解:
- 分类 = 书架的「层」
- 标签 = 书的「关键词」
🏗️ 设计分类体系
建议结构
对于技术博客,推荐这样设计:
text
技术
├── 前端
│ ├── React
│ ├── Vue
│ └── Next.js
├── 后端
│ ├── Node.js
│ ├── Python
│ └── Go
└── 工具
├── 开发工具
└──效率工具
设计原则
1. 粒度合适
- 分类不要太多(用户记不住)
- 分类不要太少(没有区分度)
- 建议 5-8 个一级分类
2. 有预判性
思考读者会怎么找内容:
- 他想看「React」—— 应该去「前端」分类
- 他想看「Vercel」—— 可能「前端」或「工具」
3. 保持稳定
- 尽量少改动分类
- 避免文章大规模迁移
🏷️ 设计标签系统
使用技巧
| 推荐 | 不推荐 |
|---|---|
| 具体技术名称 (React, Next.js) | 太泛的词 (技术, 学习) |
| 实际使用场景 (性能优化, SEO) | 心情类的词 |
| 适度数量 (每篇 2-5 个) | 堆砌大量标签 |
自动建议
在编辑文章时,系统会根据已有标签提供建议:
text
已选择: React, TypeScript
推荐添加: Next.js, Hooks, 性能优化
📍 管理入口
分类管理
在 admin 后台:
text
/blog/categories
可以:
- 新建分类
- 编辑分类名称
- 删除分类(检查是否有文章)
标签管理
在 admin 后台:
text
/blog/tags
可以:
- 查看所有标签
- 合并相似标签
- 删除无用的标签
🔧 在文章中使用
设置分类
在文章编辑页面,选择一个分类:
markdown
---
category: 前端
---
添加标签
在文章编辑页面,添加多个标签:
markdown
---
tags: [React, Next.js, 性能优化]
---
📊 展示效果
列表页
点击分类/标签,会筛选出对应文章:
text
/blog?category=前端
/blog?tag=React
文章页
文章底部会显示:
text
分类: 前端
标签: React | Next.js | 性能优化
归档页面
创建分类/标签的归档页:
text
/blog/category/前端
/blog/tag/React
💡 最佳实践
1. 建立规范
在开始写博客前,先想好:
- 要有哪些分类?
- 标签命名规则?(统一英文?统一中文?)
- 标签数量限制?
2. 定期整理
每隔一段时间(比如每季度):
- 检查标签使用情况
- 合并相似标签
- 删除无人使用的标签
3. 复用现有
创建文章时,先看看:
- 现有分类是否合适?
- 现有标签能否复用?
- 不要创建新的重复概念!
🔗 下一步
🗂️ 好的分类标签体系,让读者「找得到」内容,也让内容「被看见」!