制作実績

多言語サイト制作 （日英中）

株式会社椿本チエイン様

リニューアルにおける課題

リニューアル前のサイトでは、言語サイト間の違いが把握できなくなっていました。特に製品情報では英中サイトにおける海外向け情報が不足しており、日本語で掲載した情報の、タイムリーな更新も難しくなっていました。IR・会社情報においても、言語間の差異を判断するのが難しく、英中サイトの情報が一部古いままになっていました。

海外向けサイトの運用が難しかった理由

それぞれの言語が別々のシステムで作られており、製品情報の多言語での追加、更新を一括して管理することができなかった。 言語サイト間でデザイン、レイアウトの統一が図れておらず、ナビゲーションのルールも異なっていたため更新時に問題となっていた。 WEBサイトのシステムが古かったためテンプレート、管理画面ともに制約が多く、新しいページやカテゴリの追加が難しかった。

ソリューション

idaでは、多言語サイトを効率的に管理するためのシステムとして、オープンソースのエンタープライズ向けCMSであるTYPO3を提案しました。CMS導入にあたっては、椿本様へのインタビュー・ミーティングを重ね、下記のような工程を実施しました。

椿本チエイン様　多言語CMS導入フロー

• CMS選定（TYPO3に決定）
• 現状サイトコンテンツの洗い出し（コンテンツ/URL一覧の作成）
• 各言語間コンテンツの紐づけ、差異の確認
• 各言語サイトの目的、位置づけ、ユーザー、将来的な計画等の確認
• 新サイト構成の策定（サイトマップ、URL等）
• デザインの作成
• CMSサーバ準備
• CMSツリー構成の作成
• CMSテンプレートの作成（共通テンプレートとカテゴリの関連を明確化）
• コンテンツ移行（HTMLファイルの書き出しから、DBへの一括処理）
• 新規コンテンツ作成
• 必要コンテンツの翻訳
• 管理者権限の設定
• 海外ミラーサーバ設定
• 更新トレーニング
• 運用

椿本様では社内にHTML制作のスキルがあるため、管理機能にはある程度の自由度を持たせることを望まれていました。
そのため、管理画面からはHTMLによる入力を基本とし、ニュースなど頻繁な更新が必要な部分ではWYSWYGエディターも使用できるようにしました。
テンプレートでは、カテゴリ間、及び多言語サイト間の両面から、差異が必要な部分、共通する部分を明確にし、差異が必要な部分は自由に編集できるように、また共通コンテンツはパーツ単位で共有できるようにしました。

また、TYPO3の多言語サイト管理機能により、日本語サイトで新規作成したコンテンツも容易に多言語に展開できるようになっています。

既存データの移行にあたっては、3000ページを超えるコンテンツ移行を納期に間に合わせる必要から、旧システムのデータベースに格納されたHTMLソースを新サイトのレイアウトに合わせて一括で書き出すスクリプトを作成し、TYPO3に一括で登録する方法をとりました。

結果

主に製品サイトを管理するご担当者様によって、ページ単位で日英中のコンテンツを一括で管理・更新できるようになりました。それにより、日英中で差異のない情報提供が可能になりました。 また、更新の自由度が広がったことから、これまで自社での更新が難しかった部分も社内での更新が可能になり、効率化につながっています。
別テンプレートによる、新規カテゴリの追加も、同一のツリーの中で容易に行うことができ、運用の幅を広げることもできました。
また、管理画面も多言語対応のため、英語ネイティブのウェブマスター様には英語の管理画面を提供することが出来るようになりました。