URL Slug 生成工具

将任意文本转换为仅包含小写字母、数字和连字符的URL友好短链接(kebab-case)。支持将日文平假名、片假名进行简易罗马字转换,方便为日文标题生成适合SEO的URL和文件名。

转换示例

转换前 转换后
Hello World! hello-world
café cafe
___multiple---spaces   here___ multiple-spaces-here
がっこう (将日文假名转换为罗马字) gakkou

什么是URL Slug

URL Slug是指出现在网页地址栏中、用来标识某篇文章或某个页面的简短字符串,通常是URL的最后一段,例如"toolbase.cc/dev/text/slug"中的"slug"部分。文章标题、商品名称等文字原本是写给人看的,往往包含空格、标点、大小写混用甚至带重音符号的字符,直接用作URL既不美观也不利于分享。本工具会把输入的任意文本转换为kebab-case格式:所有字母统一转换为小写,带重音符号的字母会被还原为基础的ASCII字符(例如"café"会变成"cafe"),而空格、标点、下划线等所有非小写字母和数字的字符,都会被合并为单个连字符,并自动去除开头和结尾多余的连字符。

本工具同时支持日文输入。勾选"将日文假名转换为罗马字"后,平假名和片假名会先被转换为简易罗马字,再进行Slug化,这样"こんにちは"之类的日文标题也能生成可用的拉丁字母字符串,而不会被直接丢弃。汉字则被特意区别对待:由于同一个汉字在不同语境下可能有多种读音,机械转换很难保证准确,因此本工具选择直接去除汉字,而不是冒险生成一个可能错误的读音。上述所有处理——去除重音符号、合并连字符、日文罗马字转换——全部在浏览器本地通过JavaScript完成,输入的文本不会离开您的设备,也不会被发送到toolbase.cc的服务器。

URL Slug生成工具的使用方法

  1. 输入要转换的文本 将文章标题、商品名称或其他任意标题粘贴到输入框中,中文、英文、日文或几种语言混合均可。
  2. 如包含日文假名请开启罗马字转换 如果文本中包含平假名或片假名,请勾选"将日文假名转换为罗马字",避免这些字符被直接舍弃。
  3. 查看生成的Slug 随着输入内容的变化,下方会实时显示对应的kebab-case格式转换结果,方便即时确认效果。
  4. 按需手动调整结果 由于汉字会被直接去除而非猜测读音,请检查输出内容,并根据需要手动补全缺失的词语。
  5. 复制并粘贴到CMS或代码中 点击复制按钮将结果保存到剪贴板,即可粘贴到永久链接设置、文件名或类名等位置。

用好本工具的小技巧

  • 生成的Slug只包含小写字母、数字和连字符,可以直接安全地用于URL路径、文件名和CSS类名等场景。
  • 汉字无法通过算法自动转换为罗马字,会在转换过程中被去除。如果要为日文标题生成Slug,请先勾选"将日文假名转换为罗马字",之后可根据需要手动调整结果。
  • 像は、へ这类作为助词使用的假名,无论上下文如何都会按照其本身的读音(ha/he)转换,这就是こんにちは会变成"konnichiha"而不是"konnichiwa"的原因,如有需要可在转换后手动修改。
  • 连续的符号、空格和下划线会被合并为单个连字符,开头和结尾的连字符也会被自动去除。
  • 点击复制按钮即可将转换结果复制到剪贴板,方便粘贴到CMS或表格工具中使用。

URL Slug生成工具的应用场景

优化博客和CMS的永久链接

大多数博客平台会根据文章标题自动生成Slug,但结果往往冗长或不够简洁,发布前先用本工具处理一遍标题,可以得到更精炼、更易读的永久链接。

设计电商网站的商品页面URL

商品名称中常常包含符号、规格或品牌特有的标点,直接用作URL容易出现乱码或过长的问题,转换为Slug后可以生成简洁且有利于SEO的路径。

统一文件名和图片名称

上传的图片或文档如果文件名中包含空格、重音符号或全角字符,在部分服务器和CDN上可能引发问题,先进行Slug化可以让文件名保持规范统一。

生成CSS类名和HTML元素ID

将标题文字转换为页内锚点链接或CSS类名时,需要只包含安全字符的字符串,本工具可以一步到位地生成这类字符串。

统一多语言网站的URL风格

如果页面标题是日文,但希望在多语言站点中统一使用英文风格的URL,可以借助罗马字转换选项快速生成一份易读的Slug草案。

术语表

Slug
用于在URL中标识某篇文章、某个商品或页面的简短字符串。这个词源自报纸和出版行业中用来指代内部简短标签的行话,如今在WordPress等CMS平台中已直接作为后台字段名称使用。
Kebab-case(连字符命名法)
一种用连字符连接单词的命名风格,例如"my-blog-post"。其名称来源于外观上很像被串在烤肉扦子(kebab)上的样子,是URL Slug事实上的标准格式。
Snake_case(下划线命名法)
一种用下划线而非连字符连接单词的命名风格,例如"my_blog_post"。这种写法在编程变量命名中很常见,但据Google介绍,下划线更容易被当作连接符而非单词分隔符处理,因此不如kebab-case适合用于URL。
永久链接(Permalink)
分配给某个内容的固定、稳定的URL。CMS平台通常允许为整个网站配置永久链接的结构,而Slug正是嵌入到该结构中、随每篇内容变化的部分。
罗马字转换
将非拉丁文字(此处指日文的平假名和片假名)按照读音转换为拉丁字母的过程。本工具采用简化的转换规则,并特意保留汉字不做转换,因为脱离完整语境很难判断其正确读音。
NFKD正规化
Unicode的一种正规化形式,会将带重音符号的单个字符(如"é")分解为基础字母("e")加独立的组合重音符号。本工具正是利用这一分解机制,干净地去除重音符号,将文本还原为纯ASCII字符。

常见问题

建议只使用小写英文字母(a-z)、数字(0-9)和连字符(-)。出于URL兼容性和SEO方面的考虑,通常应避免使用大写字母、空格、符号以及非拉丁字符,本工具也只会输出这三类字符。

因为Google表示会将连字符视为单词之间的分隔符,"word-word"更容易被解析为两个独立单词,而"word_word"中的下划线则往往被忽略,整体被当作一个单词处理。

勾选"将日文假名转换为罗马字"后,平假名和片假名部分会被简易地转换为罗马字。但汉字的读音无法唯一确定,因此不会被转换,而是会从结果中被去除。对于重要页面,建议检查转换结果,并根据需要手动补充缺失的单词。

不会。所有转换处理都在浏览器内通过JavaScript完成,您输入的文本不会被发送或保存到toolbase.cc的服务器上。
工具君

闲话 ― 关于Slug与kebab-case的故事

Slug(直译为"蛞蝓")一词源自报纸和出版业的行话,原指印刷前为文章附加的一段简短标识文字。在互联网上,它演变为特指从标题等人类可读的字符串中提取出来、可以安全用作URL一部分的简短标识符。包括WordPress在内的许多内容管理系统都直接把"Slug"作为后台字段名称使用,因此不少网站管理者对这个词并不陌生。

URL的Slug究竟应该用连字符(kebab-case)还是下划线(snake_case)分隔单词,业界一直存在争论。Google曾公开表示,连字符会被视为单词之间的分隔符,而下划线则会被当作连接符处理,也就是说"my-blog-post"更容易被解析为三个独立单词,而"my_blog_post"则更容易被解析为一个整体单词。正因如此,绝大多数重视SEO的网站都采用了kebab-case风格。

将日文文本转换为面向英语用户的URL,远比简单的字符替换复杂。平假名和片假名是表音文字,可以通过机械规则转换为罗马字,但汉字往往存在多种读音(例如"今日"既可以读作"kyou",也可以读作"konnichi"),如果不理解句子的语境就无法确定唯一正确的读音。正因为如此,本工具选择直接去除汉字,而不是机械地猜测一个可能错误的读音——一个错误的转换结果,往往比让用户自行补全的诚实空白更糟糕。