URL Slug 生成工具
將任意文本轉換為僅包含小寫字母、數字和連字元的URL友好短連結(kebab-case)。支援將日文平假名、片假名進行簡易羅馬字轉換,方便為日文標題生成適合SEO的URL和檔名。
轉換示例
| 轉換前 | 轉換後 |
|---|---|
| Hello World! | hello-world |
| café | cafe |
| ___multiple---spaces here___ | multiple-spaces-here |
| がっこう (將日文假名轉換為羅馬字) | gakkou |
| コーヒー (將日文假名轉換為羅馬字) | kohi |
| Straße | strasse |
什麼是URL Slug
URL Slug是指出現在網頁網址(URL)路徑當中,用來識別文章或商品的一段簡短字串。若把文章標題或商品名稱這類給人閱讀的較長文字直接放進網址,容易造成網址過長、出現亂碼或難以閱讀等問題,因此業界普遍會將其轉換成只包含小寫英文字母、數字與連字元的簡潔格式再使用。本工具會分析輸入的文字,將當中的符號與空格統一轉換為連字元、並將所有英文字母轉為小寫,藉此自動產生可直接當作URL路徑使用的kebab-case格式Slug。
本工具同時支援日文標題的轉換。只要開啟「將日文假名轉換為羅馬字」選項,就會先將平假名與片假名轉換成簡易羅馬字,再進行Slug化處理。不過漢字因為讀音不唯一,無法單靠字元本身判斷正確發音,因此本工具的做法是直接將漢字去除,而不是勉強猜測一個可能錯誤的讀音。所有轉換運算都只在瀏覽器內以JavaScript完成,輸入的文字不會被傳送到伺服器,可放心用於尚未公開的標題或內部資料。
URL Slug 生成工具的使用方法
- 輸入要轉換的文字 將文章標題、商品名稱等想要用於網址的字串貼到輸入欄位中即可。
- 若為日文請開啟羅馬字轉換 文字中含有平假名或片假名時,勾選「將日文假名轉換為羅馬字」,系統會自動轉換成羅馬字後再產生Slug。
- 在輸出欄位確認結果 每次輸入內容變動時,下方輸出欄位都會即時顯示對應的kebab-case格式URL Slug。
- 視需要手動調整 文字中若含有漢字,會在轉換過程中被去除,可依語意在輸出後手動補回關鍵字詞。
- 複製後貼到CMS或系統中 點選複製按鈕即可將結果存入剪貼簿,再貼到永久連結(Permalink)設定欄位等處使用。
用好本工具的小技巧
- 生成的Slug只包含小寫字母、數字和連字元,可以直接安全地用於URL路徑、檔名和CSS類名等場景。
- 漢字無法通過演算法自動轉換為羅馬字,會在轉換過程中被去除。如果要為日文標題生成Slug,請先勾選"將日文假名轉換為羅馬字",之後可根據需要手動調整結果。
- 像は、へ这类作為助詞使用的假名,無論上下文如何都會按照其本身的讀音(ha/he)轉換,这就是こんにちは会变成"konnichiha"而不是"konnichiwa"的原因,如有需要可在轉換後手動修改。
- 連續的符號、空格和下劃線會被合併為單個連字元,開頭和結尾的連字元也會被自動去除。
- 點選複製按鈕即可將轉換結果複製到剪貼簿,方便貼上到CMS或表格工具中使用。
URL Slug 生成工具的應用場景
部落格文章的永久連結設計
WordPress等CMS依標題自動產生的Slug有時會過長或不夠自然,這時可以用本工具整理出更精簡的字串,再手動覆蓋預設的永久連結設定。
電商網站的商品頁網址規劃
若直接把商品名稱放進網址,容易產生過長或包含特殊字元的網址,透過本工具轉換成簡潔的Slug,能建立對SEO更友善的路徑。
檔名與圖片名稱的統一整理
上傳圖片或文件時,可用本工具把檔名統一轉換成不含空格與全形字元的安全格式,避免不同系統間傳輸時發生亂碼。
產生CSS類別名稱與HTML元素ID
想從標題文字建立頁內錨點連結的ID或CSS類別名稱時,可轉換成只包含英數字與連字元的安全字串使用。
統一多語言網站的網址格式
若希望將含有日文標題的頁面統一改用英文網址,可利用羅馬字轉換選項,快速產生一份易讀的網址草案。
術語解說
- Slug(短連結)
- 用於URL路徑當中、用來識別文章或商品的一段簡短字串。據說源自報紙、出版業界為文章附加的暫定識別名稱,後來成為WordPress等CMS通用的術語。
- kebab-case(連字元命名法)
- 將單字以連字元(-)連接的命名方式。因外觀神似串在烤肉叉上的食材(kebab)而得名,是目前URL Slug最常見的標準格式。
- snake_case(底線命名法)
- 將單字以底線(_)連接的命名方式,常見於程式變數命名。但一般認為Google對底線的單字分隔辨識能力不如連字元,因此較不建議用於URL Slug。
- 永久連結(Permalink)
- 一個頁面固定不變的網址。WordPress等CMS可針對每篇文章設定永久連結的格式,而Slug正是組成永久連結的其中一部分。
- 羅馬字轉換
- 將平假名、片假名等日文發音轉寫為拉丁字母的處理方式。本工具僅提供簡易轉換,讀音不唯一的漢字不在轉換範圍內。
- NFKD正規化
- Unicode字串正規化格式之一,會將帶重音符號的字元(如é)拆解成基本字母(e)與獨立的組合用重音符號。本工具即利用此拆解機制來去除重音符號。
常見問題
閒話 ― 關於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"),如果不理解句子的語境就無法確定唯一正確的讀音。正因為如此,本工具選擇直接去除漢字,而不是機械地猜測一個可能錯誤的讀音——一個錯誤的轉換結果,往往比讓使用者自行補全的誠實空白更糟糕。
不過,假名的羅馬字轉換也並非只有一種結果。羅馬字有修訂平文式(修正ヘボン式)、訓令式、護照式等多種體系,長音(コーヒー的「ー」、とうきょう的「う」)寫成 ō、oo 還是 o,助詞「は」「へ」是否寫成 wa、e,「ん」後接母音時是否像 kin'en 那樣加以區隔,結果都會不同。本工具以修訂平文式為基礎,但由於 URL 中不能使用長音符號(ō),因此省略長音符「ー」(コーヒー → kohi、ラーメン → ramen),並按字面逐字轉換假名(とうきょう → toukyou、こんにちは → konnichiha)。因此結果可能與常見的英文拼寫(如 Tokyo)不同,發布前請親自確認。