CodeKitHub工具介绍
Slug 是网址中用来标识某个具体页面的那部分,例如 example.com/blog/my-awesome-post 中的 “my-awesome-post”。它通常由页面标题生成,转为小写,并用分隔符替换空格和标点。
好的 slug 应该简短、可读,只包含小写字母、数字和分隔符 —— 不含空格、重音字符或可能破坏链接或让搜索引擎困惑的特殊符号。
为什么使用它？
- 实时预览:输入时即刻看到生成的 slug,无需点击按钮。
- 可选连字符或下划线作为分隔符,也可以选择保留原始大小写。
- 可选最大长度截断,并且不会把单词从中间截断。
- 将常见重音字符(如 é、ñ、ü 等)转写为纯 ASCII 字符,而不是简单删除。
- 完全在浏览器中运行 —— 不上传也不记录任何内容。
使用方法
- 在输入框中粘贴或输入你的标题或文本。
- 选择分隔符(连字符或下划线),需要时切换是否小写。
- 如有需要,设置最大长度以保持 slug 简短。
- 一键复制生成的 slug。
示例
输入
10 Tips for Building a Café in São Paulo!输出
10-tips-for-building-a-cafe-in-sao-paulo重音字符被转写,标点被去除,空格变成连字符。
常见使用场景
- 博客与 CMS 平台:根据文章标题生成简洁的 slug,用作文章网址。
- 电商网站:根据商品名称生成商品链接,让 URL 更简洁、更易分享。
- 静态站点生成器:很多要求在 frontmatter 中提供由页面标题生成的 slug 字段。
- 文件与素材命名:把任意文本转成不含空格或特殊字符的安全文件名。
Slug 最佳实践
保持 slug 简短且具描述性 —— 过长的网址更难分享,在搜索结果中也可能被截断。如果需要进一步缩短 slug,可以省略“a”“the”“and”之类的虚词(中文场景下则可省略无意义的修饰词)。
一个已发布并被搜索引擎收录的 slug,尽量不要再改动 —— 否则会破坏外部链接和搜索排名,除非同时设置重定向。发布内容前先确定分隔符的使用规范(连字符是被广泛推荐的默认选择),因为同一站点内风格混用会显得不统一。
常见问题
为什么 slug 要转成小写?
搜索引擎和大多数服务器会将网址视为区分大小写,混用大小写可能导致重复内容问题(例如 /Post 和 /post 被当成两个不同页面)。小写可以完全避免这个问题。
连字符还是下划线,哪个对 SEO 更好?
Google 自 2010 年起就推荐使用连字符,因为它会把连字符识别为单词分隔符,而下划线可能被视为把单词连在一起。对公开网址来说,连字符是更稳妥的默认选择。
带重音符号或非拉丁字符的文字会怎样处理?
常见的带重音拉丁字符(如 é、ñ、ü、ç 等)会被转写为最接近的 ASCII 等效字符。超出该映射范围的字符(如中日韩文字或阿拉伯文)会被去除,因为大多数 URL slug 规范只接受 ASCII 字符。
为什么最大长度选项不会把单词截断?
按固定字符数截断可能把一个单词从中间切开,在网址中显得很不完整。工具会退回到上一个分隔符处截断,确保 slug 始终以完整的单词结尾。
我输入的文字会发送到服务器吗?
不会。转换完全在你浏览器本地的 JavaScript 中完成。你输入的任何内容都不会被上传、存储或记录。