每个做过网站的人都遇到过这个问题：文章写好了，标题也定好了，然后盯着浏览器地址栏发呆——URL 怎么写？
直接贴中文标题？「如何用 Python 爬取豆瓣电影数据」变成 https://example.com/如何用-python-爬取豆瓣电影数据——浏览器地址栏乱码，搜索引擎不认，用户分享出去一串 % 符号。
这时候你就需要 URL Slug。
一、URL Slug 到底是什么？
说人话：URL Slug 就是网址路径里可读的那一段文本。
原文：https://example.com/posts/12345
Slug：https://example.com/posts/how-to-scrape-douban-with-python
哪个更好看、更好记、更好分享？显然是第二个。
一个好的 Slug 应该做到三件事：
- 简短 — 去掉「的」「了」「是」这类停用词
- 含关键词 — 让用户和搜索引擎都知道这页在讲什么
- 纯小写+横线分隔 — 这是 URL 世界里的通用语言，避免大小写歧义
拿 navbox 的 URL 来举例：在线正则测试工具 的 Slug 是 regex-tester，一看就知道这个页面是干嘛的——这就是优秀 Slug 的典范。
二、为什么 Slug 对 SEO 这么重要？
直接上数据。Google 的 John Mueller 在 2023 年的 SEO Office Hours 里明确说过：URL 路径中的关键词是一个轻微的排名信号。虽然不是决定性因素，但这是你做 SEO 投入产出比最高的地方之一——改一行代码就能生效，不花一分钱。
具体来说，好的 Slug 在这几个地方起作用：
| 维度 | 说明 |
|---|---|
| 搜索引擎排名 | URL 中的关键词会被搜索引擎索引，匹配用户搜索意图 |
| 点击率 | 搜索结果页展示 URL 时，包含关键词的 Slug 更容易吸引点击 |
| 社交分享 | 社交平台抓取链接时，可读的 URL 让用户更愿意点 |
| 用户体验 | 用户看一眼地址栏就知道自己在哪个页面，降低认知负担 |
| 缓存键友好 | CDN 和浏览器缓存对确定性的 URL 路径缓存命中率更高 |
举个例子：用户在 Google 搜索「Python 爬虫教程」，搜索结果里看到两篇内容相似的博客——
- URL A：
example.com/p=12345 - URL B：
example.com/python爬虫/入门教程
正常人都会点 URL B。URL 本身就是一种信任信号。
三、手把手：用 Slug 生成器处理中文标题
navbox 的 URL Slug 生成器 是我处理 URL 最常用的工具，没有之一。下面用三个真实场景演示怎么用。
场景一：单个中文标题转 Slug
假设你刚写了一篇文章，标题是「2026年最值得关注的10个AI编程工具」。
操作步骤：
- 打开 Slug 生成器
- 把标题粘贴到输入框
- 选择「中文转拼音」模式
- 点击生成
得到的输出：
2026nian-zui-zhi-de-guan-zhu-de-10-ge-ai-bian-cheng-gong-ju
太长了对吧？别急，生成器有个最大长度限制功能。设置最大长度 60 个字符，得到：
2026nian-zui-zhi-de-guan-zhu-de-10-ge-ai-bian-cheng
还是太长？试试「中文转英文」模式，让 AI 识别标题语义后翻译成简洁的英文 Slug：
top-10-ai-coding-tools-2026
40个字符，干净利落。 这才是标准的好 Slug。
场景二：批量生成整站 URL 结构
如果你在迁移网站或批量发文章，逐个处理标题太慢了。生成器支持批量输入——每行一个标题，一次性生成所有 Slug。
我踩过的坑：有一次迁移一个 200 篇文章的旧博客，手动处理了 30 篇就放弃了。后来用这个工具批量生成，两分钟搞定全部 Slug——早该一开始就用工具。
场景三：自定义规则处理特殊字符
URL Slug 的通用规则是「只保留字母、数字、横线和下划线」。但有些场景需要特殊处理：
- 产品型号如「iPhone 16 Pro Max」——希望保留数字和字母，不要删掉型号
- 中英文混合如「TensorFlow 2.0 入门教程」——希望英文保留原样，中文转拼音
- 符号处理如「C++ 从入门到放弃」——
++在 URL 里会被转义，需要处理成cpp
Slug 生成器提供了多种处理策略，你可以在选项里微调，直到输出符合预期。
四、不同建站平台的 Slug 设置方法
Slug 生成器解决了「造」的问题，但「用」还需要根据不同平台设置。
WordPress
在撰写文章时，找到「固定链接」/「Slug」编辑框（通常在标题下方或右侧栏），把生成的 Slug 粘贴进去。
⚠️ 注意：WordPress 的「固定链接设置」里要用
/%postname%/的格式，Slug 才会生效。
Hugo（静态站点）
在 Markdown 文件的 Front Matter 里设置：
---
title: "2026年最值得关注的10个AI编程工具"
slug: "top-10-ai-coding-tools-2026"
---
如果不设置 slug 字段，Hugo 默认会用文件名作为 Slug。所以文件命名也要尽量语义化。
Next.js（App Router）
在 Dynamic Route 里通过 params 获取 Slug：
// app/blog/[slug]/page.tsx
export default async function BlogPost({
params,
}: {
params: Promise<{ slug: string }>
}) {
const { slug } = await params
const post = await getPostBySlug(slug)
return <PostView post={post} />
}
Slug 存储在数据库里，通过 API 查询时匹配。
五、必须避开的 5 个坑
坑 1：Slug 太长了
超过 100 个字符的 URL 不仅难看，在某些社交媒体上会被截断。建议控制在 30-60 个字符之间。 只保留核心关键词，去掉所有「的」「了」「在」「是」等停用词。
坑 2：频繁修改 Slug
Slug 一旦发布并被抓取，不要随意修改。改 Slug = 改 URL = 改之前的链接 → 旧链接全部 404。如果确实要改，一定要做 301 重定向。
坑 3：中文原始字符
虽然现代浏览器和搜索引擎已经能处理中文 URL，但在很多场景下还是会出问题：
- 邮件客户端里中文 URL 被截断
- 微信/QQ 里中文 URL 显示异常
- 某些老旧的 CMS 系统对中文 URL 支持不完整
推荐方案：一律转成拼音或英文 Slug。
坑 4：大小写混用
My-Title-Here 和 my-title-here 在 Linux 服务器上是两个不同的路径。有人分享小写版本，有人分享大写版本——全站 URL 就乱套了。全小写 + 横线分隔，统一标准。
坑 5：包含日期
很多人习惯在 URL 里加日期：/2026/05/28/slug-here。这会让 URL 变长，而且内容更新后日期就对不上了。除非你做的是新闻类站点（需要按时间归档），否则建议从 URL 里去掉日期层级。
六、进阶技巧：完整的 URL 优化清单
好的 URL 结构不仅仅是 Slug：
- 层级结构 —
/blog/category/slug比/blog/slug多一层分类信息 - HTTPS 必须 — 不解释，2026 年了这是标配
- 无参数 —
/page?pid=123不如/page/123好看 - 关键字前置 —
ai-tools-recommend-2026比recommend-ai-tools-2026在前端展示关键词更快 - canonical URL — 如果同一个内容有多个 URL 入口，用
<link rel="canonical">指定唯一标准网址
写在最后
URL Slug 是网站优化中最不起眼但投入产出比最高的环节。花 5 分钟把 Slug 处理好，搜索引擎和用户都能感受到差别。
我自己的习惯是：每写完一篇文章，先用 navbox 的 Slug 生成器 处理一下标题，确认结构没问题再发布。几秒钟的事，省去了后面因为 URL 问题折腾半天的时间。
你也可以打开工具，把最近一篇文章的标题贴进去试一试——看看自己之前手动写的 Slug 还有没有优化空间。