多言語都市・香港から見る多言語サイトのつくりかた～中国語成分多めでお届け！～

by Chiaki.K

Slide 1

Slide 1 text

多言語都市・香港から見る多言語サイトのつくりかた中国語成分多めで届！

Slide 2

Slide 2 text

ホントの本日のおしながき 1. 似て非なる中国・台湾・香港マーケット 2. グレート・ファイアウォール問題 3. ウェブサイトの多言語化にる５つのポイントコンテンツ・翻訳・デザイン・サーバー・SEO 4. プラグインを使った多言語サイト構築方法 5. 未来の多言語サイト構築

Slide 3

Slide 3 text

＠chiaki_kouno 河野千秋こうのちあき 2008年から香港在住。 WordPressを使った受託制作とか、翻訳とかやってます。自己紹介

Slide 4

Slide 4 text

10月12日開催のWordCamp香港実行委員として参加しました

Slide 5

Slide 5 text

ところで、香港ってどこ？ © OpenStreetMap contributors

Slide 6

Slide 6 text

台湾のもうちょっと西。香港は面積も人口も、東京都の約半分 ● 面積：1,106 km² ● 人口：約750万人 © OpenStreetMap contributors 香港ここです。台湾

Slide 7

Slide 7 text

香港の人口比率とおよそ使われている言葉出典：香港特別行政區政府統計處参考：東京都の外国人人口比率は 3.98% 72% 20% 外国人（英語）香港人（広東語）中国本土からの移民（北京語/　　　マンダリン） 8%

Slide 8

Slide 8 text

香港政府サイトも３言語対応英語繫体字中国語簡体字中国語

Slide 9

Slide 9 text

香港は多言語対応があたりまえ

Slide 10

Slide 10 text

そんな香港に暮らす私の語学力

Slide 11

Slide 11 text

北京語你好ニーハオ広東語你好レイホウ英語 Hello はろー？

Slide 12

Slide 12 text

香港での受託案件って？私の場合...

Slide 13

Slide 13 text

● 日本企業と香港企業半々。香港企業 50% 日本企業 50%

Slide 14

Slide 14 text

● 日本ら、香港・中国本土・世界にマーケットを広たい。世界ターゲット香港にいる日本人ターゲット中国本土ターゲット香港にいる香港人ターゲット香港企業 50% 日本企業 50%

Slide 15

Slide 15 text

● 香港ら、日本・中国本土・世界にマーケットを広たい。香港にいる日本人ターゲット世界ターゲット日本にいる日本人ターゲット中国本土ターゲット香港企業 50% 日本企業 50%

Slide 16

Slide 16 text

● コーポレートサイト …… 英・繫・簡・日・韓 ● 飲食店サイト …… 英・日 ● レシピサイト …… 繫・日 ● ツアー予約管理サイト …… 繫・簡・日 ● 有料会員制のニュースサイト …… 繫・簡・日 ● 有料会員制の動画学習サイト …… 簡・日 ● 会員登録制のモバイルアプリ …… 繫・簡・日これまで制作してきた多言語対応のサイト

Slide 17

Slide 17 text

● コーポレートサイト …… 英・繫・簡・日・韓 ● 飲食店サイト …… 英・日 ● レシピサイト …… 繫・日 ● ツアー予約管理サイト …… 繫・簡・日 ● 有料会員制のニュースサイト …… 繫・簡・日 ● 有料会員制の動画学習サイト …… 簡・日 ● 会員登録制のモバイルアプリ …… 繫・簡・日これまで制作してきた多言語対応のサイトぜんぶ WordPressでつくりました！

Slide 18

Slide 18 text

多言語サイトを提案たとに、あらためて気づいた WordPressの良いところ！

Slide 19

Slide 19 text

管理画面がすでに多言語対応！多国籍入り混るスタッフでも更新でる！

Slide 20

Slide 20 text

グローバルなネームバリュー！「ああ、WordPressね。」と話早い！

Slide 21

Slide 21 text

やっててよかった、ありがとう、WordPress。どんとい！多言語案件！

Slide 22

Slide 22 text

中華圏マーケット中国・香港・台湾について掘り下ま ①

Slide 23

Slide 23 text

インバウンドを狙うなら、超重要！最近の訪日観光客数を見てみましょう。出典：日本政府観光局(JNTO) https://www.jnto.go.jp/jpn/statistics/visitor_trends/index.html 訪日客各国・地域別の内訳（2018年）　中国 26.9% 台湾 15.3% 香港 7.1% その他 18.1% タイ 3.6% アメリカ 4.9% 韓国 24.2% 中華圏マーケット中国・香港・台湾で 49.3% ほぼ半数

Slide 24

Slide 24 text

中華圏マーケットには中国語サイト１つあれば十分？

Slide 25

Slide 25 text

いえいえ、 ● 中国本土 ● 香港 ● 台湾それぞれに違いがあるのです。香港台北北京上海深圳 © OpenStreetMap contributors

Slide 26

Slide 26 text

中国本土:54.6% (北京・上海・深センなど) 中華圏マーケットの内訳台湾:31% 香港:14.4% 香港台北北京上海深圳 © OpenStreetMap contributors

Slide 27

Slide 27 text

も重要！中国本土:54.6% (北京・上海・深センなど) 中華圏マーケットの内訳台湾:31% 香港:14.4% ● 政策による上下変動中国本土 ● 個人の自由旅行 ● 日本旅行ファン ● リピーター・口コミ台湾香港

Slide 28

Slide 28 text

まずは言葉の違い場所話される中国語読み書き中国普通话ふつうわ北京官話 Mandarin ぺきんかんわ、マンダリン简体字んたい台湾國語こくご繁體字はんたい香港廣東話かんとんわ広東語 Cantonese かんとんご

Slide 29

Slide 29 text

まずは言葉の違い場所話される中国語読み書き中国普通话ふつうわ北京官話 Mandarin ぺきんかんわ、マンダリン简体字かんたいじ台湾國語こくご繁體字はんたいじ香港廣東話かんとんわ広東語 Cantonese かんとんご中国本土向け台湾•香港向け

Slide 30

Slide 30 text

こんなに違うよ、中国語！例文「彼はタクシーに乗るのが好きです。」

Slide 31

Slide 31 text

こんなに違うよ、中国語！エリア書読み中国他喜欢坐出租车。（簡体字）タァシーファンズオチューズーチェー Tā xǐhuān zuò chūzū chē 台湾他喜歡座計程車。（繁体字）タァシーファンズオジーチャンチェー Tā xǐhuān zuò jìchéngchē 香港佢鍾意搭的士。（繁体字）コイチュンイーダップディクシィー Kéuih jūngyi daap dīksí どっちも同じ「くるま」なのにこんなに違う！车車例文「彼はタクシーに乗るのが好きです。」

Slide 32

Slide 32 text

こんなに違うよ、中国語！エリア書読み中国他喜欢坐出租车。（簡体字）タァシーファンズオチューズーチェー Tā xǐhuān zuò chūzū chē 台湾他喜歡座計程車。（繁体字）タァシーファンズオジーチャンチェー Tā xǐhuān zuò jìchéngchē 香港佢鍾意搭的士。（繁体字）コイチュンイーダップディクシィー Kéuih jūngyi daap dīksí 例文「彼はタクシーに乗るのが好きです。」

Slide 33

Slide 33 text

それぞれの言葉を見た時・聞いた時の印象は？

Slide 34

Slide 34 text

中国人繁体字中国語広東語簡体字 + マンダリンすごいストレス理解できない文字読みたくない。広東語だろうけど …分からない！

Slide 35

Slide 35 text

中国人繁体字中国語広東語簡体字 + マンダリンすごいストレス理解できない文字読みたくない。広東語だろうけど …分からない！中国本土の方向けには簡体字+マンダリンのコンテンツをきちんと用意しよう！

Slide 36

Slide 36 text

台湾人簡体字中国語広東語繁体字 + マンダリン広東語だろうけど …分からない！まあ読めるけど、繁体字だとやっぱり喜しい

Slide 37

Slide 37 text

台湾人簡体字中国語広東語繁体字 + マンダリンまあ読めるけど、繁体字だとかなり喜ぶ広東語だろうけど …分からない！台湾の方向けには繁体字+マンダリンのコンテンツをきちんと用意しよう！

Slide 38

Slide 38 text

香港人繁体字 + 広東語簡体字中国語普通話マンダリン台湾・國語まず見ない英語できますまぁ分かる！読める！無問題！

Slide 39

Slide 39 text

香港人繁体字 + 広東語簡体字中国語普通話マンダリン台湾・國語まず見ない英語できます聞こえる！無問題！読めるよ！無問題！香港の方向けには繁体字（英語もまぁOKだけど、おもてなししたいところ）のコンテンツを用意しよう！

Slide 40

Slide 40 text

香港人繁体字 + 広東語簡体字中国語普通話マンダリン台湾・國語まず見ない英語できます聞こえる！無問題！読めるよ！無問題！香港の方向けには繁体字（英語もまぁOKだけど、おもてなししたいところ）のコンテンツを用意しよう！ピンポイントに香港人を対象として、親しみやすく刺さるプロモーションをする時はきちんと繁体字・広東語対応をしましょう！

Slide 41

Slide 41 text

グレート・ファイアウォール問題 ②

Slide 42

Slide 42 text

グレート・ファイアウォールとは？中国国内のインターネット利用者に対て、ブロッキングとフィルタリングを行う大規模情報検閲システム。ファイアウォールと"Great Wall" （万里の長城）をもって Great Firewall（グレート・ファイアウォール）と呼ばれ、GFWとも略れる。あなたのサイトを見れなくしている？

Slide 43

Slide 43 text

グレート・ファイアウォール問題 ● Google ● Facebook ● YouTube ● Twitter ● Instagram ● Dropbox ● reCAPTCHA 参考：Websites blocked in mainland China https://en.wikipedia.org/wiki/Websites_blocked_in_mainland_China 中国国内で利用できない ● Googleマップ ● Googleフォーム ● Googleカレンダー ● jQuery（Google CDN）使わない・代替を用意する

Slide 44

Slide 44 text

webpagetest.org 日本にいながら北京からのアクセスを確認できるサイト

Slide 45

Slide 45 text

読み込み時間比較（webpagetest.orgでの北京の結果を追加）日本香港深セン北京基本：プレーン 0.038 秒 0.175 秒 0.292 秒 0.346 秒読み込み Googleフォント（CDN） 0.458 秒 0.289 秒 0.886 秒 2.692 秒ウェブフォント読み込み自体は OK jQuery（Google CDN） 0.293 秒 0.316 秒 xxx xxx jQuery（jQuery本家CDN） 0.364 秒 0.242 秒 10.860 秒 11.540 秒 jQuery（jQueryをダウンロードして含める） 0.330 秒 0.268 秒 1.130 秒 0.713 秒 Google アナリティクス 0.568 秒 0.232 秒 1.990 秒 1.927 秒 Google タグマネージャー 0.313 秒 0.152 秒 1.820 秒 1.753 秒 reCAPTCHA プラグイン on / reCaptcha on 2.040 秒 2.090 秒 xxx xxx 表示するが、必要な API読み込めず、ログイン失敗プラグイン on / reCaptcha off 1.350 秒 0.957 秒 xxx xxx プラグイン off / reCaptcha off 0.588 秒 0.804 秒 1.520 秒 1.224 秒 HTMLに埋め込み Googleマップ 2.010 秒 0.695 秒 xxx xxx Googleフォーム 1.600 秒 1.220 秒 xxx xxx Googleカレンダー 2.010 秒 1.460 秒 xxx xxx 管理画面 Google アナリティクスサービス紹介 1.950 秒 0.917 秒 xxx xxx 管理画面は閲覧できないのに、タグは動作するーログイン・管理画面 1.650 秒 1.370 秒 xxx xxx Google サーチコンソール　サービス紹介 1.440 秒 0.786 秒 xxx xxx ーログイン・管理画面 0.038 秒 1.440 秒 xxx xxx

Slide 46

Slide 46 text

じつは、グレート・ファイアウォールって… 意外と「知らない」という方多い！ Google も Facebook も使えてるよ！ \ 香港・台湾は範囲外 ! /

Slide 47

Slide 47 text

SNSの利用率中国香港台湾タイ日本百度贴吧 72% Baidu Tieba Facebook 85% Youtube 90% Facebook 93% Youtube 75% 新浪微博 60% Sina Weibo Youtube 83% Facebook 89% Youtube 91% Twitter 49% 优酷 59% Youku Instagram 57% Instagram 49% Instagram 65% Facebook 36% QQ空间 56% QZONE Twitter 26% Twitter 24% Twitter 52% Instagram 33% 腾讯微博 37% Tencent Weibo 优酷 23% Youku EYNY 22% LinkedIn 25% アメブロ 22% 出典　DIGITAL 2019 https://wearesocial.com/global-digital-report-2019

Slide 48

Slide 48 text

メッセンジャーの利用率出典　DIGITAL 2019 https://wearesocial.com/global-digital-report-2019 中国香港台湾タイ日本 WeChat 74% WhatsApp 82% LINE 84% LINE 84% LINE 67% QQ 68% WeChat 53% FB Messenger 57% FB Messenge 72% FB Messenge 11% FB Messenger 50% WeChat 32% Skype 27% Skype 8% LINE 29% Skype 25% WeChat 25% WeChat 2% Skype 24% WhatsApp 19% WhatsApp 25% Viber 2%

Slide 49

Slide 49 text

中国本土、香港、台湾それぞれの違いを把握しておこう。中国語サイトを扱うなら、まは基本！香港・台湾はグレートファイアーウォールに入らないからね！

Slide 50

Slide 50 text

ウェブサイトの多言語化における５つのポイント ③

Slide 51

Slide 51 text

多言語化って、日本語をそのまま翻訳？日本独自のモノ・文化慣習など、そのままでは通じない翻訳とは… でも… 元の言語で書れたテキストを、他の言語に変換て表現なと。 ● デザイン ● 類似商品・サービスの有無 ● 嗜好・文化・風習 ● よ使われるSNS

Slide 52

Slide 52 text

ローカライゼーション異なる言語、異なる文化の人でも、理解てもらえるようにると。 ● 日本語にすると地域化・現地化 ● L10N　 localisation 10文字

Slide 53

Slide 53 text

インターナショナリゼーション ● 日本語にすると国際化 ● i18n　internationalization ローカライゼーションでるようにる事前準備。ままな言語や地域に対応でる形に作ってと。 18文字

Slide 54

Slide 54 text

ローカライゼーション L10N インターナショナリゼーション i18n めっちゃ素敵な多言語サイト制作のフロー 1.国際化 2.地域化翻訳ローカライゼーションの一部

Slide 55

Slide 55 text

めっちゃ素敵な多言語サイト制作のフロー 1.国際化 2.地域化ローカライゼーション L10N インターナショナリゼーション i18n 翻訳ローカライゼーションの一部多言語サイト成功の肝はローカライゼーション！

Slide 56

Slide 56 text

ウェブサイトのローカライゼーション５つのポイント L10N 1. コンテンツ 2. 翻訳 3. デザイン 4. サーバー 5. SEO

Slide 57

Slide 57 text

1. コンテンツウェブサイトのローカライゼーション５つのポイント L10N

Slide 58

Slide 58 text

普遍的企業情報製品スペックなど現地向けプロモーションページなど国・地域に合わせたコンテンツの最適化翻訳へ日本向けのままだと刺さらない

Slide 59

Slide 59 text

普遍的企業情報製品スペックなど現地向けプロモーションページなど国・地域に合わせたコンテンツの最適化翻訳へ地域に合わせる翻訳へ

Slide 60

Slide 60 text

2. 翻訳ウェブサイトのローカライゼーション５つのポイント L10N

Slide 61

Slide 61 text

翻訳方法予算日数長所短所機械翻訳 ⌛ Google翻訳は無料も、瞬時に出来る時々、大誤訳クオリティチェック負荷ありクラウド翻訳 ⌛⌛ 費用・所要日数的にみて気軽に利用でる人力翻訳まちまちの品質ばらつトーンと表現クオリティチェック負荷あり翻訳会社 ⌛⌛⌛ 品質を担保でる一定の時間を要る一定のコストるでる！制作会社 ⌛⌛⌛ 品質を担保でる翻訳・多言語化に加えて、マーケティングも踏まえた対応可能一定の時間を要る一定のコストるおすすめの翻訳方法は？

Slide 62

Slide 62 text

２. デザインウェブサイトのローカライゼーション５つのポイント L10N

Slide 63

Slide 63 text

カラー ● 色のもつ意味の違い（例：縁起の良い色、悪い色）フォント ● 文字数・フォント変更によるレイアウトれ対応 ● 言語に合わた適切なフォント指定 ● フォントサイズの調整画像 ● 文字入り画像は総入れ替え ● 現地でも通る、誤解を生まないイメージチェックお問い合わせツール ● コンタクト・フォーム ● チャット・ウィンドウ ● メッセージ・アプリユーザー登録 ● メールアドレスで登録 ● SNSアカウントで登録（ソーシャルログイン）国・地域に合わせたデザイン(UI/UX)の最適化

Slide 64

Slide 64 text

Slide 65

Slide 65 text

Slide 66

Slide 66 text

Slide 67

Slide 67 text

４. サーバーウェブサイトのローカライゼーション５つのポイント L10N

Slide 68

Slide 68 text

サーバー選定遠い国からのアクセス、スピードは十分速いですか？ 1. 日本のサーバーで運用 2. 各国各地にサーバーをいて、それぞれ運用 3. CDN コンテンツ・デリバリー・ネットワークを対象国で利用る

Slide 69

Slide 69 text

５. 多言語SEO ウェブサイトのローカライゼーション５つのポイント L10N

Slide 70

Slide 70 text

SEO的にどのURL構造が良い？サブドメイン？サブディレクトリ？どちらが良いの？ ja.example.com example.com/ja/

Slide 71

Slide 71 text

URL 構造 URL の例長所短所国別のドメイン example.de ● 地域ターゲティング明確 ● サーバーの場所に依存ない ● サイトの分割簡単 ● 高価（利用制限れる場合もある） ● より多のインフラ必要 ● ccTLD 要件厳い（一部） gTLD を使用るサブドメイン de.example.com ● 設定簡単 ● Search Console の地域ターゲティングを使用でる ● 複数の場所のサーバーを使用でる ● サイトの分割簡単 ● ユーザーは URL のみら地域ターゲティングを認識でない場合ある（例: 「de」言語なの国なの不明） gTLD を使用るサブディレクトリ example.com/de/ ● 設定簡単 ● Search Console の地域ターゲティングを使用でる ● 管理やい（ホスト同） ● ユーザーは URL のみら地域ターゲティングを認識でない場合ある ● サーバーの場所は 1 所のみ ● サイトの分割難い URL パラメータ site.com?loc=de ● 非推奨 ● URL ベースの分割難い ● ユーザーは URL のみら地域ターゲティングを認識でない場合ある ● Search Console の地域ターゲティングを利用でない出典：Search Consoleヘルプ > 多地域、多言語のサイトの管理　https://support.google.com/webmasters/answer/182192?hl=ja SEO的にどのURL構造が良い？

Slide 72

Slide 72 text

Slide 73

Slide 73 text

Slide 74

Slide 74 text

特に抑えておきたい多言語サイトSEO、Googleからの注意点！ ● ユーザーの言語を認識て自動的にリダイレクトすることは避けてください。のようなリダイレクトを行うと、ユーザー（と検索エンジン）サイトのべての言語バージョンを見られななる場合ありま。 ● 自動翻訳したサイトページが検索エンジンからクロールされないようにしてください。自動翻訳は意味通ない場合あるため、スパムとみなれる可能性ありま。出典：Search Consoleヘルプ > 国際化たサイトと多言語サイト＞多地域、多言語のサイトの管理　hhttps://support.google.com/webmasters/answer/182192

Slide 75

Slide 75 text

1. HTML タグ 2. HTTP ヘッダー 3. サイトマップ出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja 言語や地域ごとのページをグーグルに知らせる方法は３つ

Slide 76

Slide 76 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation ・・・ lang="ja" 言語や地域ごとのページをグーグルに「HTMLタグ」で知らせる方法

Slide 77

Slide 77 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation ・・・ lang="ja" ちがっていた！ -“ Google では、ページの表示内容らその言語を判断ま。 lang 属性のようなコードレベルの言語情報や、URL は使用しません。” 言語や地域ごとのページをグーグルに「HTMLタグ」で知らせる方法

Slide 78

Slide 78 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja 内に次の要素を追加 ● 言語コード：ページ対象とる言語や地域のコード ● ページURL：指定た言語や地域対象とるページのフルパス言語や地域ごとのページをグーグルに「HTMLタグ」で知らせる方法

Slide 79

Slide 79 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja http://example.com/page.html 日本人向のページ http://hk.example.com/page.html 香港人向のページ http://tw.example.com/page.html 台湾人向のページ http://cn.example.com/page.html 中国人向のページ http://en.example.com/page.html 英語のページ ● 他言語ページの他、現在のページもリストに含める必要あり ● ページURL：指定した言語や地域が対象とするページのフルパス ● 他言語ページは同じドメイン内である必要はない Example Corporation 言語や地域ごとのページをグーグルに「HTMLタグ」で知らせる方法（記述例）

Slide 80

Slide 80 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation 文字コード例 ISO 639-1 ISO 15924 ISO 3166-1 Alpha 2 言語文字体系地域 ja ja en en en-US en US en-GB en GB zh-Hant-HK zh Hant HK zh-Hant-TW zh Hant TW zh-Hans zh Hans 言語コードの構成

Slide 81

Slide 81 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation 文字コード例 ISO 639-1 ISO 15924 ISO 3166-1 Alpha 2 言語文字体系地域 ja ja zh-Hant-HK zh Hant HK zh-Hant-TW zh Hant TW zh-Hans zh Hans en-US en US en-GB en GB en en 言語コードの構成言語文字体系（もしあれば）言語コードの要素地域（もしあれば）ーー

Slide 82

Slide 82 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation 文字コード例 ISO 639-1 ISO 15924 ISO 3166-1 Alpha 2 言語文字体系地域 ja ja zh-Hant-HK zh Hant HK zh-Hant-TW zh Hant TW zh-Hans zh Hans en-US en US en-GB en GB en en 言語コードの構成言語文字体系（もしあれば）言語コードの要素地域（もしあれば）ーー ja

Slide 83

Slide 83 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation 文字コード例 ISO 639-1 ISO 15924 ISO 3166-1 Alpha 2 言語文字体系地域 ja ja zh-Hant-HK zh Hant HK zh-Hant-TW zh Hant TW zh-Hans zh Hans en-US en US en-GB en GB en en 言語コードの構成言語文字体系（もしあれば）言語コードの要素地域（もしあれば）ーー en GB

Slide 84

Slide 84 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation 文字コード例 ISO 639-1 ISO 15924 ISO 3166-1 Alpha 2 言語文字体系地域 ja ja zh-Hant-HK zh Hant HK zh-Hant-TW zh Hant TW zh-Hans zh Hans en-US en US en-GB en GB en en 言語コードの構成言語文字体系（もしあれば）言語コードの要素地域（もしあれば）ーー en US

Slide 85

Slide 85 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation 文字コード例 ISO 639-1 ISO 15924 ISO 3166-1 Alpha 2 言語文字体系地域 ja ja zh-Hant-HK zh Hant HK zh-Hant-TW zh Hant TW zh-Hans zh Hans en-US en US en-GB en GB en en 言語コードの構成言語文字体系（もしあれば）言語コードの要素地域（もしあれば）ーー zh 中文 Zhong Wen

Slide 86

Slide 86 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation 文字コード例 ISO 639-1 ISO 15924 ISO 3166-1 Alpha 2 言語文字体系地域 ja ja zh-Hant-HK zh Hant HK zh-Hant-TW zh Hant TW zh-Hans zh Hans en-US en US en-GB en GB en en 言語コードの構成言語文字体系（もしあれば）言語コードの要素地域（もしあれば）ーー zh 漢字 han zi Hant

Slide 87

Slide 87 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation 文字コード例 ISO 639-1 ISO 15924 ISO 3166-1 Alpha 2 言語文字体系地域 ja ja zh-Hant-HK zh Hant HK zh-Hant-TW zh Hant TW zh-Hans zh Hans en-US en US en-GB en GB en en 言語コードの構成言語文字体系（もしあれば）言語コードの要素地域（もしあれば）ーー zh [t] Traditional Chenese [s] Simpliﬁed Chenese Hant

Slide 88

Slide 88 text

出典：Search Consoleヘルプ > ページのローカライズ版について Google に知らる　https://support.google.com/webmasters/answer/189077?hl=ja Example Corporation 文字コード例 ISO 639-1 ISO 15924 ISO 3166-1 Alpha 2 言語文字体系地域 ja ja zh-Hant-HK zh Hant HK zh-Hant-TW zh Hant TW zh-Hans zh Hans en-US en US en-GB en GB en en 言語コードの構成言語文字体系（もしあれば）言語コードの要素地域（もしあれば）ーー zh TW Hant

Slide 89

Slide 89 text

中国語サイト用言語コード例中国本土向け台湾・香港向け迷ったらここから 1. zh 2. zh-CN 3. zh-TW 4. zh-HK 5. zh-Hans 6. zh-Hant 7. zh-Hans-CN 8. zh-Hant-TW 9. zh-Hant-HK 中文中文中国（簡体字）中文台湾 (繁体字) 中文簡体字中文繁体字中文繁体字　台湾中文繁体字　香港中文香港 (繁体字) 中文繁体字　中国

Slide 90

Slide 90 text

多言語化 ≠ 翻訳っりローカライゼーションに取り組んで直訳サイトら、もう一歩先へ

Slide 91

Slide 91 text

WordPressでプラグインを使った多言語サイト構築 ④

Slide 92

Slide 92 text

多言語化プラグインでできること（例） 1. 言語スイッチャー 2. 言語毎のサブディレクトリ・サブドメイン設定 3. Googleに必要なHTMLコードを追加 4. 自動翻訳機能 5. .mo .po ファイルを使わないテーマ・プラグインの翻訳管理 6. プロ翻訳依頼（追加料金） 7. 無料／有料（買い切り、サブスクリプション制）

Slide 93

Slide 93 text

1. 言語スイッチャー 2. 言語毎のサブディレクトリ・サブドメイン設定 3. Googleに必要なHTMLコードを追加 4. 自動翻訳機能 5. .mo .po ファイルを使わないテーマ・プラグインの翻訳管理 6. プロ翻訳依頼（追加料金） 7. 無料／有料（買い切り、サブスクリプション制）多言語化プラグインでできること（例）一つだけ or 多機能いろいろあります

Slide 94

Slide 94 text

でも… 何が何でも使えば良いというものでもない？

Slide 95

Slide 95 text

WordPressで多言語サイトを構築する４つのアプローチ 1. シングルサイトの一部として追加　でにあるウェブサイトの一部に多言語ページを構築 ...「必要最小限のコンテンツだ」「小規模導入」「プロモーションはSNS メイン etc.」 2. シングルサイトを複数構築言語毎に、全別々のサイトとて構築 ...「言語とに担当者あり」「っり予算」「大企業・大規模サイト向」 3. マルチサイト＋プラグインで構築 WordPressのマルチサイト機能とプラグインを活用て統一管理可能 ...「小～中規模」「管理楽」「言語とに編集スタッフのアカウント分可能」 4. シングルサイト＋プラグインで構築プラグインの活用で翻訳や言語スイッチをサポート ...「小～中規模」「管理楽」「プラグイン多、多機能」マルチサイト向けプラグインを使用シングルサイト向けプラグインを使用

Slide 96

Slide 96 text

多言語サイト構築でよく使われるプラグイン WordPress 特徴費用備考 WPML シングルサイト投稿ページ、固定ページ、カスタムタイプ、タグ、カテゴリー、カスタムタクソノミー、メニュー（カスタムフィールド、ウィジェット、テーマ、プラグイン）翻訳管理機能有料〇充実た機能〇本文だではな、メニューや見出の翻訳も対応 × 機能を多て、には使いなない × 他プラグインへの乗換え困難 qTranslate X シングルサイト無料〇無料プラグイン〇直感的に利用やいUI × 最終更新日 2016年 × 複数言語のコンテンツを1記事内に保存 WEGLOT シングルサイト SaaSサービス：Weglotサーバーで翻訳管理機械翻訳・自己翻訳・プロ翻訳無料・有料１言語2,000語まで無料それ以上は継続課金 Polylang シングルサイト自己翻訳（Lingotek Translation利用で、機械翻訳・プロ翻訳も利用可）無料迷ったられで。 BOGO シングルサイト無料 Contact Form 7作者の三好ん MultilingualP ress マルチサイト投稿ページ、固定ページ、カテゴリ、タグ、タクソノミー、カスタム投稿タイプの多言語化無料・有料 5.0以降対応は有料 Multi Language Switcher マルチサイト無料〇シンプルな設定画面で、直感的に操作で簡単 × メディアアップロード複数回必要 × シンプル過て、多を望めない

Slide 97

Slide 97 text

どんなケースのときにプラグインを導入するのかイメージは湧きましたか？

Slide 98

Slide 98 text

未来の多言語サイト構築 ⑤

Slide 99

Slide 99 text

● 「グーテンベルグ」プロジェクト第4フェーズで多言語対応予定 ● 本体の対応でプラグイン不要になる？ ● 2020年後半？ Long term roadmap While we expect to need most or all of 2019 to ﬁnish phase 2 of Gutenberg, there are already plans for Phase 3 and 4. Phase 3 will focus on collaboration and multi-user editing. Phase 4 will contain support for multilingual sites. https://wordpress.org/about/roadmap/

Slide 100

Slide 100 text

ありがとうございました多謝大家！