URL 别名（slug）：把任意标题变成干净的 SEO 友好链接

一个像 example.com/post?id=8471 的网页地址什么都告诉你。而 example.com/blog/fix-slow-react-app 则直接告诉你里面是什么。URL 里那个可读的部分——fix-slow-react-app——叫做 slug，它是最容易到手的一个 SEO 优势。

这篇指南解释 slug 是什么、好 slug 的规则，以及如何从任意标题自动生成它。

slug 是什么

slug 是 URL 中标识特定页面的那部分，被转换成干净、小写、连字符分隔的形式。以文章标题 10 Tips for Better JavaScript Code 为例，作为 slug 它就变成 10-tips-for-better-javascript-code。

slug 到处都用：博客文章、产品页、分类名、Web 应用里的路由。它决定了一个 URL 是读起来像一句话，还是读起来像数据库报错。

为什么 slug 对 SEO 重要

搜索引擎把 URL 中的单词当作相关度信号。如果你的 URL 包含主题（或其中部分），你在不写一行内容的情况下就给搜索引擎多提供了一层上下文。

人们也把 slug 当作信任信号。清晰的 URL 在读者点击前就告诉他能得到什么，也让链接更容易分享、记住和口口相传。yourblog.com/why-js-is-fast 能在聊天里分享，yourblog.com/p?c=22 不行。

对你也有实际好处：有组织的 slug 结构让网站更容易维护，因为一年后 URL 本身就能告诉你页面是关于什么的。

好 slug 的规则

好 slug 应该短、可读、可预测。常见规则是：

小写。 某些服务器的 URL 区分大小写，所以混合大小写会带来重复内容问题。
连字符而非下划线。 Google 把 react-tips 解析成两个词，但把 react_tips 当成一个词。连字符是标准分隔符。
保持简短。 尽量少于约 60 字符，以便在搜索结果中不被截断。
用真实单词。fix-slow-react-app 远好于 f218a 或 post-42。
不要空格或特殊字符。 它们会被百分号编码，把 URL 变成一团乱麻。

slug 不是什么

slug 不是关键词堆砌的机会。像 /best-cheap-affordable-budget-laptops-2024-deals 这样的 URL，对读者和算法都显得像垃圾，而且表明页面可能很单薄。选三到五个真正点名页面的词，其余丢掉。

一旦页面发布并被索引，就把 slug 当作永久。不经重定向就改掉它，会丢掉旧 URL 挣到的排名。若必须改，就从旧 URL 设置一个重定向到新 URL。

如何自动生成 slug

手写几十篇文章的 slug 既繁琐又容易出错。转换器一步完成：

把文本转成小写。
把空格和常见标点替换成你选择的分隔符——默认连字符。
可选地移除常见「stop word」，如 the、a、is、and、of，让它更短。
去掉任何不属于 URL 的字符。

好的转换器是 Unicode 感知的，能处理任何语言的字母并保留它们，而不是把非拉丁文字弄成乱码。

快速参考

slug 是 URL 里可读的那部分，小写并用连字符分隔。
用连字符而非下划线——Google 把 react-tips 读成两个词，却把 react_tips 读成一个。
slug 保持简短（约 60 字符内）且用真实单词。
别堆砌关键词——三到五个点名页面的词就够。
已发布的 slug 视为永久；确需改动就设置重定向。

开始使用

如果你需要从标题生成干净的 slug，文本转 slug 转换器能把任意短语变成 URL 就绪的 slug，可选分隔符与 stop-word 移除。它是 URL 编码器的自然搭档——后者处理 slug 留下的字符——也搭配大小写转换器，帮你在整个项目里保持命名一致。