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

ウェブサイト用の Google 翻訳ウィジェットを作成する方法: シンプルなガイド

5 分でウェブサイトを多言語化
始める
もっと詳しく知る
✔ クレジットカード不要 ✔ 契約義務なし
badge 2023
badge 2024
badge 2025
2026年3月18日に公開されました
アルテム
この投稿を要約すると次のようになります:
翻訳サービス

導入

かつて、ウェブサイトを多言語化することはまるで魔法のようでした。Googleのコードをたった1行書くだけで、誰でも100以上の言語でコンテンツを提供できるようになりました。ブロガーから中小企業のオーナーまで、Google翻訳ウィジェットはウェブサイトと国境を越えた訪問者をつなぐ、頼もしい相棒となりました。

しかし、その時代は過ぎ去りました。シンプルなウィジェットは姿を消し、多くのサイトオーナーは「Google翻訳ウィジェットはまだ作れるのか?もし作れるなら、作るべきか?」と疑問を抱いています。

これはウィジェットの隆盛と衰退、そして今日ウィジェットを復活させることが実際に何を意味するかについての物語です。

 

Google翻訳ウィジェットの盛衰

2010年代初頭、ウェブのほぼどこに行ってもGoogle翻訳のドロップダウンメニューがありました。サイドバー、ヘッダー、フッターなどにひっそりと表示され、外国からの訪問者がクリックするのを静かに待っていました。たった一度のクリックで、ウェブサイト全体が一変しました。完璧ではありませんでした。文章がぎこちなく聞こえることもありましたが、無料、瞬時、そして十分に機能していました。

そして2019年12月、あのおなじみの小さなボックスが姿を消し始めた。Googleはひっそりとサービスを停止したのだ。大々的な発表も、派手なキャンペーンもなく、ただウィジェットが一般利用できなくなったという通知だけが届いた。このウィジェットを使って多言語展開していたサイトオーナーにとって、この消失はまるで古い友人を失うようなものだった。

2020年、世界がかつてないほど翻訳を必要とした時、つかの間の休息が訪れました。パンデミックの真っ只中、Googleは病院、政府機関、非営利団体向けに簡素化されたバージョンをリリースしました。しかし、これは一時的な措置に過ぎず、無料ウィジェットの黄金時代は二度と戻ってきませんでした。

今日、「Google翻訳ウィジェットを追加する」という場合、彼らはあの古いボックスのことを言っているのではありません。それは次のいずれかを意味します。

  • Google Cloud Translation APIを利用したカスタムビルドのウィジェット、または

  • ConveyThisのようなサードパーティのサービスは、ウィジェットの使いやすさを取り戻しながら、最新の SEO と編集ツールを追加します。

ビジネスリストには単語や文字は使用しないでください

なぜ人々はまだそれを逃しているのか - そしてそれが間違っていたこと

古いウィジェットには本物の魅力がありました。シンプルで信頼性が高く、どのサイトにもグローバルなオープン性を与えました。中小企業やブロガーにとって、それは世界への入り口でした — そして、どこでもすぐに理解されるという感覚に代わるのは困難です。

しかし、愛されていたにもかかわらず、本当にひび割れがありました。翻訳は不器用な場合があり、サイト所有者は間違いを修正する方法がありませんでした。さらに重要なことは、翻訳されたテキストは検索エンジンがインデックスできるものではないということです。訪問者は自分の言語でコンテンツを読むことができましたが、Google 検索では読めませんでした —。つまり、国際ランキングも海外市場からのトラフィックも、重要な場所での実際の多言語プレゼンスもありませんでした。

企業にとって、最後の点が取引を破棄した。ウィジェットは解決策のように見えましたが、実際には単なる表面修正でした。

今日のウィジェット構築

 

ステップ 推定所要時間(分) 説明
APIキーを取得する 10 Google Cloud Platformから取得
ウェブサイトにスクリプトを追加する 5 ヘッダー/フッターにコードを挿入する
ウィジェットをカスタマイズ 7 スタイルと配置のCSSを編集する
クロスデバイステスト 10 テストとトラブルシューティング

オリジナルは消え去っても、その精神は生き続けるでしょう。もしあなたが腕を振るう気があるなら、Cloud Translation APIを使って独自のGoogle翻訳ウィジェットを構築できます。手順は簡単です。

  1. Google Cloud から API キーを取得します。

  2. スクリプトをサイトに追加します。

  3. ウィジェット用の小さなコンテナーを作成します。

  4. で初期化します JavaScriptサイトのメイン言語と必要なオプションを設定します。

  5. さまざまなデバイスやブラウザでテストします。

実際には次のようになります。





Google 翻訳ウィジェットのデモ

#google_translate_element {
位置: 固定;
上: 10px;
右: 10px;
パディング: 6px;
背景: #fff;
境界線: 1px 実線 #ddd;
境界線の半径: 6px;
ボックスの影: 0 2px 4px rgba(0,0,0,0.1);
}



私の多言語サイトへようこそ


このページは Google 翻訳を使用して動的に翻訳されます。


関数 googleTranslateElementInit() {
新しい google.translate.TranslateElement({
ページの言語: 'en',
含まれる言語: 'es,fr,de,zh-CN,ar',
レイアウト: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}



この小さなスニペットは、かつて人気を博したウィジェットの現代版です。隅に静かに浮かび、誰かがクリックして自分の言語でコンテンツを見つけるのを待っています。

ウィジェットの先へ:次に何が起こるのか

独自のウィジェットを構築すると機能します — ただし、元のウィジェットと同じコア制限があります。訪問者に表示される翻訳されたテキストは、Google 検索で読めるものではありません。検索エンジンにとって、サイトは依然として 1 つの言語です。つまり、国際的なクエリからの余分なトラフィックはなく、フランス語、スペイン語、アラビア語のキーワードのランキングもなく、実際の収益もありません ローカリゼーション 努力。

このため、多くのサイト所有者は最終的に Google 翻訳ウィジェットを完全に超えて移行します。彼らはそれが簡単だからそれから始まりますが、すぐに翻訳に対するより多くの — 制御、より良いユーザー エクスペリエンス、グローバル検索での可視性が必要であることに気づきます。

ConveyThis は、多言語 Web サイトを構築するための最良のツールです

古いウィジェットが私たちに何かを教えてくれたとすれば、それは訪問者が自分の言語で理解されていると感じることを高く評価しているということです。ConveyThis はそのアイデアをさらに進めています — 機械翻訳速度と人間の編集、適切な hreflang SEO、実際の言語固有の URL を組み合わせることで、サイトが多言語に見えるだけでなく、実際にグローバルにランク付けされ、変換されます。

関連記事

  • Firefox 向け Google 翻訳ウェブサイト プラグイン: ブラウジング体験を向上
  • WordPressサイトのローカリゼーションと翻訳を簡単に
  • 国際的な成長のために複数の言語を追加する方法
  • ConveyThis 技術の内部: ウェブサイトクローラーの構築
  • ヒスパニック系オンライン市場:未来が待っている
  • ウェブサイト全体を翻訳する方法
  • 翻訳プロジェクトの効率を高めるワークフローの強化
  • ウェブサイトを多言語でアクセスできるようにする
この投稿を要約すると次のようになります:
バナー
最近の投稿
画像を投稿
中東市場向けのローカリゼーション: 成功のための戦略
画像を投稿
多言語電子商取引 Web サイトの主な利点
画像を投稿
翻訳が悪い理由が必ずしも翻訳者のせいではない
始める する準備はできましたか?

翻訳は、単に言語を知るということ以上の複雑なプロセスです。

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

努力が必要ですが、結果はやりがいがあります。ウェブサイトを翻訳する場合、ConveyThis 自動機械翻訳により時間を節約できます。

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

始める は無料
CONVEYTHIS
アメリカ製
ConveyThisはConveyThis LLCの登録商標です
始める
プロダクツ:
  • 連携
    すべて 連携 WordPress Shopify Squarespace Wix Webflow JavaScript
  • 産業
    法的 ヘルスケア Eラーニング SaaS 旅行 電子商取引
  • 価格
  • エンタープライズ
  • 利用可能な言語
  • ツアー
会社:
  • 私たちに関しては
  • パートナー
  • アフィリエイトパートナー
  • 押す
  • キャリア
  • サイトマップ
リソース:
  • はじめる
  • ヘルプセンター
  • ワードカウンター
  • ConveyThis の代替
合法:
  • プライバシー
  • 条項
  • コンプライアンス
  • EEOP
  • クッキー
  • Security Statement

フォローしてください:
Ⓒ 2026 All rights reserved by ConveyThis LLC
Powered by ConveyThis
Français 简体 繁體 Deutsch 한국어 日本語 עברית Italiano Português Español Türkçe Nederlands Русский Українська
English