ウェブサイトに翻訳ボタンを追加する方法 ⭐️ ConveyThis
ロゴ
  • 製品
    • ConveyThis の仕組み
    • 翻訳品質
    • 多言語SEO
    • 制御とコラボレーション
    • ウェブサイトのローカライズ
  • 統合
    • メニュー画像
      Wordpress
    • メニュー画像
      Shopify
    • メニュー画像
      Wix
    • メニュー画像
      Webflow
    • メニュー画像
      Squarespace
    • メニュー画像
      Javascript
    • メニュー画像
      すべての統合を見る
  • 価格設定
  • サポート
    • メニュー画像
      よくある質問
    • メニュー画像
      ヘルプセンター
    • メニュー画像
      APIドキュメント
  • ブログ
ログイン
登録
  • 製品
      ConveyThis の仕組み
      ConveyThis が最も速くて簡単なウェブサイト翻訳ツールである理由を理解する
      翻訳品質
      • 完全な編集コントロール
      • 用語集
      • 翻訳業務
      多言語SEO
      • 専用言語URL
      • メタデータ翻訳
      • Hreflangタグ
      • サーバーサイド翻訳
      統合
      • Wordpress
      • Shopify
      • SquareSpace
      • Custom
      制御とコラボレーション
      • ビジュアルエディター
      • 翻訳の除外
      • エクスポート/インポート
      ウェブサイトのローカライズ
      • メディア翻訳
      • カスタム言語
      • ページビュー統計
      • 訪問者の自動リダイレクト
  • 統合
      メニュー画像
      Wordpress
      ConveyThis WordPress プラグインをサイトに統合するのは迅速かつ簡単です。WordPress も例外ではありません。
      メニュー画像
      Shopify
      ConveyThis をサイトに統合するのは迅速かつ簡単です。Shopify も例外ではありません。
      メニュー画像
      Wix
      ConveyThis Translate を任意の Web サイトに統合するのは非常に簡単で、JavaScript フレームワークも例外ではありません。
      メニュー画像
      Webflow
      ConveyThis Webflow プラグインをサイトに統合するのは迅速かつ簡単です。WebFlow も例外ではありません。
      メニュー画像
      Squarespace
      ConveyThis Translate を任意の Web サイトに統合するのは非常に簡単で、SquareSpace フレームワークも例外ではありません。
      メニュー画像
      Javascript
      ConveyThis Translate を任意の Web サイトに統合するのは非常に簡単で、JavaScript フレームワークも例外ではありません。
      統合が表示されませんか? メニュー画像
      ConveyThis は 20 を超える CMS 統合と互換性があります。
      すべての統合を見る
  • 価格設定
  • サポート
      メニュー画像
      よくある質問
      ConveyThis 件の質問に対する回答を入手
      メニュー画像
      ヘルプセンター
      ご質問にお答えできるようお手伝いいたします
      メニュー画像
      APIドキュメント
      開発者向け総合ガイド
  • ブログ
ログイン
登録

ウェブサイトに翻訳ボタンを追加する方法

ConveyThis を使用して Web サイトに翻訳ボタンを追加し、ユーザー エクスペリエンスとグローバル アクセシビリティを向上させる方法を学びます。
始める
もっと詳しく知る
✔ カード情報なし ✔ 義務なし
badge 2023
badge 2024
badge 2025
2024年9月10日公開
ネスター・ヒル
この投稿を要約すると次のようになります:

ウェブサイトを所有している場合、通常、ウェブサイトを複数の言語に翻訳することが最善策です。その理由は、インターネット上のウェブサイトは世界中の誰もがアクセスできるからです。ウェブサイトの元の言語以外の言語、たとえばフィリピン語、ドイツ語、スペイン語、アイルランド語、デンマーク語、韓国語、日本語などを話す人々が、あなたのウェブサイトを訪問する理由があるかもしれません。多くの人は、ウェブサイトやオンライン ショップの言語が母国語であるとわかると、オンラインで買い物をする傾向があります。

ウェブサイトが利用できる言語の数を増やすと、ウェブサイトに集まる訪問者のトラフィックが確実に増えることは、もはや目新しいことではありません。特に、検索エンジンで要求があったときにウェブサイトがすぐに利用できる場合はそうです。これは、リーチを拡大するための非常に重要な方法の 1 つです。

ウェブサイト翻訳の必要性から、今日ではさまざまな翻訳ソリューションが生まれています。この記事では、そのようなソリューションのうち 2 つについて説明し、ウェブサイトに翻訳ボタンを追加する方法について説明します。

ウェブサイトにGoogle翻訳ボタンを追加する

翻訳と言えば、頭に浮かぶ翻訳ソリューションの 1 つに Google 翻訳があります。現在、Google 翻訳を使用して、約 100 を超える言語で Web サイトやテキストのレンダリングを処理できます。これらの言語には、ギリシャ語、ネパール語、スペイン語、ベトナム語、ドイツ語、フランス語、ヘブライ語、フィンランド語、イボ語、キニャルワンダ語、サモア語などがあります。Web サイトに Google 翻訳ボタンを追加するには、ある程度のコーディング スキルと経験が必要です。コーディングの処理には、次の 3 つの手順が必要です。

最初のステップ:基本的なウェブページを作成します。次に、コードの「div」セクションに、IDが「google_translate_element」の要素を追加します(以下を参照)。
Untitled 3 2
2 番目のステップ: 以下に示すように、 Google 翻訳 APIの参照を追加します。
Untitled 4
3 番目のステップ: 以下に示すようにJavaScript関数を指定します。
Untitled 5
以上です。ウェブサイトにGoogle翻訳ボタンを追加する前に、基本的なコーディングの知識を身に付けるか、ウェブ開発者を雇う必要があることにお気づきでしょう。

 Google翻訳が最善の解決策ではない理由 

Google 翻訳では、翻訳されたコンテンツを制御することはできません。翻訳の結果にのみ依存します。また、自動機械翻訳は必ずしも最高の翻訳ではなく、専門的なレベルでは Web サイトをうまく表現できないことに注意してください。

Google翻訳のもう一つの落とし穴は、画像上のテキストを翻訳できないことです。つまり、ウェブサイトのコンテンツを完全にローカライズすることはできません。実際、Google翻訳はウェブサイトのローカライズ部分には一切関与しません。例えば、ConveyThis は、テーマ、スクリーンショット、画像、URLなど、ウェブサイトのあらゆる側面を翻訳し、ウェブサイトを完全にローカライズします。

また、Google 翻訳プラグインは、翻訳されたコンテンツを SEO 向けに最適化しません。これでは、翻訳の過程で行われたかもしれない良い作業が本当に軽視されてしまいます。ConveyThis などの Web サイト翻訳ソリューションを使用すると、翻訳された Web サイトが検索エンジンでより高いランキングに表示されることが保証され、Google アナリティクスで素晴らしい結果を確認できます。

ただし、ほとんど何もしなくてもウェブサイトの翻訳を任せられる、よりシンプルな翻訳ソリューションもあります。この翻訳ソリューションを使用すると、ウェブサイトに言語切り替えボタンを配置でき、ウェブサイトの訪問者はこれを選択して希望の言語に切り替えることができます。ここで取り上げるウェブサイト翻訳ソリューションは、ConveyThis です。

ConveyThis でウェブサイトを翻訳する

ConveyThis は、翻訳を目的とした多言語プラグインです。ウェブサイトの所有者に、ウェブサイトのコンテンツを複数の言語に翻訳する機能を提供します。翻訳ボタンを追加する前にウェブ開発者を雇ったり、高度なコーディング知識を事前に持っていることが求められる Google 翻訳とは異なり、ConveyThis は、翻訳ボタンの追加が問題にならない、ストレスフリーでシンプル、かつ非常に高速な翻訳ソリューションを提供します。

WordPress ウェブサイトに ConveyThis をインストールする方法

  • WordPressダッシュボードにログインし、WordPress ログイン ディレクトリを探して、検索フィールドで ConveyThis を検索します。
  • インストールしてください。インストールしたら、アクティベーションをクリックします。ConveyThis から API キーを入力します (これは、ConveyThis アカウントでいつでも見つけられるキーです)。
  • 元の言語のスペースが表示されます。サイトの元の言語が英語の場合は、英語のままにしておきます。ターゲット言語フィールドにターゲット言語を入力します。
  • 翻訳が完了しました。ConveyThis での試用期間中は、Web サイトの言語は 1 つに制限され、約 2,000 語を翻訳できます。特典を利用するには、ConveyThis ダッシュボードからプランをアップグレードしてください。
  • ウェブサイト上での言語ボタンの外観を選択します。言語のみを表示するか、国旗を表示するかを選択できます。この言語ボタンをウェブサイトに表示して、ユーザーが簡単に言語を切り替えられるようにすることができます。または、言語翻訳オプションをサイドバーに配置したり、ハンバーガー ボタンに埋め込んだり、ウェブサイトの右下隅に配置することもできます。[保存して続行] をクリックします。
  • この時点で、ウェブサイトの言語ボタンを確認できます。ボタンまたはメニューを選択して、翻訳可能な言語のリストを表示します。これらの言語のいずれかをクリックすると、ConveyThis が数秒以内にウェブサイトを翻訳します。
  • 必要な修正を行うには、ダッシュボードに移動して調整してください。そこから各文字列を確認し、必要に応じて編集できます。翻訳された内容をキャンセルまたは上書きできます。ダッシュボードで画像やメタデータを確認することもできます。必要に応じて、ConveyThis ダッシュボードを使用して Web サイトを強化および最適化するために、共同作業者を招待することもできます。

ウェブサイトの言語切り替えボタンの作成と追加

さて、上記の説明で触れた言語切り替えボタンの設定方法を簡単に見ていきましょう。言語切り替えボタンとは、ウェブサイトの訪問者がクリックすると、ウェブサイトのコンテンツを自分の選んだ言語で表示できるボタンです。

ConveyThis は、WordPress 用の人気があり、使い方も簡単な言語切り替えボタンを提供しています。ConveyThis を使用すると、わずか数分で Web サイトに複数の言語を追加できます。また、翻訳された Web サイトのスタイルを希望に合わせて調整することもできます。Web サイトの言語切り替えボタンは、Web サイトのどこにでも配置できます。メニュー、ナビゲーション、コード、ウィジェットなどに配置できます。言語切り替えボタンを追加する前に、ConveyThis プラグインをまだインストールしていない場合はインストールする必要があります。Web サイトに ConveyThis プラグインをインストールしたら、WordPress のバックエンドに移動します。 ConveyThisを選択し、言語ボタンを選択します。この画面では、ドロップダウンを使用するかどうか、フラグを使用するかどうか、使用するフラグの種類、言語の名前を表示するかどうか、言語のコードを表示するかどうかなどのオプションが表示されます。
Untitled 6
これらのオプションを適切に選択することで、ウェブサイトの言語切り替えボタンのデザインが確実に向上します。言語切り替えボタンが適切に設計されていれば、ウェブサイトの訪問者はウェブサイト上の言語をシームレスに切り替えることができます。国際的な展開を計画している場合、言語切り替えボタンはウェブサイトに不可欠な要素です。

ウェブサイトの翻訳の必要性が、今日さまざまな翻訳ソリューションを生み出していることを思い出してください。この記事では、そのようなソリューションのうち 2 つについて説明し、ウェブサイトに翻訳ボタンを追加する方法について説明しました。また、ウェブサイトまたはオンライン ショップの言語が自分の言語であるとわかると、多くの人がオンラインで買い物をする傾向があることも覚えておいてください。したがって、翻訳ボタン (ウェブサイト言語切り替えボタン) をウェブサイトに追加する機能が組み込まれた翻訳とローカリゼーションのすべてを処理できる翻訳ソリューションを使用すると、ウェブサイトを国際レベルに引き上げ、訪問者がウェブサイトを閲覧する際に楽しくシームレスな体験を提供でき、コンバージョンとエンゲージメントの向上を誇れるようになります。

 ConveyThis を使えば、コーディングの仕方を心配する必要はありません。コーディング経験も、ウェブ開発者を雇う必要もありません。Google翻訳よりも優れた選択肢だと断言できます。そのため、ウェブサイト翻訳プロジェクトにConveyThisを使い始めるなら、今すぐ始めるのがベストタイミングです。

関連記事

  • 自動翻訳と機械翻訳:洞察
  • 多言語コミュニケーションにおけるバック翻訳の重要性
  • 考慮すべき 5 つの意外なローカリゼーション要素
  • ConveyThis: 究極のWixウェブサイト翻訳ツール
  • ローカリゼーションプロジェクトのための用語集の作成
  • グローバルビジネスを成功させる鍵:多言語戦略の採用
  • Safari でウェブサイトを英語に翻訳する: 簡単なヒント
  • メディア翻訳:ウェブサイト上の画像を翻訳する方法
この投稿を要約すると次のようになります:
バナー
最近の投稿
画像を投稿
2025年にGoogle翻訳ウィジェットを作成する方法(ステップバイステップガイド)
画像を投稿
Weglot vs ConveyThis - 2025年版詳細比較
画像を投稿
AppSumo ローンチの舞台裏: ConveyThis がいかに成長したか
始める準備はできましたか?

翻訳は、単に言語を理解するだけではなく、複雑なプロセスです。

私たちのヒントに従い、ConveyThis を使用すると、翻訳されたページはターゲット言語のネイティブのように読者に伝わり、共感を呼ぶでしょう。

労力はかかりますが、結果は報われます。Web サイトを翻訳する場合、ConveyThis の自動機械翻訳を使用すると、何時間も節約できます。

ConveyThis を 3 日間無料でお試しください!

無料で始める
CONVEYTHIS
アメリカ製
ConveyThis は ConveyThis LLC の登録商標です。
始める
プロダクツ:
  • 統合
    すべての統合 ワードプレス Shopify スクエアスペース ウィックス ウェブフロー JavaScript
  • 価格設定
  • 利用可能な言語
  • ツアー
会社:
  • 私たちについて
  • パートナー
  • アフィリエイトパートナー
  • 押す
  • キャリア
リソース:
  • はじめる
  • ヘルプセンター
  • ウェブサイトの単語カウンター
合法:
  • プライバシー
  • 条項
  • コンプライアンス
  • EEOP
  • クッキー
  • Security Statement

フォローしてください:
Ⓒ 2025 ConveyThis LLCによるすべての権利が留保されています
We value your privacy

We use cookies to enhance your browsing experience, show personalized advertising or content, and analyze our traffic. By clicking "Accept All" you agree to our use of cookies.


Configure consent settings

We use cookies to help you navigate effectively and perform certain functions. Detailed information about all the cookies in each consent category can be found below. Cookies categorized as "Necessary" are stored in your browser as they are essential for the functioning of the website's basic features. We also use third-party cookies that help us analyze how you use this website, store your preferences, and provide content and advertising relevant to you. These cookies will be stored in your browser only with your prior consent. You may enable or disable some or all of these cookies, but disabling some of them may affect your online experience.


Necessary
Always active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.


Analytics

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.


Performance

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.


Advertisement

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

x
Français Português Deutsch Español Tiếng Việt Русский العربية Italiano Türkçe 繁體 ภาษาไทย Polski Українська Tagalog Română 한국어 日本語 Bahasa Indonesia Magyar हिन्दी עברית Nederlands Dansk Čeština 简体
English