失敗しない！ wordpress 多言語サイト制作で絶対に知っておきたいこと

2014.8.30 (土) 失敗しない！多言語サイト制作で絶対に知っておきたいこと

失敗しない！多言語サイト制作で

絶対に知っておきたいこと 2014/8/30 (土) WordFes Nagoya 2014

@ 名古屋工業大学


本日の目次 ●  自己紹介・事例 ●  多言語サイトのターゲティング・構造 ●  原稿を作る・「翻訳」の落とし穴 ●  WordPress での運用方法



今日の内容はスライドシェアで公開


おことわり



今日は時間が短いので原稿部分の詳細は 9/20 (土)

WCAN 2014 Autumn で話します！


スイマセン詰め込みすぎました！


自己紹介


Katz Ueno (上野勝之) Twitter: @katzueno ブログ: http://katzueno.com もちろん WordPress コンクリートファイブジャパン株式会社取締役 Chief Communciations Officer http://concrete5.co.jp 名古屋で concrete5 CMS の普及


concrete5 (CMS) 日本語版を作ってます concrete5-japan.org


コンなご concrete5 名古屋ユーザーグループ

名駅近く「ベースキャンプ名古屋」月2回勉強会

詳細は concrete5nagoya.doorkeeper.jp


書籍の紹介「concrete5 公式活用ガイドブック」買ってねー ●  マイナビ ●  3542円 ●  書籍 & 電子書籍版


書籍の紹介「concrete5 公式活用ガイドブック」

ここからすぐ近くの ●  名古屋市鶴舞中央図書館 ●  愛知県図書館 ●  ベースキャンプ名古屋

にも置いてあります


他の CMS のことは置いといて


経歴の紹介 (自分と多言語の関係)


●  1980年三重県四日市市生まれ ●  アメリカに留学→映画制作 → 雑誌編集 → Web に

●  TOEIC 990点


●  1980年三重県四日市市生まれ ●  アメリカに留学→映画制作 → 雑誌編集 → Web に

●  TOEIC 990点

5時間勉強して一発でゲットしました (‾ー‾)ﾆﾔﾘ


証拠 (有効期限は切れてちゃいましたが)


2011年3月11日

東日本大震災の英語で Ustream 3ヶ月で100万PV 米ABC アルジャジーラワシントン・ポストライフハッカーハフィントン・ポスト中日新聞・東海ウォーカーなどにも掲載

米ABC

中日新聞

アルジャジーラ


2012年～2014年名古屋のWeb制作会社、エスケイワードにて多言語サイトを構築


多言語サイト事例紹介 (ここ数年)

●  海の上の空港

o  英語観光特集サイト §  Visit Japan 日本政府キャンペーン

§  企画・ディレクション §  Facebook ページ運営

o  中国語 (簡体・繁体字)・韓国語

§  コンテンツディレクション



●  Entertainment Today

o  ロサンゼルスで６０年近い歴史のあるうフリーペーパーのウェブサイト §  2006～ Web構築 §  2007～編集長的な



●  香港の多言語ECサイト

o  日本の野菜や肉を売る多言語EC サイト §  ディレクション



●  伊勢のゲストハウス風見荘

o  伊勢市にあるゲストハウス §  企画・原稿・デザイン・翻訳・コーディング・構築



●  YokosoNews

o  日本の文化を世界に英語で伝えるソーシャルニュースサイト §  運営全般



●  その他

o  世界コスプレサミット Web サイト英語翻訳 o  おもちゃメーカーイベント情報サイト o  他：企業コーレポートサイト


とは言っても。今までいっぱい失敗して、ご迷惑かけてきました


みなさんがそんな失敗をしないために


今日はお話したいと思います。


さてちょっと質問させてください


今日の参加者で営業・企画の方？


ディレクターの方？


エンジニア・コーダーの方？


企業や行政の Web担当者の方


WordPress サイトで実際に多言語運用考えてる方？


WordPress サイトで多言語運用

既にされてる方？


ありがとうございます

飛ばすところは飛ばして時間内に終わらせます！


さて本題、

多言語サイトを作る上で・・・


さて本題、

多言語サイトを WordPressで作る上で

・・・


よく相談されます。


「多言語サイトを作りたいです。プラグインは

何使えばいいですか？」


・・・・・


・・・・答えれません。


それは「多言語サイト」と行っても

たくさんのサイトがあるからです


コーポレート情報ポータル

ECサイト学校・教育

イベント

サービスメーカー


日本語でサイトを作るようにある程度、

決めないといけない事があります


今日は、多言語サイトを作る上での

自分で決めないと行けないことを覚えてってください！


よくある多言語サイトの三大誤解

というのがあります



その１


とりあえず英語で！

よくある多言語サイト三大誤解その１



その２


とりあえず、コンテンツ、日本語サイトのまんまでよくある多言語サイト三大誤解その２



その３


とりあえず、WPML(注)で！（注）WordPress の有名な多言語プラグイン

よくある多言語サイト三大誤解その３


多言語サイト制作の三大誤解誤解1：とりあえず英語で！誤解2：とりあえず、コンテンツは日本語サイトのまんまで翻訳して～誤解3：とりあえず WordPress の多言語化プラグイン「WPML」で～


多言語サイト制作の三大誤解誤解1：とりあえず英語で！ = ともかく英語でサイトつくろうぜ！（あやふやなターゲット）誤解2：とりあえず、コンテンツは日本語サイトのまんまで翻訳して～ = サイト構造や日本語が日本語と同じ（日本人向けわけわからん原稿）誤解3：とりあえず WordPress の多言語化プラグインで～ = プラグイン使うだけが WordPress 多言語サイト構築じゃない！


誤解１とりあえず英語で！

いえいえ、やっぱ手順踏みましょう！


多言語の誤解の話に入り込む前に・・・


まず多言語サイト制作の基本


多言語サイト制作一番の理想は・・・


多言語サイト制作一番の理想は・・・各言語でチームを作り最適なサイト制作！



日本語英語中国語

ディレクター

デザイナー

ライター

コーダー

ディレクター

デザイナー

ライター

コーダー

ディレクター

デザイナー

ライター

コーダー

Icon CC3.0 by SimpleIcon



日本語英語中国語

ディレクター

デザイナー

ライター

コーダー

ディレクター

デザイナー

ライター

コーダー

ディレクター

デザイナー

ライター

コーダー

予算＆時間＆労力的に無理！

Icon CC3.0 by SimpleIcon


そこで・・・役に立つ


そこで・・・役に立つ多言語サイト制作の

基本

多言語コンテンツ三原則注）勝手に命名してるだけです


多言語コンテンツ三原則サイトを多言語化するにあたって、日本語コンテンツを変えなければ行けないか見極めて原稿作成を最小限に抑えるためのコンテンツパターンの原則


多言語コンテンツ三原則

1. 普遍的コンテンツ



1. 普遍的コンテンツ言語や住む地域が変わっても全世界の人に同じように訴えれるコンテンツ


多言語コンテンツ三原則 2. ローカライズコンテンツ


多言語コンテンツ三原則 2. ローカライズコンテンツ根本は変わらないが、言語や地域が変わると、その言語や地域向けに修正しないと行けない


多言語コンテンツ三原則 3. オリジナルコンテンツ


多言語コンテンツ三原則 3. オリジナルコンテンツ言語や地域が変わると、その言語や地域に合わせて新規作成しなければいけないコンテンツ


多言語コンテンツ三原則 1. 普遍的コンテンツ 2. ローカライズコンテンツ 3. オリジナルコンテンツ


多言語コンテンツ三原則例：ある製品を売っている会社のホームページを多言語化


多言語コンテンツ三原則 1. 普遍的コンテンツ例：製品のスペック 2. ローカライズコンテンツ 3. オリジナルコンテンツ


多言語コンテンツ三原則 1. 普遍的コンテンツ例：製品のスペック 2. ローカライズコンテンツ 3. オリジナルコンテンツ

●  製品の寸法 ●  製品の性能 ●  製品のマニュアル

→ 普遍的（変わらない）：原稿をそのまま翻訳


多言語コンテンツ三原則 1. 普遍的コンテンツ例：製品のスペック 2. ローカライズコンテンツ例：製品の値段 3. オリジナルコンテンツ


多言語コンテンツ三原則 1. 普遍的コンテンツ例：製品のスペック 2. ローカライズコンテンツ例：製品の値段 3. オリジナルコンテンツ

●  その国の通貨 ●  輸送料金・関税

→ ベース原稿に修正が必要


多言語コンテンツ三原則 1. 普遍的コンテンツ例：製品のスペック 2. ローカライズコンテンツ例：製品の値段 3. オリジナルコンテンツ例：製品の販売店



●  製品の販売所在地（お店情報） ●  ショールームの情報とか

→ 完全に新しく原稿を作成する必要あり



つまり



日本語原稿



日本語原稿

そのまま使える

全然使えない



日本語原稿


全然使えない

原稿の一部を修正

原稿の新規作成が必要

日本語原稿そのまま翻訳



日本語原稿


全然使えない



日本語原稿そのまま翻訳

普遍・ローカライズ・オリジナルコンテンツ割合



日本語原稿


全然使えない



日本語原稿翻訳のみ

普遍・ローカライズ・オリジナルコンテンツ割合

WordPress 多言語サイトの構築方法が決まります！


ということで・・・


誤解１とりあえず英語で！「とりあえず」より一歩先



言語に加えて「地域」を決めましょう！



「地域」とは：方言の選択



「地域」とは：方言の選択 ●  例：英語

o  アメリカ英語 o  イギリス英語 o  オーストラリア英語



「地域」とは：方言の選択 ●  例：英語

o  アメリカ英語 o  イギリス英語 o  オーストラリア英語

アメリカでは「How do you do?」とか使いません



「地域」とは：方言の選択 ●  例：中国語

o  簡体字：北京地方 o  簡体字：上海地方 o  繁体字：台湾地域 o  繁体字：香港地域



「地域」とは：方言の選択 ●  例：中国語

o  簡体字：北京地方 o  簡体字：上海地方 o  繁体字：台湾地域 o  繁体字：香港地域例：台湾と香港では丁寧語とかの

言い回しが違います。

簡体字・繁体字は、文字が全く違います！



「地域」とは：方言の選択 ●  例：スペイン語

o  スペイン o  メキシコ o  コロンビア o  アルゼンチン



「地域」とは：方言の選択 ●  例：スペイン語

o  スペイン o  メキシコ o  コロンビア o  アルゼンチン o  アメリカ



「地域」とは：方言の選択 ●  例：スペイン語 (Wikipedia)

o  １位：メキシコ - 約1億17百万人 o  ２位：アメリカ - 約5200万人

o  ３位：コロンビア - 約4700万人 o  ４位：スペイン - 約4600万人

o  ５位：アルゼンチン - 約4200万人

スペイン語圏としてアメリカが無視できない他の国も無視できない人口そして微妙に方言が違う



「地域」とは：実際の場所の選択 ●  例：電話番号



「地域」とは：実際の場所の選択 ●  例：電話番号世界共通？日本に住んでる外国人？アメリカに住んでる人



「地域」とは：実際の場所の選択 ●  例：電話番号世界共通？ +81 (3) 4590-6279 日本に住んでる外国人？ (03) 4590-6279 アメリカに住んでる人 001-81-3-4590-6279


・・・・


すいません


このままだと WordPress まで辿りつけないのでスピードアップします

(端折ります)


誤解２とりあえず、コンテンツ、日本語サイトのまんまで単に日本語原稿を翻訳ではないです！


誤解２とりあえず日本語サイトの原稿で日本語原稿を翻訳するには3タイプが有ります！ ●  翻訳

日本語の文章を忠実に外国語に翻訳（直訳に近い。場合によっては訳が分からない文章になる）

●  リライト元の原稿を元に忠実に翻訳したあと、より自然な文章になるよう書き直す。

●  ライティング & コピーライティングいわいる、ゼロからのライティング作業。


誤解２とりあえず日本語サイトの原稿で日本語原稿を翻訳するには3タイプが有ります！ ●  翻訳日本語の文章を忠実に外国語に翻訳（直訳に近い。場合によっては訳が分からない文章になる）







値段：安い普遍的なコンテンツ向き

値段：中くらいローカライズが少し必要なコンテンツ

値段：高いローカライズが大幅に必要な既存コンテンツや

オリジナルコンテンツ







注意：これ、翻訳ではありません！







注意：これ、翻訳ではありません！

自分のコンテンツに合った翻訳方法を選びましょう


誤解２とりあえず日本語サイトの原稿で

重要：用語集をつくろう！


誤解２とりあえず日本語サイトの原稿で用語集とは特定の固有名詞の翻訳対表 ●  英語の地名：どこまで日本語？

o  清水寺 → Kiyomizu Temple? → Kiyomizu Dera?

o  港区 → Minato Ward? → Minato-ku? → Minato?

●  中国語のブランド名：漢字似せる？発音似せる？ ○  資生堂 → 资生堂 ○  PRADA → 普拉达


誤解２とりあえず日本語サイトの原稿で用語集とは特定の固有名詞の翻訳対表 ●  重要：自社の製品名やサービス名。というか会社名自身も決めましょう別の翻訳者が別の単語を使って訳す恐れあり！ SEO的にも、お客さんにも混乱を招きます


誤解２とりあえず日本語サイトの原稿で用語集とは特定の固有名詞の翻訳対表 ●  重要：自社の製品名やサービス名。というか会社名自身も決めましょう別の翻訳者が別の単語を使って訳す恐れあり！ SEO的にも、お客さんにも混乱を招きます

表現として統一すべき ↓

用語集・表現ルール集を作るべき


誤解２とりあえず日本語サイトの原稿で用語集とは便利な参考資料あります！観光庁観光立国実現に向けた多言語対応の改善・強化のためのガイドライン(PDF) http://www.mlit.go.jp/kankocho/news03_000102.html

PDF の P11ページ「多言語の表記方法」とか要チェック英語・中国語・韓国語の詳細が載ってます


誤解３とりあえずプラグインでプラグイン以外の方法あります！


誤解３とりあえず、プラグインで WordPress で多言語サイト運営をするには4つの方法があります


誤解３とりあえず、プラグインで WordPress で多言語サイト運営をするには4つの方法があります 1. 言語別にサーバーを別にして運用　 2. マルチサイトで行う　 3. プラグインを使う 4. プラグインで


誤解３とりあえず、プラグインで WordPress で多言語サイト運営をするには4つの方法があります 1. 言語別に別サーバーで 2. マルチサイトで 3.  1つの WordPress サイトで 4. プラグインで


誤解３とりあえず、プラグインで WordPress で多言語サイト運営をするには4つの方法があります 1. 言語別に別サーバーで 2. マルチサイトで 3.  1つの WordPress サイトで 4. プラグインで

※ 個人的に最初の２オプションおすすめ


誤解３とりあえず、プラグインで WordPress を言語別に別々のサーバーにインストール


誤解３とりあえず、プラグインで WordPress を言語別に別々のサーバーにインストールなぜ？ ●  日本国内サーバーだと海外ユーザーへのデータ転送量が遅くなる可能性がある o  例：中国

§  グレートファイアウォールがある §  中国から日本のサーバーにアクセスするとめちゃくちゃ遅い

●  → 各言語版の WordPress を各国にあるホスティングに設置する

●  管理者を別々に割り当てられやすい ●  デメリット：コスト・メンテ・運用


誤解３とりあえず、プラグインで WordPress を言語別に別々のサーバーにインストール ●  特徴

o  言語ごとに新しい WordPress をインストール o  別サーバーで運用


誤解３とりあえず、プラグインで WordPress を言語別に別々のサーバーにインストール ●  長所

o  サイトの表示スピード向上が測れる o  各言語に応じたカスタマイズが出来る o  使用するプラグインをサイトごとに変えられる o  言語サイト移動はプラグインを使用できる

●  短所 o  各言語で設定・構築が必要 o  メンテナンスが面倒


誤解３とりあえず、プラグインで [おすすめ] マルチサイト運用


誤解３とりあえず、プラグインで [おすすめ] マルチサイト運用（+ CDN 使い分散発信等）


誤解３とりあえず、プラグインで WordPress をマルチサイトで運用 ●  マルチサイト機能とは？一つの WordPress のインストールでブログを複数管理できる機能。追加プラグインを使えば独自ドメインを適用させることができます。

●  参考 katzueno.com 私のブログ（日本語・英語）の運用形式


誤解３とりあえず、プラグインで WordPress をマルチサイトで運用 ●  マルチサイトとは？

o  一つの WordPress のインストールでブログを複数管理できる機能。

o  追加プラグイン「Domain Mapping」を使えば各サイト独自ドメインを適用も可能。

o  言語サイト移動はプラグインを使用（後述）


誤解３とりあえず、プラグインで WordPress をマルチサイトで運用 ●  長所

o  一つのサーバーで1つの WordPress を管理 -> 楽 o  子テーマ機能を使って、各言語のテーマ管理

●  短所 o  メンテナンスが面倒 o  海外からのアクセスだとレスポンスが遅くなる（CDN や海外拠点のあるクラウド導入で対応は可能）


誤解３とりあえず、プラグインでプラグイン無し、1つの WordPress で運用[番外編]


誤解３とりあえず、プラグインでプラグイン無し、1つの WordPress で運用[番外編] ●  特徴

o  プラグイン無しで、各言語を固定ページやカテゴリごとに分けてメニュー上などで管理する

o  1つの WordPress インストールだけ o  多言語ページが1ページだけの場合、固定ページ1Pのみで対応


誤解３とりあえず、プラグインでプラグイン無し、1つの WordPress で運用[番外編] ●  長所

o  素早く出来る o  メンテが楽

●  短所 o  メニューやロゴの多言語化ができない、もしくはややこしい

o  海外からのアクセスが遅くなる（CDN や海外拠点のあるクラウド導入で対応は可能）


誤解３とりあえず、プラグインで

最後にやっと、プラグインのお話！


誤解３とりあえず、プラグインでプラグインを使用する ●  1サイト1言語プラグイン

o  Multisite Language Switcher, Multilingual Press など ●  1言語1記事方式プラグイン

o  WPML, Bogo など ●  1記事複数言語方式

o  qTranslate など


誤解３とりあえず、プラグインでプラグインを使用する Multisite Language Switcher ●  おすすめ ●  マルチサイト型 ●  他の言語 (他のマルチサイト)の記事と関連付け

●  katzueno.com で使用中


誤解３とりあえず、プラグインでプラグインを使用する Multisite Language Switcher ●  長所

o  シンプル ●  短所

o  シンプルすぎる o  カスタム投稿タイプに非対応


誤解３とりあえず、プラグインでプラグインを使用する Multilingual Press ●  無料 ($75 有償版あり) ●  マルチサイト型 / 別々の

WordPress インストールも可 ●  有償版はカスタム投稿タイプも対応


誤解３とりあえず、プラグインでプラグインを使用する Multilingual Press ●  長所

o  有償版のカスタム投稿タイプへの対応

o  サイトを丸ごとコピーできる機能がある。新しい言語サイトを一気に作るときに重宝

●  短所 o  欲しい機能が有料


誤解３とりあえず、プラグインでプラグインを使用する WPML ●  $29/年から、CMS版は $79/年、無制限は $195

●  1投稿1言語型 ●  多言語プラグインとして1番有名

●  CMS版は、カスタムフィールド、ウィジェット、メニューの翻訳に対応


誤解３とりあえず、プラグインでプラグインを使用する Bogo ●  無料 ●  1投稿1言語型 ●  Contact Form 7 の三好さんが作者

●  WordPress に元々ある多言語機能を有効活用 ●  シンプルなサイトを作る人向け ●  WordPress テーマの仕組みがわかっている人向け


誤解３とりあえず、プラグインでプラグインを使用する qTranslate ●  無料 ●  1投稿複数言語型 ●  古くからあるプラグインの

1つ ●  1つの投稿の管理画面の中で複数言語を管理 ●  管理者が同じ人だったら更新しやすい ⇔ 管理者が別だとややこしい


多言語：参考記事

●  WordPress Codex 「WordPress で多言語サイトを作成する」

●  WordPress.org での多言語プラグイン一覧


スイマセン詰め込みすぎました！


ありがとうございました！ Katz Ueno (上野勝之) Twitter: @katzueno ブログ: http://katzueno.com

9/20 (土) WCAN 2014 Autumn でのセミナーもよろしくです

失敗しない！ wordpress 多言語サイト制作で絶対に知っておきたいこと

Design