web-dev-qa-db-ja.com

URLのアンダースコアとハイフン

私が開発しているWebアプリケーションの各ページが、人にやさしいURLを使用できるように、ページの命名規則を考え出そうとしています。 Webアプリケーションの現在のURL構造は次のとおりです。

http://foo.example.com/webapp/pageName

変更するURLの唯一の部分はpageNameです。アプリケーションは基本的なCRUDシステムであり、ほとんどのフォームとリストで構成されるUIを備えています。オブジェクト指向とタスク指向の両方のページ名があります。 addEventeventManagereventReviewimageUploadereditEventaddItemeditItembulkAddItemsbulkEditItemsなど。これらの制約を考慮して、これらのページ名のいくつかの異なるURLスタイルを比較検討します。

  1. 上記のような名前を生成する現在のcamelCase規約。これは単に、以前の開発の痕跡です。ページは変数のように名付けられましたが、UXへの影響はあまり考慮されていません。
  2. ハイフネーション、次のようなページ名を生成:
    A。 http://foo.example.com/webapp/add-eventhttp://foo.example.com/webapp/event-manager、または
    B。 http://foo.example.com/webapp/Add-Eventhttp://foo.example.com/webapp/Event-Manager
  3. アンダースコアを使用して、次のようなページ名を生成します。
    A。 http://foo.example.com/webapp/add_eventhttp://foo.example.com/webapp/event_manager、または
    B。 http://foo.example.com/webapp/Add_Eventhttp://foo.example.com/webapp/Event_Manager

Stack ExchangeとSmashing Magazineは2Aに似たスタイルを使用しています。例:
-http://ux.stackexchange.com/questions/9093/senior-usability-and-navigation
-http://www.smashingmagazine.com/2011/07/25/email-is-still-important-and-here-is-why/

ウィキペディアはスタイル3Bを使用しています。例:
-http://en.wikipedia.org/wiki/Extreme_Programming

私はスタイル3Bに傾いています。大文字でページ名を強調し、下線はハイフンよりも明確で直感的な単語区切りのように見えます。

他の人はどう思いますか?これらのさまざまなURLスタイルは、使用されているWebアプリケーションのタイプ(ブログ、Q&Aサイト、百科事典、あなたの用途)に応じて、UXにどの程度適していますか?

20
jqp

人間が判読できる最もSEO対応のURLを探している場合は、小文字のハイフン付きのURLをすべて使用することをお勧めします 。これは、Googleのウェブマスターツールのドキュメントで推奨されています 。ただし、SEOがWebアプリにとって重要でない場合(たとえば、すべてがログイン要件の背後にある場合)、必要なデリミネーターを使用できます。

私は強くキャメルケースのURLを避けることをお勧めします。ユーザーがwww.example.com/FooBar.htmlにアクセスして、代わりにwww.example.com/foobar.htmlと入力すると404を取得するように指示される(そして、はい、これは本当に起こります...私の古いシステムの一部職場でこれを行うと、それは不愉快です!)

36
Daniel Newman

ルートドメイン名の下のURLの部分は、通常、UNIX Webサーバーでは大文字と小文字が区別され、Windows Webサーバーでは大文字と小文字が区別されません。 Some unix webserversは、Apache mod_spelingモジュールを使用して、指定されたURLが見つからない場合に代替のケースミックスを探します。

「404ページが見つかりません」エラーの可能性を減らすために、自分で404ページを作成できます。これにより、見つからないURLを小文字にしてその存在を確認し、見つかった場合はページをリダイレクトできます。これは、誰も知る必要のない小さな機能です。

ただし、URLにCamelCaseまたはMixeD_CasEが含まれている場合、すべてを自動的に小文字に変換するのは簡単です。すべてを小文字に変換するのは簡単ではないためです。

2Aに行きます。 1日目以降の生活をより柔軟にし、後で頭痛の可能性を減らします。

2
Roger Attrill