Slug Generator: 壊れることのない、SEO に適したクリーンな URL スラッグを構築する方法

十分な数の WordPress サイトと Laravel アプリを出荷して、そこにあるすべてのスラッグの間違いを犯しました。 今でも私をひるみにするもの: クライアントのブログの移行で、インポートされたタイトルのバッチがカーリー アポストロフィとアクセント付きの文字をパーマリンクに直接運びました。 URL は技術的には機能しましたが、それらには散らばっていました %E2%80%99 あんど %C3%A9- 決してスラッグになるはずのない、パーセントエンコードされたキャラクターのゴースト。共有リンクは壊れているように見え、いくつかの分析ツールがリンクを切り捨て、その後クリーンアップすると、数百ページにわたるリダイレクトが必要になりました。

スラッグは、ページが検索結果でどのように表示されるか、どのように共有されるか、ルーティングが一致するかどうかを静かに決定する小さなものです。 作成時に正しく取得する必要があります。間違いを犯しても、リダイレクトとリンク エクイティの損失が発生します。 私が造る Toolz.dev そして WP はプラグインを管理しているので、私は常に Slug を作成して生成し、 スラッグジェネレーター 退屈で厳密な作業を毎回正しく行うには、アクセントを音訳し、句読点を削除し、区切り文字を選択し、URL に直接ドロップできるものを返します。

tl;dr: URL スラッグは、小文字、ハイフンで区切られ、ASCII のみで、短いものにしてください。 硬い部分は、アクセント付きの文字 (カフェ → カフェ) を文字の音訳にする、ハイフンを 2 つ残さずに句読点を取り除き、ストップ ワードをドロップするかどうかを決定します。 ザ・ スラッグジェネレーター すべてのブラウザ内で、1 つのタイトルまたは貼り付けられたリスト全体を一度に処理し、単語の境界で長さをキャップすることができます。

URL スラッグとは正確には何ですか?

SLUG は、特定のページに名前を付ける URL の最後にある人間が判読できる識別子です。 で https://toolz.dev/tools/slug-generator、ナメクジは slug-generator。 で https://example.com/blog/how-to-cache-in-laravel、ナメクジは how-to-cache-in-laravel。通常、ページ タイトルから派生し、そのリソースの正規の永続的なハンドルになります。これが、最初からクリーンにしたい理由なのです。

整形されたナメクジは、ほぼ普遍的な実践に固まったいくつかの慣習に従います。 多くのサーバーで URL の大文字と小文字が区別され、大文字小文字が混在すると、コンテンツが重複して混同されるため、小文字です。 /About あんど /about。 単語間のハイフンを使用する。予約されていない URL 文字 (文字、数字、ハイフン) のみが含まれるため、パーセントエンコーディングは必要ありません。また、スラグはタイトル全体をダンプする場所ではないため、簡潔です。 understanding-css-grid ナメクジです。 understanding-the-css-grid-layout-module-a-complete-beginners-guide-for-2026 誰かがトリミングするのを忘れていたタイトルです。

ナメクジが美学を超えて重要な理由は、耐荷重であるためです。 検索エンジンは、ランキングと関連性のシグナルとして、スラッグの単語を読みます。 URL の信頼性に部分的に基づいてクリックするかどうかを決定します。 また、あなた自身のアプリケーション ルーティングは SLUG で一致することが多いため、予期しない文字が 404 を意味する場合があります。 ナメクジは小さいですが、たくさん乗れます。

スロギュファイングは、段階的にどのように機能するのでしょうか?

任意のテキストをスラッグに変換するのはパイプラインであり、各段階で問題のクラスを処理します。 段階を理解することで、ツールが何を生み出すかを予測することができます。

先に来る 特殊文字のマッピング.一部の文字は単に削除するべきではない - 意味を運ぶ アンパサンドは通常 " and, " という単語になるはずだ ß 「ss」になるべきであり、次のような合字が必要です æ 「AE.」に展開する必要があります。それらを静かにドロップすると、読み方が間違ってスラッグが生成されます。 ザ・ スラッグジェネレーター これらを何よりも先にマッピングして、「フィッシュ & チップ」になる fish-and-chips、ない fish-chips。

2番目は アクセントの音訳、 技術的に ユニコード NFKD正規化に続いて結合マークを剥がします。これにより、アクセント付き文字が基本文字と別のアクセントマークに分解され、マークが削除されます。 "カフェ&クォート; "ナイーブ&クォート; "ナイーブ&クォート; "シェーン&クォート; "シェーン&クォート; " " " になるためです。これは、国際コンテンツにとって最も重要なステップです。なぜなら、これは、私が上部に説明したパーセントエンコードされた混乱を防ぐものだからです。

第三に、テキストは 小文字 (オプション)、それから トークン化:英数字以外の文字の実行毎に - スペース、句読点、記号 - は単語境界として扱われます これは " Hello, World!!!" 単語 " hello" と " world" を空断片や末尾の区切り文字を残さずに折りたたんで、最後に単語は 選択した区切り記号に参加最大長を設定すると、単語の境界でスラッグが切り捨てられるため、単語を半分にカットすることはありません。 結果は決定論的です。同じ入力とオプションが常に同じスラッグを生成します。これは、まさに URL に必要なプロパティです。

ハイフンまたはアンダースコアを使用する必要がありますか?

ハイフンを使用する これは好みの問題ではありません - Googleは、ハイフンを単語の区切り文字として扱い、アンダースコアを単語のジョイナーとして扱うことを何年も前から述べているということです seo-friendly-urls 3 つの単語として読み取られます。「seo」「フレンドリー」「urls」である seo_friendly_urls 単一トークン「SEO_Friendly_URL」と解釈できます。検索可視性が重要なパブリック フェーシングの場合は、ハイフンを選択するのが正しい選択です。

アンダースコアにはまだ正当な用途があります。 スラッグジェネレーター 両方を提供します。 一部のレガシー システム、内部ツール、およびファイル名の規則では、アンダースコアが期待されます。 プログラミング識別子は、プログラミング識別子を パブリック URL ではなく、アンダースコア規則を使用してシステムにフィードするスラッグを生成する場合は、区切り記号を切り替えます。 ただし、ブログのパーマリンクまたはマーケティング ページ パスを生成している場合は、ハイフンに置いて、考えすぎないようにしてください。

完全に避けるべき 1 つのこと: URL のスペースとキャメルケース。 スペースになる %20 それかA +、どちらも醜い。 CamelCase は、ケース センシティビティの問題を再導入し、単語分離信号を無効にします。 スルージ化の要点は、サーバー、検索エンジン、人間にとって同時に明確なフォームに到達することであり、ハイフン付き小文字は 3 つすべてを満たす形式です。

いつスラッグからストップ ワードを取り除く必要がありますか?

ストップワードとは、独立した検索値をほとんど持たない、小さくて高頻度の単語 - "the, "a, "and, " "of, " "to, " "in" - を削除するとスラグが短縮され、キーワードが集中します: "React" を学ぶための最良の方法; になります best-way-learn-react 代わりに the-best-way-to-learn-react。 一部の SEO 実践者は、スラッグをきつく締めてキーワードの密度を保つため、これを好みます。

それは本当にオプションです, そして私はハードルールとしてそれを扱うことはありません. stop wordsを削除すると、時折、スラッグをぎこちなく読んだり、その意味を変更することができます - " state of the art" に還元 state-art 何かを失う。 私の経験則: タイトルが長く削除されたときに、ストップ ワードをストリップする場合は、スラッグがすでに短いとき、またはフレーズにとって構造的に重要なときに、それらをそのままにしておきます。 ザ・ スラッグジェネレーター 両方のバージョンをすぐに確認できるようにトグル化します。また、スラグが空になるほど積極的にストリップしないように注意してください。タイトル内のすべての単語がストップワードである場合、スラグはそれらを保持します。

長さは、関連するレバーです。 一般的なガイドラインは、スラッグを約 3 ～ 6 語、または約 60 文字未満に保つことです。これにより、検索結果に完全に表示され、共有しやすい状態を保つことができます。 ツールの最大長オプションは単語の境界で切り捨てられるため、長いタイトルは単語の中間ではなく、きれいにカットされます。

スラッグの慣習を比較

プラットフォームやコンテキストが異なれば、SLUG の形も少し異なります。 一般的な規則がどのように並んでいるのか、また、 スラッグジェネレーター デフォルトでターゲット。

デフォルトの構成 - ハイフン、小文字、音訳アクセント - は、実際のスラグ作業の大部分である最初の 4 行をカバーします。最後の行であるコード識別子だけが、別の規則を必要とし、それでも区切りスイッチを離れています。

スラッグ ジェネレーターがキープする一般的な使用例

ブログと CMS の移行

この記事を始めたシナリオ 古いシステムから何百もの投稿をインポートすると、そのタイトルに、作者が入力した文字 (スマート クォート、em ダッシュ、アクセント、絵文字) がすべて表示されます。 のバッチ モード スラッグジェネレーター タイトルの列全体を 1 行に 1 つ貼り付けて、インポート ファイルにドロップできるクリーンな Slug の一致する列を取り戻すことができます。 これを一度行う方が、厄介なスラッグを生成してからリダイレクトを解くよりもはるかに安価です。

アプリ内の新しいルート

React または Laravel プロジェクトでページを足場にするとき、ページ名と一致するが URL で安全なルート セグメントが必要です。 ページ タイトルのリストを貼り付け、スラッグを生成して、ルーターに貼り付けます。 出力は決定論的であるため、設計時に生成するスラッグは、実行時にフレームワークが期待するものであり、ルートがほとんど一致する微妙なバグを回避します。

国際的および多言語コンテンツ

アクセント付き文字のコンテンツ - フランス語、ドイツ語、スペイン語、ポルトガル語、スカンジナビア語 - は、ナイーブなスラグ化が崩壊する場所です。 "Mahaga" に音訳ステップが変わります malaga そして「チューリッヒ」 zurich、パーセントエンコードされたノイズの代わりに、読みやすい ASCII スラッグを提供します。 これにより、URL を言語間で共有し、分析に使いやすくします。

製品とカテゴリのページ

Eコマースはスラッグに住んでいます: すべての製品とカテゴリには、安定した読みやすいURLが必要です。 "Men's Running Shoes - Blue/Grey (2026) " という名前の製品ジェネレーターを介して実行されます men-s-running-shoes-blue-grey-2026ーemダッシュ、スラッシュ、括弧は消えてしまい、アポストロフィは、他のすべての英数字以外の文字と同様に、黙って削除されるのではなく、単語の境界として扱われる。 その動作は知る価値があります: むしろ見たい場合 mens より men-s、生成する前に、タイトルにアポストロフィをドロップします。 いずれにせよ、厄介な現実世界の句読点は、URL セーフな何かに正規化されます。

ブラウザでスラッグを生成するのはなぜですか?

ザ・ スラッグジェネレーター 完全にクライアント側で実行されます あなたのタイトル - 未公開の投稿、内部製品名、またはクライアントであるかもしれません& #39; sコンテンツロードマップ - は決してアップロードされず、ツールはページがロードされるとオフラインで動作します 未公開コンテンツの場合、そのプライバシーは良いものではありません; それはツールを使用することとできないことの違いです オンライン ツールのデータ プライバシー ガイドは、ブラウザ内処理がなぜ主張する価値があるのかを掘り下げています。

ナメクジは、他の日常的な Web タスクの隣にも置かれています。 ザ・ URL エンコーダ/デコーダ Slug が故意に回避するクエリ文字列と完全な URL エンコーディングを処理します。 ザ・ ケースコンバーター テキストを他の形式に絞り込むときに役立ちます。 そして、 ワードカウンター タイトルとメタデータを長さの範囲内に保つのに役立ちます。 構築中も、より幅広いユーティリティをオープンにしておくために、 Web 開発者ツールキット ラウンドアップから始めるのが始まりです。

フェイク

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

スラッグは、ページのタイトルから派生した特定のページを識別する URL の読み取り可能な部分です。 で https://Toolz.dev/tools/slug-generator、スラッグは「スラグジェネレータ」です。 クリーンなスラッグは小文字で、単語間のハイフンを使用し、文字、数字、およびハイフンのみを含みます。

スラッグでハイフンまたはアンダースコアを使用する必要がありますか?

ハイフンを使用してください。 Google はハイフンを単語区切り文字として明示的に扱いますが、アンダースコアはジョイナーとして表します。したがって、「SEO-Friendly-URL」は 3 つとして読み込まれ、「SEO_Friendly_URL」は 1 つの単語として解釈できます。 URL の SEO 標準はハイフンで、コード識別子やファイル名にアンダースコアを付けたほうがよいでしょう。

スラッグ ジェネレーターはアクセント付き文字をどのように処理しますか?

Unicode 正規化と文字マップを使用して、最も近い ASCII に相当するものにそれらを音訳します。 すなわち、「履歴書」は「履歴書」となる。「ナイーブ」は「ナイーブ」になり、「ストラース」は「シュトラッセ」になる。 これにより、URL がクリーンに保たれ、非 ASCII 文字がリンクで生成する読み取り不能のパーセント エンコーディングが回避されます。

ストップ ワードとは何ですか?ナメクジから削除する必要がありますか?

ストップワードは、検索値をほとんど持たない "the" 、 "a" 、 "and" 、 "of" 、および "to" などの一般的なフィラーワードです。これらを削除すると、スラグが短縮され、キーワードが集中します。これは一部の SEO が好むオプションです。読みやすさのために、これらを保持しておくとよいでしょう。ツールは、スラグが空になるほど多くの単語を削除することはありません。

URL スラッグはどのくらいの期間で行う必要がありますか?

ナメクジを短く説明的に保つ - およそ3 から6 語、つまり約60 文字未満が一般的なガイドラインです 短いナメクジは読みやすく、共有しやすく、覚えやすく、検索結果に完全に表示されます 長さ制限オプションを使用して、単語境界で長いタイトルを切り捨てます。

一度に多くのタイトルのスラッグを生成できますか?

はい。 複数のタイトルを 1 行につき 1 行ずつ入力に貼り付け、バッチ モードを有効にして、すべての行に一致する SLUG を取得します。 これは、ブログの移行、ページ名のリストからのルートの生成、またはインポート用のスプレッドシートのスプレッドシートの準備に役立ちます。

Slug ジェネレーターは WordPress パーマリンクに適していますか?

はい。 wordpressが投稿スラグをサニタイズする方法に一致する出力 - 小文字、ハイフン区切り、ASCIIのみ - なので、結果をパーマリンクフィールドに直接貼り付けることができます。 next.js、Laravel、Rails、およびURLセーフパスセグメントを期待するフレームワークとも互換性があります。

私のテキストは非公開のままですか?

はい。 Slug Generation は、プレーンな JavaScript を使用して、ブラウザーで完全 タイトルやテキストは送信、ログ記録、保存されません。ページが読み込まれた後も、インターネット接続なしでツールは機能し続けます。