Hostinger Website Builderに Linguise 自動翻訳をインストールする

目次

Hostinger アクセス要件

Hostinger Website Builder で使用するクラウド AI 自動翻訳では、セットアップを完了するためにいくつかのアクセスが必要です。

  • Hostinger ビルダー管理者アクセス
  • HostingerでのドメインDNS変更

Hostinger サイトビルダーのセットアップは、次の 3 つの簡単なステップで構成されています。

  1. 翻訳を承認するにはドメインを登録してください
  2. 翻訳言語に応じてドメインDNSを変更する
  3. Hostinger サイトビルダーの設定に言語フラグ切り替えリンクを追加します。

Hostinger のウェブサイトビルダーを多言語対応にする方法(動画)

Hostinger ドメインを登録する

Linguiseダッシュボードに接続または登録すると、翻訳を承認するためにドメインを登録するように求められます。

そのためには、https:// を含むドメイン名をコピーし、プラットフォームとしてその他のクラウドホスト CMS

その後、ソース言語と宛先言語を選択します。.

ウェブサイトの基本言語と翻訳オプションを選択します。

SEOに関する重要な注意:設定する言語の数はSEOに大きな影響を与えます。翻訳言語を設定する際、インデックス登録されたページ数が多い場合(500ページ以上)、検索エンジンによる処理に時間がかかる可能性があります。これは、元の言語でのSEOに影響を与える可能性があります。そのため、最初は最大5言語を追加し、インデックス登録が完了したら、月に3言語ずつまとめて追加することをお勧めします。

言語に応じてドメインDNSを変更する

Entriを使用してドメインDNSを自動的に追加

Linguiseダッシュボード内で Web サイトを正常に登録すると、インストールを続行するための 2 つのオプションが表示されます。

おそらくこのコンテンツが表示されるはずです。DNSレコードを自動で追加したい場合は、「 DNSを自動的に接続」をクリックしてください。この機能(Entri)はDNSレコードを自動的に追加するため、インストールを簡単に進めることができます。もう1つの選択肢は、ドメインプロバイダーでDNSを手動でコピーすることです。

ボタンをクリックすると、Entriは登録されたウェブサイトのURLを分析し、パブリックDNSレコードを確認します。その結果に基づいて、必要なプロバイダーとDNSが決定されます。.

[ドメインプロバイダー]で承認をクリックします(この例ではCloudflare)。すると、パネルがドメインプロバイダーのログインページに切り替わり、ログインして続行できます。

ドメインプロバイダーにログインすると、Entriが残りの作業を行い、適切なDNSレコードを自動的に追加します。言語ごとに1つのDNSレコードと、検証キー用のTXT DNSレコードが1つずつ追加されます。.

ドメイン内にDNSが追加されたことが確認できます。例:

承認すると、Entri からすべての DNS 設定が正常に構成されたことが通知されます。.

すべての DNS エントリがドメインに伝播されるとすぐに、変換機能を使用できるようになります (通常、20 ~ 30 分かかります)。.

手動インストールを希望する場合は、以下に示す手順に従って手動でインストールすることもできます。

DNSレコードをコピーする

ドメインの検証が完了すると、ドメインに追加するDNSレコードをコピーする画面にリダイレクトされます。これらのレコードは、 fr.domain.com、es.domain.comなどのウェブサイトの多言語ページを読み込むために必要です。

Hostinger DNS 構成にコピーする必要がある主な要素は次のとおりです。.

その後、ドメインマネージャーに接続し、DNS設定エリアにアクセスする必要があります。指示に従って、以下の内容をコピーしてください。

  • ドメイン検証用のTXTレコード1つ
  • 言語用のCNAMEレコードを1つまたは複数

各レコード タイプ (TXT および CNAME) の例を次に示します。

メール登録と確認のプロセス

すべてのレコードを追加すると、構成は次のようになります。.

サーバーファイルリストのスクリーンショット

DNS検証を確認する

すべてのレコードをドメイン DNS に追加した後、「DNS 構成の確認」ボタンをクリックして DNS 伝播を確認できます

DNS検証には通常30分から1時間かかります LinguiseのDNSリストの右側に緑色の点が表示されますHostinger翻訳はほぼ完了です。ただし、国旗が表示される言語切り替えツールへのリンクが表示されていません。

SSL証明書の有効期限監視ダッシュボードのスクリーンショット。ウェブサイトのセキュリティを管理します。
DNSと言語スイッチャーの設定は少し技術的な部分があることは理解していますが、良いニュースがあります!私たちは無料でインストールを提供しています

Hostinger ウェブサイトビルダーに言語スイッチャーを追加する

言語スイッチャーは、ご希望の言語を選択できるフラグポップアップです。これを読み込むには、 Hostinger サイトのページの先頭に記載されているコードをコピーする必要があります。これで、公開ウェブサイトにフラグ言語スイッチャーが自動的に読み込まれます。.

コピー用のリンクは、ドメイン登録の最後、またはドメイン設定に記載されています。リンクをクリップボードにコピーしてください。.

サブドメイン情報を含むドメイン構成設定

次に、ウェブサイトエディターに移動します。左側のメニューで「ウェブサイト設定」

ウェブサイトの設定メニューのスクリーンショット。.

ウェブサイト設定メニューから「統合」。Linguiseスクリプトを貼り付け、 「保存」サイトを公開します。

統合とカスタム コードを含む Web ページのスクリーンショット。.

これで、 Hostinger ウェブサイトのフロントエンドで、 Linguise 言語スイッチャーが利用できるようになります。.

DNSと言語スイッチャーの設定は少し技術的な部分があることは理解していますが、良いニュースがあります!私たちは無料でインストールを提供しています

Hostinger ウェブサイト言語切り替えデザイン

言語スイッチャーは、 Linguiseダッシュボード > 設定 > 言語フラグ表示からカスタマイズできます。ここで行った変更はすべてウェブサイトに反映されます。

英語のオプションを含む言語設定を選択するためのドロップダウン メニューを示すスクリーンショット。

画面右側に言語スイッチャーのプレビューが表示されます。設定できる要素は以下のとおりです。

  • 3つのレイアウト: 並べる、ドロップダウン、ポップアップ
  • 言語スイッチャーの位置
  • 言語切替コンテンツ
  • 英語または母国語での言語名
  • フラグの形状とサイズ
  • 色とボックスシャドウ

Hostinger サイトのフロントエンド翻訳エディター

フロントエンドエディタは、翻訳者が Hostinger サイトビルダー上のあらゆる言語のHTMLコンテンツを編集できるよう設計されています。ページ要素をクリックしてテキスト、リンク、または画像を置き換えることで、ページを編集できます。.

括弧{}をクリックしてメタ情報を編集することもできます。

公園でファッションストアのロゴを持って微笑む女性