8日目:意味のあるページタイトルを決める

Webサイト全ページにユニークで意味のあるタイトルを付けようね。

  • ホームページのタイトルは単にサイトの名前だっていい
  • 日付けで整理・保存されてるアーカイブのページは、サイトの名前、日付けの順でタイトルにするといいよ。例えば僕のブログだと "dive into mark/June 19, 2002"っていうようなタイトルが日ごとのアーカイブ(daily archive)には付いてるし、月ごとのには "dive into mark/June 2002"って具合になってる。
  • カテゴリーのページは、サイトの名前とカテゴリー名を付けよう。僕の場合、 CSS 関連のエントリーは全部 "dive into mark/CSS っていうタイトルでアーカイブに入れてある。
  • ここのエントリーアーカイブ(Individual entry archive)のページには、サイトの名前とそのエントリーのタイトルを付けよう。僕はエントリーごとのページって特別作ってないんだけど、Jonathon Delacour は作ってる。で、うまいやり方でやってると思うよ。例えば2002年6月17日の分、Accessibility matters は"Jonathon Delacour: Accessibility matters"ってタイトルで個別にアーカイブされてる。

几帳面すぎるほど正確な句読点の打ち方とかは別に必要ないけど、スクリーンリーダーの中には初期設定のままだと句読点を読み上げちゃうのもあるんだ。だもんで基本的に余分な句読点はアホっぽく見えるだけじゃなくて、アホっぽく読まれもしちゃうって覚えといて。

誰がトクする?

  1. ジャッキーだね。JAWS にはキーボードショートカット (INSERT + F10) があって、これで今開いてるウィンドウのリストを見せて(で読んで)くれるんだ。このとき使われるのがウィンドウのタイトルで、Webページの場合はページタイトルがこれにあたる。あと、ALTキーを押しながらTABを押していくと、開いてるウィンドウを順ぐりに読みあげるなんてこともしてくれる。ホームページ・リーダーとか他のスクリーンリーダーは、ページに行った瞬間にページタイトルを読みあげるようになってるみたい。
  2. マーカスも喜ぶな。Lynx はページタイトルをアウトプットの1行目に表示するから、マーカスが一番最初に点字で読むのはタイトルなんだ。
  3. ビルもだね。 発作のせいなんだけど、ビルたまに「あれ?」なんて、どこ読んでたかフッとわかんなくなることがあるんだよね。こんなとき、ウィンドウタイトルバーのページタイトルが、視覚的な目印の役目を果たすんだ。ページをスクロールしたっていっつも同じ場所にあるからね、タイトルは。これをチロッと見ることで、ビルも「ああそうそう」って思い出せるんだ。
  4. Google君も助かるよ。Google は検索結果でページタイトルを表示する。それでキーワードがページタイトルに入ってる場合は上位にランクされるようになってるんだ。これってとってもいいコト。特に個々のエントリーページに関してはすごいいいよね。(ついでに言えばエントリーのタイトルもいいのをつけるにこしたことはないよ。)

どうしたらいい?

Movable Type は色んなインデックスとアーカイブのページ別にテンプレートが用意されてる。もともと付いてくるデフォルトテンプレート自体なかなかアクセシブルなんで、もしそのまま使うつもりなら何にも変えなくてかまわないよ。

  1. Main Index(メイン・インデックス): <title><$MTBlogName$></title>
  2. Master Archive Index(アーカイブ・インデックス): <title><$MTBlogName$> アーカイブ</title>
  3. Category Archive(カテゴリー・アーカイブ): <title><$MTBlogName$>: <$MTArchiveTitle$></title>
  4. Date-Based Archive(日ごとのアーカイブ): <title><$MTBlogName$>: <$MTArchiveTitle$></title>
  5. Individual Entry Archive(エントリーごとのアーカイブ): <title><$MTBlogName$>: <$MTEntryTitle$></title>

ここで気をつけてほしいのは、今書いてきたのは全部、こうしたらいいと思うよっていう提案だってこと。「アーカイブ」って言葉を日ごと、月ごとのアーカイブのページにつけたっていいし、つけなくたっていい。細かいことは問題じゃないんだ、あんまり過剰にさえしなけりゃ。 サイト名は先じゃなくて後にしたっていいしね。けどページのタイトルは、どっかに入れといた方がいいよ。たくさんウィンドウ開けてるときとか、そこがどこのページなのかの大事な手がかりになるからね。

さらなる情報源(英語)