ウェブサイトに翻訳ウィジェットを追加する ConveyThis

この投稿を次のように要約します: 7分で読めます

チャットGPT

困惑

グロック

Google AI

翻訳ウィジェットは、訪問者がサイトを別の言語に切り替えるために使用するボタンまたはメニューです。1 つは 3 つの方法で追加できます。機械翻訳 API 上で自分で構築するか、CMS 用の翻訳プラグインをインストールするか、Web サイト翻訳サービスから JavaScript スニペットを貼り付けます。正しい選択は、ボタンよりも、その背後で何が起こるか、つまり翻訳を編集できるかどうか、検索エンジンがインデックスできる独自のアドレスを各言語が取得できるかどうかに依存します。

このガイドでは、ConveyThis のオプション、セットアップ手順、人々が実際に使用できるスイッチャーの設計方法、新しい言語を発表する前にテストすべき内容について説明します。

1。翻訳APIで構築する

Googleの古い無料“ウェブサイト翻訳”スニペット( google_translate_element 多くの古いチュートリアルで示されているコード）は、私たちの説明にあるように、サポートの終わりに達しています Google翻訳ウィジェットの代替ガイド。Googleはサイト所有者を有料にポイントしますクラウド翻訳API 代わりに。API を使用すると、開発者は翻訳のためにページテキストを送信し、その結果をカスタム言語メニューの背後にレンダリングできます。

これにより、ボタンの外観を完全に制御できますが、同じ文に対して 2 回請求されないように翻訳をキャッシュしたり、悪い出力を修正する場所、変更されるページを処理したり、個別の言語 URL を生成したりするなど、他のすべても所有できます。それらのページを検索結果に表示します。ほとんどの企業にとって、これはウィジェットではなくソフトウェアプロジェクトです。

2。CMS翻訳プラグインをインストールします

サイトが WordPress、Shopify、Joomla、または同様のプラットフォームで実行されている場合、通常は翻訳プラグインまたはアプリが最短パスです。ほとんどのプラグインは、メニュー、サイドバー、またはフッターにドロップできる独自の言語スイッチャーを追加します。翻訳を CMS データベースに保存するものもあります。ConveyThis を含む他のものは、翻訳をクラウドダッシュボードに保存し、サイトに提供します。を参照してください WordPress 統合そして Shopify 統合プラットフォームの詳細に関するページ。

3。翻訳サービスから JavaScript スニペットを貼り付けます

他のもの（カスタムスタック、サイトビルダー、静的サイト）に基づいて構築されたサイトの場合、ConveyThis のようなサービスでは、に貼り付けるスクリプトが 1 つ提供されます <head> すべてのページの。スクリプトはスイッチャーを追加し、訪問者が言語を選択すると翻訳版を提供します。がある 35の統合共通プラットフォームの場合、および JavaScript 統合他のすべてをカバーします。

Illustration of a website with a language menu

ConveyThis言語スイッチャーの追加方法

どのプラットフォームを使用しても手順は同じですが、インストール手順のみが変更されます。

アカウントを作成し、ドメインを追加します。 ConveyThis ダッシュボードで、プラットフォーム（またはカスタムサイトの場合は “JavaScript”) を選択し、ドメインを入力し、元の言語と追加する言語を設定します。
インストール。 WordPress では、プラグインディレクトリから ConveyThis プラグインをインストールし、ダッシュボードから API キーを入力します。Shopify に、ConveyThis アプリをインストールします。他のサイトの場合は、ダッシュボードに表示されているスニペットをコピーして、に貼り付けます <head> 全ページのセクション。ほとんどのサイトビルダーには、これに対する “カスタムコード” または “ヘッダーコード” 設定があります。
スイッチャーを確認してください。 サイトをリロードします。デフォルトでは、スイッチャーは右下隅に表示されます。最初は数分かかる場合があります。
翻訳を確認してください。 最初のパスは機械翻訳です。ダッシュボードを開いて個々の文を編集し、を使用しますビジュアルエディターコンテキスト内のテキストを修正するには、追加します用語集ブランド名と製品名のルールを定め、翻訳者やチームの役割を持つ同僚を招待します。

ConveyThis language button settings in the WordPress plugin

スイッチャーのスタイルと位置

ドメイン設定では、以下を選択できます:

位置。 画面の固定コーナー、または “カスタム”メインメニューなど、選択した要素内にスイッチャーを配置します。要素のIDを入力します（例: menu、なしで #)。の位置ガイド JavaScript および WordPress サイトの設定がどこにあるかを示します。
ドロップダウンまたはリスト、そしてメニューがどちらに開くか。
旗、名前、またはコード。 言語名、言語コード、フラグ、またはその組み合わせを表示できます。あなたもできますどのフラグを変更するか言語を表します。たとえば、英語の場合は米国国旗ではなく英国国旗を表します。

人々が使用できるスイッチャーの設計

翻訳ボタンは小さいですが、デフォルトの言語を読めない訪問者が最初に探すのは翻訳ボタンであることがよくあります。いくつかのルールにより、見つけやすくなり、使用するのが煩わしくなくなります:

旗だけでなく言語名も表示します。 旗は言語ではなく国を表します。スペイン語は 20 か国以上で話されており、メキシコからの訪問者はスペインの国旗を探さない場合があります。フラグを使用する場合は、言語名とペアリングします。
各言語名をその言語で書きます。 「ドイツ語」、「スペイン語」、「日本語」は、それらを必要とする人々にとって、「German」、「Spanish」、「Japanese」よりも見つけやすいです。
人々が期待する場所に置いてください。 ヘッダーまたはメインナビゲーションが最も一般的な場所であり、フッターが 2 番目の場所となります。フローティングコーナーボタンは機能しますが、モバイル上のチャットウィジェットやCookieバナーをカバーしていないことを確認してください。
訪問者を同じページに留めておいてください。 言語を切り替えるには、ホームページに送信するのではなく、現在表示されているページの翻訳版を表示する必要があります。
選択を覚えておいてください。 誰かが言語を選択したら、それを閲覧しながら保持します。
自動リダイレクトには注意してください。 ブラウザ言語でユーザーをリダイレクトすると役立ちますが、スイッチャーは常に表示されたままにしておくと変更できます。ConveyThis にはオプションのブラウザ言語リダイレクトオンにしない限り、それはオフになります。

訪問者のブラウザでテキストを交換するウィジェットは、すでにサイトにアクセスしているユーザーのみを支援します。検索エンジンは URL をインデックスするため、すべての言語が 1 つのアドレスを共有している場合、翻訳されたページはそれらの言語の検索結果に表示されません。

他の言語で見つけるには、各翻訳に次のような独自の URL が必要です example.com/es/ または es.example.com翻訳されたタイトルとメタディスクリプションがそのページにあり、フレフランバージョンをリンクするタグ。Google はガイドでこれについて説明しています多言語サイトの管理.

ConveyThis は、実際の言語 URL（サブフォルダー、サブドメイン、または a）での翻訳を提供します ?lang パラメータ）、メタタグと構造化データを変換し、hreflang を自動的に追加します。API 上に独自のウィジェットを構築する場合は、そのすべてを自分で作成する必要があります。の多言語SEOページ詳細をカバーします。

発表する前にテストしてください

サイトが顧客の言語を話すことを伝える前に、短いチェックリストを確認してください

ホームページ、製品またはサービスのページ、ブログ投稿、連絡先ページで言語を切り替えます。
電話でテストします。デスクトップでは問題なく見えるスイッチャーは、小さな画面では他のボタンと重なることがよくあります。
各言語でフォームを送信し、確認書と電子メールが翻訳されて到着することを確認します。
画像、PDF、ポップアップ内のテキストを見てください。これらは、翻訳されないまま放置されることが最も多い部分です。
アラビア語やヘブライ語などの右から左への言語を追加した場合は、レイアウトの問題がないか確認してください。
翻訳された URL のページソースを表示し、を確認します lang 属性、翻訳されたタイトル、hreflang タグがあります。
ネイティブスピーカーに、最も重要なページ、通常は価格設定、チェックアウト、その他合法的なページを読んでもらいます。

かかる費用

ConveyThis には 1 つの言語と最大 5,000 語の無料プランがあり、小さなサイトでスイッチャーを試すのに十分です。有料プランは月額 $12 から 30,000 ワードで始まります。単語は翻訳されたコンテンツが訪問者に表示された場合にのみカウントされ、ボットのトラフィックはカウントされません。の価格設定ページすべてのプランをリストします。

サイトのどのくらいの量を、どのような順序で翻訳するかを決定する場合は、から始めますウェブサイト全体を翻訳する方法。ステップバイステップのプロジェクト計画については、を参照してくださいウェブサイトの翻訳方法.

ウェブサイトに翻訳ウィジェットを追加します

翻訳ウィジェットを追加する3 つの方法