Slugify — テキストを URL スラッグに変換

Slugify — テキストを URL スラッグに変換とは？

Slugify は、タイトルや見出し、任意のフレーズを、きれいな URL スラッグ（"my-first-blog-post" のようなウェブアドレスの読みやすい部分）に変換できる無料のオンラインスラッグ生成ツールです。開発者、ブロガー、SEO 担当者が、読みやすいテキストからパーマリンク、ファイル名、アンカー ID、CSS クラス名を作るのに使います。ASCII の英字と数字だけを残し、すべてのスペース・句読点・記号を選んだ区切り文字に置き換えます。ハイフン（URL の kebab-case 標準）かアンダースコアを選び、スラッグを強制的に小文字にし、ダイアクリティカルマークを除去して é・ü・ñ などのアクセント付き文字を e・u・n に変え、連続する区切りを 1 つにまとめられます。このウィジェットは JavaScript でのみ描画されるため、このテキストが検索エンジンにインデックスされる説明文です。テキストを URL スラッグに変換し、パーマリンクを生成し、リンクで使うために文字列を整えられます。

Slugify — テキストを URL スラッグに変換の使い方

1. Input ボックスにタイトルやテキストを入力するか貼り付けます。
2. 設定パネルを開き、区切り文字を選びます：標準的な URL ならハイフン（-）、アンダースコア（_）も選べます。
3. Lowercase（小文字）を切り替えてスラッグを小文字に強制します（既定でオン）。
4. Strip accents（アクセント除去）を切り替えて é や ñ などの文字を素の ASCII（e、n）に変換します。
5. Collapse repeats（連続区切りの結合）を切り替えて、続いた区切り文字を 1 つにまとめます。
6. 読み取り専用の Output ボックスで完成したスラッグを確認し、Copy をクリックして使います。

使用例

My First Blog Post!

my-first-blog-post

Café del Mar

cafe-del-mar

Hello   World

hello___world

よくある質問

URL スラッグとは何ですか？

スラッグはページを識別するウェブアドレスの読みやすい部分で、example.com/blog/my-first-blog-post の "my-first-blog-post" の部分です。良いスラッグは小文字の英字・数字・ハイフンだけを使い、まさにこのツールが生成するものです。

ハイフンとアンダースコアの区切りは何が違いますか？

ハイフン（-）は URL や SEO の慣例で、検索エンジンがハイフンを単語の区切りとして扱うため、パーマリンクにはこちらを選びます。アンダースコア（_）はファイル名、コードの識別子、CSS でよく使われ、ハイフンを使いたくない場面に向きます。ツールは選んだ文字で単語をつなぎます。

「アクセント除去」は何をしますか？

テキストを正規化（Unicode NFKD）し、結合ダイアクリティカルマークを取り除くことで、アクセント付きのラテン文字を素の ASCII に変えます：é は e、ñ は n、ü は u になります。ASCII に対応しない文字（多くの CJK 文字や絵文字など）は、スラッグが A–Z・a–z・0–9 だけを残すため除去されます。

「連続区切りの結合」は何をしますか？

オンにすると、連続した区切り文字が 1 つにまとめられ、"Hello World" は "hello-world" になります。オフにすると、各スペース・句読点・記号がそれぞれ区切り文字になり、同じ入力は "hello---world" になります。どちらの場合も、先頭と末尾の区切り文字は常に取り除かれます。

入力したテキストはサーバーにアップロードされますか？

いいえ。変換はすべて、ブラウザに組み込まれた JavaScript の文字列関数を使ってブラウザ内（クライアントサイド）で完結します。入力した内容がアップロード・保存・送信されることは一切ないため、非公開のタイトルや内部ページ名、機密性の高い内容も安心してスラッグ化できます。