URL スラッグ生成ツール — テキストをスラッグ化

URL スラッグとは？

// The core of a zero-dependency slugify (ASCII mode)
function slugify(input) {
  return input
    .normalize('NFD')                 // café → cafe + combining accent
    .replace(/[\u0300-\u036f]/g, '')  // drop the combining marks
    .replace(/ß/g, 'ss')              // chars with no NFD decomposition
    .replace(/&/g, ' and ')           // keep the meaning of '&'
    .toLowerCase()
    .replace(/[^a-z0-9]+/g, '-')      // every other run of junk → one hyphen
    .replace(/^-+|-+$/g, '');         // trim leading / trailing hyphens
}

slugify('Crème Brûlée Recipe');   // 'creme-brulee-recipe'
slugify('Salt & Pepper');         // 'salt-and-pepper'
slugify('10 Tips: A Guide!');     // '10-tips-a-guide'

主な特長

スラッグ生成ツールの代替比較

スラッグ生成の例

10 Tips for Faster JavaScript: A Complete Guide!

10-tips-for-faster-javascript-a-complete-guide

Crème Brûlée Recipe

creme-brulee-recipe

Große Änderungen für 2026

grosse-anderungen-fur-2026

Привет мир

privet-mir

你好 世界

你好-世界

Salt & Pepper: 100% Natural

salt-and-pepper-100-natural

スラッグ生成ツールの使い方

1. 1

   テキストを貼り付けるか入力

   エディタをクリックしてタイトル、見出し、フレーズを入力するか、プリセットチップ (ブログタイトル、アクセント記号、CJK、キリル文字、記号) のいずれかをタップして代表的な例を読み込みます。スラッグは下の出力ボックスに即座に表示されます。

2. 2

   ASCII または Unicode モードを選ぶ

   アクセント記号を翻字しキリル文字/ギリシャ文字をローマ字化するポータブルな a–z スラッグには、Mode を ASCII のままにします。テキストが非ラテン文字 (中国語、アラビア語、キリル文字) で、元の文字を URL に残したい場合は Unicode に切り替えてください。

3. 3

   区切り文字、大文字小文字、長さを調整

   ハイフンの区切り文字を維持する (推奨) か、アンダースコアに切り替えます。小文字化はデフォルトでオン。オフにすると大文字小文字を保持します。長いスラッグを単語境界で上限管理するには Max length を設定し、完全なスラッグには 0 のままにしてください。

4. 4

   スラッグをコピー

   Copy をクリックすると完成したスラッグがクリップボードに書き込まれます — ボタンが「Copied!」と点滅して確認します。CMS のスラッグフィールド、ファイル名、アンカー id に貼り付けてください。Reset をクリックするとエディタがクリアされ、やり直せます。

スラッグでよくある誤り

https://example.com/My-Awesome-Post

https://example.com/my-awesome-post

https://example.com/my_first_post

https://example.com/my-first-post

https://example.com/caf%C3%A9-cr%C3%A8me

https://example.com/cafe-creme

the-10-absolute-best-and-most-effective-tips-for-writing-faster-javascript-code-in-2026

faster-javascript-tips

スラッグ生成ツールを使う人

ブロガーとコンテンツ作者

投稿タイトルを CMS が期待する URL スラッグに変換します。"10 Tips for Faster JavaScript: A Complete Guide" を貼り付け、`10-tips-for-faster-javascript-a-complete-guide` を WordPress、Ghost、Hugo のスラッグフィールドにそのままコピー — キーワード豊富でクリーンです。

SEO スペシャリスト

検索結果で読みやすくクリック率の価値を運ぶ、短くキーワードに焦点を当てたスラッグを作ります。Max length コントロールでスラッグを約 60 文字未満に保ち、ストップワードを落として、より引き締まった関連性の高い URL にしましょう。

ルートやファイルを命名する開発者

人間が読めるラベルから、ルートパス、静的ファイル名、画像アセット名、ストレージキーのための安全な識別子を生成します。ASCII モードは、非 ASCII 文字でつまずくファイルシステムやデータベースを横断してポータブルな結果を保証します。

ドキュメントと Markdown 作者

GitHub、GitLab、大半の静的サイトジェネレーターが見出しから作る見出しアンカーのスラッグを再現するため、ページ内の "#section" リンクが一致します。Unicode モードは英語以外の見出しに対する GitHub の文字維持の挙動を再現します。

国際化サイト

言語ごとの挙動を選べます: ヨーロッパ言語のタイトルを最大の互換性のために ASCII に翻字するか、Unicode モードに切り替えてネイティブ文字の読者のために中国語、キリル文字、ギリシャ文字を URL に残すか。どちらも妥当で、トグルでページごとに決められます。

EC とカタログチーム

アクセント付きのブランド名や記号を含む製品名から、安定した製品・カテゴリスラッグを生成します。スマートなアンパサンド処理により、"Salt & Pepper" は単語を失う代わりに salt-and-pepper になり、製品名を検索可能なまま保ちます。

スラッグ化の仕組み

アクセント記号のための Unicode NFD 正規化

アクセント付きラテン文字は、文字列を NFD (正準分解) に正規化することで折りたたまれます。これは é のような文字を基本文字 e と結合アキュートアクセント (U+0301) に分割し、次に U+0300–U+036F の範囲の結合マークを除去します。これはあらゆる JavaScript エンジンに組み込まれたゼロ依存の機能で、フランス語、スペイン語、ポルトガル語、イタリア語のアクセント記号、ドイツ語のウムラウト、北欧・中欧言語をカバーします。正準分解を持たない文字 — ß、æ、œ、ø、đ、ł、þ — は小さな明示的マップで処理されます (ß → ss、æ → ae、など)。

キリル文字とギリシャ文字のローマ字化

ASCII モードはキリル文字とギリシャ文字のアルファベット用のコンパクトで手作業保守された翻字テーブルを含むため、Привет мир は privet-mir に、Λάμδα は lamda になります。キリル文字テーブルは一般的なロシア語ローマ字化方式を使います。CJK 表意文字とアラビア文字は ASCII モードで意図的に翻字されません — 完全なピンイン/ローマ字変換は大きな辞書を必要とし曖昧な出力を生むため — そのため、それらの文字体系には文字を保持する Unicode モードが推奨される選択です。

翻字チートシート

下の表は、代表的な文字が各モードでどう振る舞うかを示します。ASCII モードはポータブルな a–z、0–9 のスラッグを目指し、Unicode モードはあらゆる文字や数字を維持します。

入力	ASCII モード	Unicode モード
é è ê ë	e	é è ê ë (維持)
ü ö ä	u o a	維持
ñ	n	ñ (維持)
ç	c	ç (維持)
ß	ss	ß (維持)
æ / œ / ø	ae / oe / o	維持
Привет	privet	привет
Λάμδα	lamda	λάμδα
你好 世界	(除去)	你好-世界
&	and	and
🚀 (絵文字)	(除去)	(除去)

区切り文字の折りたたみとトリム

翻字の後、文字でも数字でもない文字の連続はすべて単一の区切り文字に置き換えられます。これにより、二重・三重の句読点が二重の区切り文字を生むことは決してありません: "a---b__c" は a-b-c になります。先頭と末尾の区切り文字はトリムされるため、句読点で始まる、または終わるタイトルがぶら下がったハイフンを持つスラッグを生むことはありません。アンパサンドはこのステップの前に "and" に展開されるため、単語が保持されます。

単語境界での切り詰め

最大長を設定すると、スラッグはその長さに切られ、もし切り口が単語の途中に来た場合は、末尾に半端な単語が残らないよう直前の区切り文字まで戻されます。切断によって残った末尾の区切り文字は除去されます。最初の単語が上限より長くても、少なくとも 1 単語は常に維持されます。上限を 0 に設定すると切り詰めを完全に無効化できます。

大文字小文字の区別と小文字化

URL は仕様上、大文字小文字を区別します — /About と /about は検索エンジンにとって別のアドレスです — そのため本ツールは、同じコンテンツが複数の URL で到達可能になること (重複コンテンツのリスク) を避けるためにデフォルトで小文字化します。Unicode モードでは、小文字化は大文字小文字を持つ文字体系 (ラテン文字、キリル文字、ギリシャ文字) に適用され、持たない文字体系 (CJK) では何もしません。下流のシステムが元の大文字小文字の保持を必要とする場合は、Lowercase オプションをオフにしてください。

URL スラッグのベストプラクティス

スラッグは短くキーワードに焦点を当てる

意味のある単語およそ 3〜6 個、理想的には約 60 文字未満を目指しましょう。短いスラッグは読みやすく、検索結果で切り詰められにくく、共有時にきれいです。ページのターゲットキーワードを含め、余分なものを落としましょう — a、the、of、for のようなストップワードは、ほぼ常に明瞭さを失わずに除去できます。

アンダースコアやスペースではなくハイフンを使う

Google はハイフンを単語の区切り文字、アンダースコアを単語の連結文字として扱うため、ハイフンは各単語に独自のキーワードシグナルを与えます。スペースは %20 としてパーセントエンコードする必要があり、URL を醜くします。ハイフンは普遍的な CMS の慣例です — 本ツールが正当な理由でデフォルトにしているものです。

公開したスラッグは決して変更しない

スラッグは恒久的なアドレスです。公開後に変更すると、既存のインバウンドリンク、ブックマーク、ソーシャル共有がすべて壊れ、301 リダイレクトを設定しない限りページの蓄積された SEO 価値がリセットされます。公開前にスラッグを決め、後で変更せざるを得ない場合は、常に古いスラッグから新しいスラッグへのリダイレクトを追加してください。

ASCII か Unicode かを意図的に選ぶ

広範または国際的な読者には、ASCII 翻字が互換性を最大化し、テキストとしてコピーしたときに URL をクリーンに保ちます。単一言語の非ラテン文字の読者 (中国語、ロシア語、ギリシャ語のサイト) には、Unicode スラッグの方が実際の読者にとって読みやすく、現代の検索エンジンに完全にサポートされています。URL を読む人にモードを合わせましょう。

スラッグから日付を除外する

スラッグに年や日付を埋め込まないでください (/2024-buyers-guide)。後でコンテンツを更新するとき、URL に古い日付が残るか、リンクを壊すスラッグ変更のどちらかに行き詰まります。代わりに公開日を CMS のメタデータに保存し、スラッグを時代に依存しないものに保てば、同じ URL が何年もの間、更新されたコンテンツを運べます。

よくある質問