Article headline Speakable markup example

ウェブサイトを多言語対応にする便利ツール「ウェブサイト翻訳ツール」をご紹介

今回は、ウェブサイトを多言語対応にする Google の便利ツール「ウェブサイト翻訳ツール」をご紹介させていただきます。

「ウェブサイト翻訳ツール」は Google が提供している無料のウィジェットサービスです。ユーザー自身のブログやホームページに導入することで、簡単に多言語対応化させることができます。

導入方法もそれほど難しくないので、特にウェブサイトを国内外に向けて発信する場合は導入することをオススメいたします。

「ウェブサイト翻訳ツール」の設定方法

「ウェブサイト翻訳ツール」を利用するにはまず、専用サイトで “コード スニペット” を作成する必要があります。とはいえ “コード スニペット” は簡単な設定で自動生成されるので難しくありません。

「Google 翻訳」の公式サイトを開いて、下の方にある “ウェブサイト翻訳ツール” をクリックするか、Google で直接 “ウェブサイト翻訳ツール” と検索して「ウェブサイト翻訳ツール」の専用サイトを開いてください。

google-translate-2

google-translate-1

表示されたページの “今すぐウェブサイトに追加” をクリックします。

google-translate-3

次のページで「ウェブサイト翻訳ツール」を導入する “ウェブサイトの URL” を入力し、更に “ウェブサイトの言語” を選択します。言語は翻訳する言語ではなく、ウェブサイトの基本言語です。つまり基本的には日本語になるかと思います。

設定したら “次へ” をクリックします。

google-translate-4

次のページで “翻訳する言語” “表示モード” “詳細設定” の 3 つを設定します。

google-translate-5

“翻訳する言語” は翻訳するターゲットが固定されている場合以外は “すべての言語” のままでよいでしょう。

“表示モード” は、導入するウェブサイト上にどのようなデザインのツールボックスを表示するかの設定となります。各項目を選ぶごとに右隣にツールボックスのプレビューが表示されるので、好みのものを選択してください。

ちなみに “自動” を選択した場合はツールボックスは表示されず、自動的に翻訳バナーが表示されるようになります。

“詳細設定” は特にいじる必要はありませんが、「Google アナリティクス」を設定している場合は “アナリティクス ウェブ プロパティ ID” を登録することで、翻訳されたページも追跡できるようになります。

以上を設定したら、“コードを取得” をクリックします。すると次のページで、各設定を反映させた “コード スニペット” が生成されます。

google-translate-6

あとはこの “コード スニペット” をコピーして、自身のウェブサイトに貼り付けるだけです。貼り付ける場所は任意ですが、ツールボックスを表示する場合はウェブサイトに訪問するユーザーが見やすいヘッダーや、サイドウィジェットなどが無難です。

google-translate-7

貼り付けて保存したら、実際に翻訳ツールバーが表示されるか確認してみてください。

google-translate-8

ちなみにツールバーのデザインを変更したい場合などは “前へ” をクリックして戻ることで、何度でも “コード スニペット” を生成し直すことができます。

google-translate-9

ウェブサイトを多言語対応化することでアクセス数が向上する可能性はもちろんありますが、そもそも訪問してくれるユーザーに対して親切な行為にもなるので、是非参考にして導入してみてください。

以上、ウェブサイトを多言語対応にする Google の便利ツール「ウェブサイト翻訳ツール」のご紹介でした。

スポンサーリンク

この記事をシェア

関連広告

   

執筆者情報:石井 順

当サイト「Google Help Heroes by Jetstream」管理人です。海外ガジェットの個人輸入や EC サイト運営、Google 公式認定プログラム「Google ヘルプヒーロー」での活動を経て、Google サービスに関する How-to 情報を中心に発信しています。

コメントを残す

メールアドレスが公開されることはありません。