このワイヤーの特徴
ヘッダーを、主な読み手のために使える
言語の切り替えをフッターにまとめ、ヘッダーのメニューを主な読み手のために使えるようにしています。
「Language」の見出しで、見つけてもらう
一覧の前に地球のアイコンと「Language」の見出しを置き、日本語が読めない人でも言語の切り替えだと分かるようにしています。
すべての言語を、一度に見せる
フッターは幅に余裕があるため、対応する言語をすべて並べ、開閉の操作なしで選べるようにしています。
SPでは、折り返して並べる
SPでは言語名を折り返して並べ、すべての言語が見えるようにしています。
フッターを折りたたむ場合も、言語の切り替えは折りたたまずに残します。
制作時のよくある失敗
日本語の見出しだけで、言語の切り替えだと分からない
「言語」と日本語だけで書くと、日本語が読めない読み手には何の一覧か伝わりません。
「Language」やアイコンを添えます。
別の言語の読み手が多いのに、フッターにしか置かない
海外からの読み手が多いサイトでフッターにしか置かないと、ページの最後までたどり着かずに離れてしまいます。
読み手の割合に合わせて、ヘッダーにも置くかを決めます。
検索などから日本語のページへ直接たどり着く別の言語の読み手が多い場合は、言語の提案バナー型 言語切り替えを組み合わせます。
フッターを折りたたみ、言語の切り替えまで隠す
SPでフッターを折りたたむときに言語の切り替えまで隠すと、別の言語の読み手が見つけられません。
言語の切り替えは開いたまま残します。
言語名を、国旗やその国の名前で書く
国旗や国名では、どの言語か分からないことがあります。
言語名をそれぞれの言語で書きます。
よくある質問
言語の切り替えは、ヘッダーとフッターの両方に置いてもよいですか?
置けます。
ヘッダーには主な言語だけを短く、フッターにはすべての言語を並べる、と役割を分ける方法があります。
見出しは「Language」だけでよいですか?
日本語のサイトでも、言語の切り替えは別の言語の読み手のためのものなので、「Language」やアイコンを添えると伝わりやすくなります。
「言語 / Language」のように併記する方法もあります。
英語のページが一部しかない場合も、この型は使えますか?
使えます。
英語のページがあるページだけ対応するページへ移り、ないページでは英語のトップページなどへ案内する形にします。
案内の仕方は、翻訳がないページの案内型を参考にしてください。
