タイトルを“|”で区切るのはなぜか。

タイトルというのは、title要素。ブラウザの最上部に表示されるあれのことです。

コーポレートサイトではよく
会社案内｜○○株式会社
という表記がありますよね。

以前から、なんで縦線で区切るんだろうと疑問に思っていました。
「みんながやってるから縦線」
「なんとなく縦線」
だと理由としては弱くてちょっと納得できない。

よって、調べてみることにしました。

とりあえず、色々なサイトを見てみたのですが、
titleタグ関連で検索すると、SEO的にtitleタグはとても重要だとか、
titleタグの内容は30文字前後しか検索結果に出ないので長くしすぎるなとか、
そういった内容は出るんですが、
縦線で区切るとか半角スペースで区切るとか、そういった、概念的なモノに関しては全くヒットせず。

最終的にWikipediaで記号の意味を調べることになりました。
タイトルの区切り文字として使えそうな記号をひととおり挙げて、
その意味を調べて解釈してみました。

---

＜＞（大なり、小なり）

パンくずリストに良く使われますね。前後の項目の大小を示す意味があるでしょうか。

普通にサイトの階層構造をタイトル部分で示すならこの区切り方でOKな気がします。
企業名　＞　ページ名　
のように。

ですが、
ページ名　企業名　の順でタイトルを記載することになると、
ページ名　＞　企業名　だと、意味的におかしい。
ページ名　＜　企業名　だと、目線の流れ的に不自然かなと。

だから、ページ名　企業名　の順番のときは、使用しづらい気がします。

/（スラッシュ）

「または」「どちらも」という意味合いがあります。
FTPでサーバにファイルをアップするときには階層がスラッシュで区切られているので、階層構造を示す意味合いもありそうです。

これも、先ほどの＜＞と同様、階層構造を示すとなると、利用は不可能になります。
ただ、たとえば「Panasonic / ideas for life」とか、企業名＋スローガンを示すなど、
2つの項目が並列の時には、利用できそうです。

・（中黒）

意味的には、併記する単語の区切りなど、優劣がなく並列に並んでいるものを示します。
中黒で項目が区切られているのはあまり見たこと無い気がします。
たとえば、「会社概要・沿革」のように項目自体に中黒が含まれているため、それと区別するために使わない傾向があるのかもしれません。
少なくとも、「並列」関係でない項目で使うと意味的にはいいとはいえませんね。

―（ダッシュ）

小説でよく使われるような言葉の間とか、副題などを囲む際に利用する。
意味的に考えると、タイトルに使うのは難しそうですね。

‐（ハイフン）

単語を区切るとき、また、日本では郵便番号などの階層を区切るときにも用いられる。
形はダッシュとよく似ていますが、意味的には異なりますね。
Firefox、Opera、IEは、titleタグの内容の後に－とブラウザ名が入ります。
（例：　○○株式会社 － Mozilla Firefox）
（実際のところ、これらはハイフンではなくて「マイナス」記号です。）

それを考えると、階層を区切るという点においては、ハイフンも利用できそうです。

｜（縦線）

項目の区切りとしても利用される。プログラミングとかでも、「どちらか」的なことを表現するのに使いますね。
これだけ、Wikipediaでは明確に「項目の区切り」であることが書かれていました。

ハイフンはブラウザ名とタイトルを区切る記号として利用されている事を考えると、
この縦線でタイトル内部の項目を区切るというのは妥当ですね。

ということで、
以上を持ちまして、私は縦線が区切りとして使われる理由について納得いたしました。

メモ終わり。

---

参考:Wikipedia - 約物