ホームページ作成「グーペ」 トップ » ホームページ作成お役立ち記事» ホームページ作成» 【海外向けサイトを検討の方必見!】外国語対応のホームページにしよう

【海外向けサイトを検討の方必見!】外国語対応のホームページにしよう

近頃、街には外国のお客様が目立つようになり、外国語の看板やメニューを沢山見かけるようになってきました。

ホームページも早く外国語対応しなくちゃいけないんだけど…
でも日本語以外はわからないし困ってしまった!
そんな人にも簡単にできる外国語対応ホームページの作成方法をご紹介したいと思います。

利用するサービスは、「Google翻訳のウェブサイトツール」です。なんと無料で誰でも使えます。
では早速作ってみましょう。

※2017/05 追記
「グーペ」では、多言語翻訳ボタンをホームページにかんたんに表示できる機能をリリースいたしました!
対象言語は「英語、スペイン語、フランス語、イタリア語、日本語、韓国語、中国語、中国語 (繁体字)」となります。こちらの機能の設定方法は、下記 グーペで作成したホームページに設定してみよう – グーペの多言語翻訳機能を使用するをご覧ください。 なお、「英語、スペイン語、フランス語、イタリア語、日本語、韓国語、中国語、中国語 (繁体字)」以外の多言語翻訳を行いたい方は、以下の手順をご参照ください♪


Google翻訳のウェブサイトツールで設定を行う

1. ウェブサイトを設定する

今すぐウェブサイトに追加ボタン 「今すぐウェブサイトに追加」をクリックすると、このような画面が表示されます。

Googleウェブサイト翻訳ツール ウェブサイト(ホームページ)のURLを入力し、翻訳前の言語を選択します。 こちらをお読みの方は日本語の方が多いと思います。
設定を終えたら、「次へ」をクリックします。

2. プラグインの設定を行う

続いて、どのような翻訳パーツにするのかを設定します。

Googleウェブサイト翻訳ツール

基本の設定では、次の状態となっています。

  • 翻訳する言語 :すべての言語
  • 表示モード :プルダウン リストのみ
  • 詳細設定 :「ユーザーの言語がページの言語と異なる場合に自動的に翻訳バナーを表示する」にチェック

今回はそのままウィジェットを作りましょう。「コードを取得」をクリックします。

3. ウェブサイトの追加

これでホームページに挿入するためのウィジェットのコードができました!

Googleウェブサイト翻訳ツール 早速ホームページに設置したいと思います。こちらの方法で「グーペ」で作成したホームページに設定する場合は、下記の Google翻訳のウェブサイトツールを使用する の手順をご覧ください♪

グーペで作成したホームページに設定してみよう

グーペ」で作成したホームページに、多言語翻訳ボタンを表示する方法は2つあります。
表示可能な言語が異なりますので、ご希望の方法でお試しください♪

  • グーペの多言語翻訳機能を使用する
  • Google翻訳のウェブサイトツールを使用する
■ グーペの多言語翻訳機能を使用する

グーペの多言語翻訳機能を使用する場合、上記でご説明したGoogle翻訳側の「ウェブサイト」や「プラグイン」といった設定は不要です。対象言語は「英語、スペイン語、フランス語、イタリア語、日本語、韓国語、中国語、中国語 (繁体字)」になります。

グーペの管理画面「ナビゲーション設定>パーツ追加」から設定を行います。

グーペ管理画面

  • パーツ種別:ウィジェットを選択
  • おすすめウィジェット:Google翻訳ウィジェット
  • 表示設定:表示

ソースコードが自動で挿入されるので、「登録する」ボタンをクリックします。
たったこれだけです!

ホームページに表示された「言語を選択」ボタンをクリックすると

グーペのホームページ

「英語、スペイン語、フランス語、イタリア語、日本語、韓国語、中国語、中国語 (繁体字)」が選択できるようになります。

次の「グーペ」インフォメーションも合わせてご参照ください♪
ホームページの多言語翻訳が簡単にできるようになりました

■ Google翻訳のウェブサイトツールを使用する

Google翻訳のウェブサイトツールを使用する場合は、上記でご説明したGoogle翻訳側の「ウェブサイト」や「プラグイン」の設定が必要です。こちらの方法では『グーペの多言語翻訳機能』の対象言語である「英語、スペイン語、フランス語、イタリア語、日本語、韓国語、中国語、中国語 (繁体字)」以外も選択できるようになります。

グーペの管理画面「ナビゲーション設定>パーツ追加」から設定を行います。

グーペ管理画面

  • パーツ種別:ウィジェットを選択
  • パーツタイトル:任意のテキストを入力
  • ソースコード:先ほどできたソースコードを貼り付け

「登録する」ボタンをクリックすると・・・

ホームページ

できました!こんな簡単に翻訳ツールが挿入できます。
「言語を選択」をクリックすると

言語を選択

なんとこんなに沢山の言語からセレクトできます。どんな国の方でもどんと来いですね。

ちなみに、「2. プラグインの設定」において「ユーザーの言語がページの言語と異なる場合に自動的に翻訳バナーを表示する」にチェックを入れて作成すると、日本語以外でアクセスされた時にその国の言葉でツールが表示されるため安心です。

是非お試しください!!!

その他の関連記事