/多言語サイト制作はWordPressかconcrete5でマルチデバイス対応がオススメです2015.07.15多言語サイト制作はWordPressかconcrete5でマルチデバイス対応がオススメですTweetピクトロンウェブプランニングの杉山(@pictron2009)です。ウェブデザインを中心にプロモーションのコンサルティングや、アプリや様々なデザインの制作やディレクションを業務として行っています。※弊社の制作事例はこちら関西のインバウンドプロモーションのセミナー会場で名刺交換しお話を伺ったことがきっかけでイロドリに寄稿する事になりました。ウェブ業界は技術情報をセミナーやコミュニティで得ることも多く、私自身も時間がゆるせば参加するようにしています。いった場所で企業内のウェブ担当や制作会社のウェブデザイナー開発者などにしばしば相談されるのがサイトの多言語化の手法です。日経が調査したあるアンケートでは外国人観光客の不満の1位に「外国語のサービス」が少ないと答えたそうです。現金しか使えない店が多いここでは「サービス」と汎用的な言葉になっていますが、2位に「無料Wi-Fiの整備が遅れている」が挙げられている事と合わせ見れば、1位のサービスがサインやメニューだけでなくウェブが入っていることも推して知るべしです。観光客が街を歩く時に片手にあるのはスマートフォンやタブレットです。当然ながらウェブ制作を担当する社内外のスタッフには他言語対応でマルチデバイス(スマホ、タブレット、ネットTV、PC)対応が要求定義に必須項目として入ってきます。そこで今回はできるだけ効率的に多言語サイトを構築する上でオススメの手法を3つご紹介したいと思います。最新のインバウンドニュースをメルマガで受け取るスマートフォン最適化の重要性と、その前にウェブサイトをスマートフォンで見やすいように最適化することの重要性についてお話したいと思います。Googleは2015年4月に、以前からアナウンスしていたモバイルフレンドリーというウェブページの評価を開始しました。これがどういう評価かと言いますと、モバイル(スマホ)でウェブサイトを閲覧した際に・ボタン間隔がせまくて指で押しにくい・文字が拡大しないと読めない・画面サイズに適用したサイトがそもそもないというような評価をページの重要度に反映するものです。スマートフォン最適化されていないサイトはGoogleの検索結果の表示順位が下がってしまうということを意味しています。ウェブサイトを見てもらえても「日本語で書かれていて読めない上にスマートフォン最適化もされていない」のであれば外国の方は見る気も無くしてしまうでしょう。言え、このモバイルフレンドリーに推奨されるような技術的ルールを1つ1つ穴埋めしていくのは専門家でないと難しく予算のかかる作業でもあります。オープンソースのCMSを使えばこのような推奨される構造、つまりベースの「型」を提供してくれるのでオススメです。それではエンタープライズ規模のCMSではなく、一般的なウェブで他言語、マルチデバイスのサイトが作れるオープンソースのCMSを3つほど紹介します。BogoWordPressはご存知の方も多いたくさんのサイトで採用されているCMSです。これはもともとブログを作成するCMSとして設計され、ブログのようにあるフォーマットの記事を分類したり整理したりしながらサイトを作っていくのに便利な管理方式です。各ページのフォーマットがバラバラだったり、改装もカテゴリーごとに違うようなサイトは構築に少し苦労します。WordPressはプラグインと言われる追加プログラムで機能を拡張することができます。他言語化を行うためにはこのプラグインを追加するのが効率的です。無料で使えるBogoというプラグインを紹介したいと思います。7を開発した日本人プログラマの方が開発されたプラグインです。WordPressで開発者の履歴を確認する事はスムーズな開発の重要はステップです。・各ページを言語ごとにペアリングできる・言語切り替えメニューも自動生成してくれる・投稿や固定ページそれぞれに言語切り替えを行い別の言語の対訳ページを作る構造を提供してくれるといったことが挙げられます。メニューの切り替えや共通部分のテーマ開発に関してはWordPressをPHPで開発するスキルが前提のプラグインとなります。プラグインは無料が希望で、ある程度WordPressのテーマ開発に経験のある方は試してみてください。WPML次にWPMLという有料(29$-195$)のプラグインを紹介したいと思います。・ヘッダーやフッダーの切り替え・ページ内の記事以外の単語の言語に関するペアリングなどが可能になります。言語に関するペアリングとはサイト内に「ニュース」という単語が出てくると英語版では「News」フランス語版では「nouvelles」と自動的に置換するという機能です。記事部分以外のボタンやナビゲーションに使えます。他にも様々な機能が提供されますのでオフィシャルサイトを確認してください。WordPressのテーマ開発の経験も必要ですが、どちらかというと大規模なサイトでより威力を発揮するような機能が豊富です。http://www.japan-interpreters.org/concrete5最後にconcrete5というCMSを是非紹介したいと思います。concrete5は最近行ったメジャーバージョンアップで多言語機能を標準で実装したオープンソースのCMSです。このCMSはページのペアリングはもちろん、コンテンツをページ単位ではなく、文章でいえばパラグラフや画像などの各要素単位で管理するので対訳ページが同じ構成でなくても問題ありません。日本語ページと英語ページで補足説明や不要なコンテンツで著しくボリュームが異なるような構成でもかまいません。WordPressは個人のブログを作成するCMSとして端を発したCMSだけに決してアドバンテージがあるとは言えない権限管理が標準機能で実装されている事も評価できるポイントです。管理者だけでしか表示しない段階で精査し、責任者が公開するというようなワークフローも実装できます。これを多言語サイトのワークフローで考えると、あるページや、ページの一部のパラグラフを翻訳依頼し、翻訳者にはその部分だけの編集権限を持たせます。管理者が翻訳結果を認証して、公開します。これらのワークフローをサイト上のCMSだけで実現が可能になり、メールのやりとりや他のグループウェアでの作業フローなどが軽減されます。制作する過程でコンテンツ制作のワークフローを分割したり、言語毎のコンテンツを自由にフォーマットを変えたりしたい方は試してみてください。http://www.inokougyo.co.jp/まとめ閲覧者に対し伝えたい事をスピーディーに効率よく、そしてどのようなデバイスにもわかりやすく見やすく作ることが、これからのウェブサイトの要求定義として求められと言えるでしょう。「誰に対してどんな情報を届けたいのか」を明確にすることで、あなたにとって最適な構築方法を見つけることができるはずです。サイトの多言語化やマルチデバイス対応で質問や相談があればお気軽にお問い合わせください。最新のインバウンドニュースをメルマガで受け取る外国人集客に役立つノウハウや最新ニュースをメルマガで配信しています。今なら登録いただいた方には「外国人観光客に人気の都道府県ランキングデータ」をプレゼント中です。いつでも配信停止手続きができますので、まずはお気軽にご登録くださいませ。ゲストライターインバウンドニュースをメールで配信中ですイロドリではメルマガ登録をいただいた方々に以下の特典をプレゼントしています。人気の都道府県ランキングデータまた、メルマガは月に1回のペースでインバウンドビジネスにおける集客や販売に役立つノウハウや最新ニュースを配信しています。登録料や購読料はすべて無料でいつでも配信停止手続きができますので、まずはお気軽にご登録くださいませ。メルマガに登録する(登録・購読無料)関連SNSでもご購読できます。敦ピクトロンウェブプランニングの杉山です。ウェブサイトのデザインやプロモーションのプランニングをおこなっています。現在のサイトへのアドバイスなどからでも問題ありません。サイトの多言語化やマルチデバイス対応で質問や相談があればお気軽にお問い合わせください。