こんなHTMLファイル名は嫌だ!知らないと恥ずかしい「名付け」の問題(後編)

実は重要な「HTMLファイル名」。SEOにも効く!失敗しないHTMLファイル名の決め方ノウハウを解説
※この記事は読者によって投稿されたユーザー投稿です:
  • 編集部の見解や意向と異なる内容の場合があります
  • 編集部は内容について正確性を保証できません
  • 画像が表示されない場合、編集部では対応できません
  • 内容の追加・修正も編集部では対応できません

ユーザーにとってわかりやすい「名前」とは

Webサイトにとって「名前」がどんな役割を担っていて、うっかりするとどんな問題がおきるか?については前編で解説しました。
訪問者にとってわかりやすく、管理者にとって合理的な「名前」は、具体的にどんなところに注意すれば良いか、名付けの処方せんをご紹介します。

ざっくりわかる処方せん(基本編)

  • 日本語NG

    これはもう、「絶対」です。
    ファイル名に日本語というか、マルチバイト文字を使うことは避けましょう。

    ファイル名がカタカナ以外の半角英数記号ではない場合、URLとしてはそのファイル名を一旦UTF-8でエンコードし直し、さらにパーセントエンコードした文字列に変換しなければなりません(RFC3986 2.5, URL Standard 4.4)。Wikipediaの日本語な記事のURLをコピーして、貼り付けてみるとやたらと長い記号を交えた文字列になってしまう、例のアレです。パーセントエンコードされた状態は扱いにくいだけでなく、パスの指定をミスするなどの事故につながりかねません。

    無難なのは英語にしておくことですが、適切な翻訳語がない固有名詞などの場合、ローマ字綴りでもよいのでアルファベットにしましょう。さらに、大文字は使わず、小文字だけにしておくことです。使う文字もa-zと0-9、半角ハイフン、半角アンダーバーとドットに限定しておきましょう。この範囲を使えないOSはそもそも使い物にならないので、後日サーバが切り替わってファイルを移動しなければならなくなった時にも困りません。

    あと、英語にしたら違和感があるような場合は、遠慮せずに他社の例を参考にしてみましょう。
    例えば会社概要だけでも、

    • /company/information/
    • /ja/jp/about/company/profile/
    • /company/overview/
    • /about.html
    • /outline.html
    • /jp-ja/company-japan-over-facts

    など、いろいろな形が使われています。

  • インデックスは省略すべし

    後日Googleアナリティクスなどでアクセスを解析する場合、あらかじめURLが正規化されていると便利です。

    このため、インデックスページについては /index.html や /index.php などのファイル名を省略するようにしましょう。通常のWebサーバでは、URLを「/」で終わらせていた場合、自動的に「インデックスファイル」を参照して表示します。「インデックスファイル」としてどのファイル名を使うかはサーバ毎に設定できますが、通常index.htmlとかindex.phpとかに設定されていると思います。

    仮にサーバの設定が変更になり、「インデックスファイル名」がindex.php から index.php7 になったらどうなるでしょうか?

    既存のリンクすべてを書き換えなければならなくなってしまいます。同様なことはOSやサーバを乗り換えた時に起こりがち。したがって、極力インデックスファイル名は省略するようにしておいたほうが、長期運用には有利です。

 

▼続きは下記にてご覧いただけます。
こんなHTMLファイル名は嫌だ!知らないと恥ずかしい「名付け」の問題(後編)(2/2)
https://getting-better.jp/html-file-naming-2-190425/2/

本稿は、Webに詳しくないWebマスターのためのブログ“Getting Better”
https://getting-better.jp/
に掲載された記事です。
この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

メディアレップ
媒体が保有する広告枠を仕入れ、広告主や広告代理店に販売する業種のこと。取り扱い広 ...→用語集へ

連載/特集コーナーから探す

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]