英語の自動表示

当ブログは見た目以上に細かい動作制御を行っています。主に技術向上が目的なので詳細を公開することはありませんが細部まで調整を加えています。

・iPhoneに限定したレイアウト調整
・多言語対応のメニューを追加する
・記事終わりに固定バナーを自動表示

もちろん、上記以外にもまだまだ制御しています。

先日追加した動作が「階層を維持した言語の自動切り替え」。元々は各記事に日本語環境以外からアクセスがあれば英語向けトップを表示していました。

▼変更前：日本語以外のユーザー
https://touhyo.com/blog/sample/
↓（英語版ブログトップを自動表示）↓
https://touhyo.com/blog/en/

上記では直接記事を見たいのに英語版トップが開くので該当コンテンツにたどり着けず不便な思いをする来訪者さんがいるかもしれませんよね。そこで階層を維持したままで目的のページを英語表示する仕様へ変更。最終的には下記動作にカスタマイズ。

▼変更後：日本語以外のユーザー
https://touhyo.com/blog/sample/
↓（階層を維持して各英語版を表示）↓
https://touhyo.com/blog/en/sample/

変更前では検索エンジンのクローラーにも勘違いされる可能性があるためなるべく違和感なく切り替えるように自然な動きを目指したといった内容です。

実際見える部分だけがコンテンツではないので仕組みを支えている裏側もとても重要。ただ、想定が甘いとマイナスに働きかねないため注意しましょう。

現在はページをより使いやすくする仕組みと操作性の向上の再調整で自動切り替えは停止しています。本記事は実装用アイデアとしてご参考くださいね。