URLスラッグの付け方ガイド｜良いURLの条件・日本語の扱い・変更時の注意
公開日：2026年7月27日 更新日：2026年9月2日 運営：シルギア（Analyzegear, Inc.） 対象ツール：スラッグ生成（URL用文字列）
記事を公開する直前、URLの末尾をどう書くかで手が止まったことはありませんか。この末尾の文字列をスラッグと呼びます。たとえば「example.com/blog/url-slug-basics」の太字部分です。数字だけの自動URLでも表示はできますが、スラッグを意図して整えると、URLは読めて・共有しやすく・検索でも扱いやすい資産になります。この記事ではスラッグ設計の考え方を整理し、このツールの変換ルールを実装どおりに解説したうえで、作り方の手順までまとめます。
なぜスラッグが大事なのか
理由は大きく3つあります。1つ目は可読性。「/p?id=8842」より「/url-slug-basics」の方が、開く前に中身を推測できます。2つ目はSEO。URL中の単語は内容を表す手がかりの一つで、検索結果にもURLが表示されます。3つ目は共有時の見栄え。SNSやチャットに貼ったとき、意味の通る英数字のURLは信頼感があり、クリックされやすくなります。逆に長く記号だらけのURLは、それだけで敬遠されがちです。なお、URLが順位に与える影響は限定的とされ、あくまで補助的な要素です。中身の質を優先しつつ、URLは読みやすく整える、という位置づけで十分です。
良いスラッグの条件
- 短く、要点だけ：タイトル全文を入れる必要はありません。中心となる2〜4語に絞ると読みやすく、貼り付けても崩れません。
- 小文字で統一：サーバーによっては大文字小文字が別物として扱われ、事故の元になります。小文字にそろえるのが無難です。
- ハイフン区切り：単語の区切りはハイフン（-）が定番です。検索エンジンやCMSが語の境目として扱いやすいためです。プログラムの識別子など用途によってはアンダースコア（_）も使われます。
- 英数字と区切りだけ：スペースや記号、絵文字は避けます。英小文字・数字・区切り文字だけなら、どの環境でも安全に扱えます。
このツールが行う4つの処理
本ツールの変換は、次の順番で自動的に進みます。仕組みを知っておくと、出力がなぜその形になったかを予測できます。
- 小文字化：入力をすべて小文字にします（Hello → hello）。
- 区切りの統一：半角スペース・タブなどの空白、アンダースコア、ハイフンを、選んだ区切り文字にまとめて置き換えます。
- 不要文字の除去：英小文字（a〜z）・数字（0〜9）・選んだ区切り文字だけを残し、それ以外（記号・絵文字・全角・日本語）を取り除きます。
- 区切りの整理：連続した区切りを1つにまとめ、先頭と末尾の区切りを削除します。
重要なのは、この除去がローマ字化や翻訳を行わない点です。英数字以外は「変換されず消える」だけなので、日本語だけの入力では残る文字が無くスラッグが空になります。
具体例で確かめる
実際の入力で結果を追ってみます。「Hello World! My First Post」をハイフン区切りにすると、小文字化と空白のハイフン化、そして「!」の除去が起き、hello-world-my-first-post（25文字）になります。区切りをアンダースコアにすれば hello_world_my_first_post です。記号や全角が混じる例として「Café & Bar 2024」は、アクセント付きの「é」と「&」が英数字でないため消え、いったん重複した区切りが1つにまとめられて caf-bar-2024 になります（「é」はローマ字化されず、そのまま消える点に注意）。「こんにちは 世界」のように日本語だけを入れると、英数字が残らず結果は空になります。
最大長での切り詰め方
「最大の長さ」に0以外の数を入れると、その文字数を超えるスラッグを切り詰めます。特徴は、できるだけ単語の途中で切らない点です。指定位置がちょうど区切り文字なら、そこまでで切ります。単語の途中に当たる場合は、直前の区切りまで戻してから、末尾の区切りを取り除きます。
先ほどの hello-world-my-first-post（25文字）で試します。最大20にすると、20文字目が区切りに当たるため hello-world-my-first（20文字）でそのまま切れます。最大15にすると、15文字目は「first」の途中（f）なので、直前の区切りまで戻して hello-world-my（13文字）になります。指定より短くなることはありますが、語の途中でぶつ切りにならないため、意味の通るスラッグが保てます。0のままなら切り詰めは行いません。
日本語・公開後の変更とよくある失敗
日本語タイトルは、そのままURLに入れると「%E3%81%82…」のような表記に化け、共有先で読めなくなることがあります。対処は、読みをローマ字にする（「料理の基本」→「ryori-no-kihon」）か、内容を英訳する（→「cooking-basics」）かの2通り。本ツールは英字化を行わないため、先に英字へ直してから貼り付けてください。公開後の運用では次の点に注意します。
- 安易にURLを変えない：公開済みURLを変更すると、被リンクや共有リンクが切れて404になります。変える場合は旧URLから新URLへのリダイレクトを必ず設定します。
- 重複させない：同じスラッグを別記事に付けると、CMSが末尾に番号を足したり別ページを指したりします。似たテーマは「recipe-basics」「recipe-tips」のように語を足して区別します。
- 長すぎない：単語が10個以上並ぶと読みにくく折り返しも汚くなります。最大長やコピー前の手直しで要点に削りましょう。
処理はすべてブラウザ内で完結し、入力内容が外部に送られることはありません。タイトルを貼るだけで一定のルールに沿ったスラッグが手に入るので、URL設計の下ごしらえにお使いください。