目次
Webflowアクセス要件
Webflowで使用するクラウド AI 自動翻訳には、セットアップを完了するために何らかのアクセスが必要です。
- Webflow管理者アクセス
- Web サイトのドメイン DNS アクセス
Webflowセットアップは、次の 3 つの簡単な手順で構成されます。
- 翻訳を許可するにはドメインを登録してください
- 翻訳言語に応じてドメイン DNS を変更する
- 言語フラグ スイッチャーのリンクをWebflow設定に追加します。
Webflowサイトをビデオで多言語化する方法
Webflowドメインを登録する
そのためには、https:// を含むドメイン名をコピーし、プラットフォームとしてWebflowを選択する
その後、ソース言語と宛先言語を選択します。
SEO に関する重要事項:セットアップする言語の数は、SEO に大きな影響を与えます。 翻訳言語を設定するときに、大量のインデックス ページ (>500) がある場合、検索エンジンがそれらを処理するのに多くの時間がかかる場合があります。 元の言語での SEO に影響を与える可能性があります。 そのため、最初に最大 5 つの言語を追加することをお勧めします。その後、インデックスが作成されたら、月に 3 つのバッチで言語を追加できます。
言語に応じてドメイン DNS を変更する
Entri を使用してドメイン DNS を自動的に追加する
ボタンをクリックすると、Entri は登録された Web サイトの URL を分析し、パブリック DNS レコードを確認します。 それに基づいて、必要なプロバイダーと DNS が決定されます。
[ドメインプロバイダー] で認証する」 (この例では Cloudflare です)をクリックします パネルがドメイン プロバイダーのログイン ページに変わり、ログインして続行できます。
ドメイン プロバイダーにログインすると、残りの作業は Entri によって行われ、適切な DNS レコードが自動的に追加されます。 言語ごとに 1 つの DNS + 検証キー用に 1 つの TXT DNS。
DNS がドメイン内に追加されていることが確認できるはずです。 例えば:
認証すると、すべての DNS 設定が正常に構成されたことが Entri から通知されます。
すべての DNS エントリがドメインに伝達されるとすぐに、変換機能を使用できるようになります (通常は 20 ~ 30 分かかります)。
手動インストールを希望する場合は、以下に示す手順に従って手動でインストールすることもできます。
DNS レコードをコピーする
ドメインを検証すると、ドメインに追加する DNS をコピーする準備が整った画面にリダイレクトされます。 ホスティング会社によっては、ドメインの設定が少し異なる場合がありますが、フィールド名は非常に標準的です。 これらのレコードは、Web サイトの多言語ページをfr.domain.com、es.domain.com として読み込むために必要です。
主な要素は次のとおりです。
その後、ドメイン マネージャーに接続し、DNS セットアップ領域にアクセスする必要があります。 次に、指示に従って、以下をコピーできます。
- ドメイン検証用の 1 つの TXT レコード
- 言語の 1 つまたは複数の CNAME レコード
各レコード タイプ (TXT と CNAME) の例を次に示します。
すべてのレコードを追加すると、構成は次のようになります。
DNS検証を検証する
すべてのレコードをドメイン DNS に追加した後、[ DNS 構成を確認] ボタンをクリックして DNS の伝播を確認できます。
DNS 検証には通常 30 分から 1 時間かかります。 その後、 Linguiseダッシュボードの DNS リストの右側に緑色の点が表示されるはずです。 Webflow Web サイトを翻訳する準備はほぼ完了していますが、国旗を含む言語スイッチャーへのリンクが欠落しています。
言語スイッチャーをWebflowに追加する
言語スイッチャーは、必要な言語を選択するためのフラグポップアップです。 これをロードするには、 Webflowページのヘッダーにあるコードをコピーする必要があります。 その後、国旗言語スイッチャーが公開 Web サイトに自動的に読み込まれます。
コピーするリンクは、ドメイン登録の最後またはドメイン設定に表示されます。 リンクをクリップボードにコピーします。
次に、 Webflow
Web サイト設定」 > 「カスタム コード」 > 「ヘッド コード」に移動します。
[保存] ボタンから [公開] ボタンをクリックして、 Webflowドメインへの変更を公開します。
これで、 WebflowフロントエンドでLinguise言語スイッチャーが利用できるようになります。
Webflow言語スイッチャーの設計
言語スイッチャーは、 Linguiseダッシュボード > 設定 > 言語フラグ表示からカスタマイズできます。 ここでの変更はすべてウェブサイトに反映されます。
画面の右側には言語スイッチャーのプレビューが表示されます。 設定できる要素は次のとおりです。
- 3 つのレイアウト: サイドバイサイド、ドロップダウン、またはポップアップ
- 言語スイッチャーの位置
- 言語スイッチャーのコンテンツ
- 英語または母国語の言語名
- 旗の形と大きさ
- 色とボックスの影
Webflow上のフロントエンド翻訳エディター
フロントエンド エディタを使用すると、翻訳者はWebflow上の HTML コンテンツを任意の言語で簡単に変更できます。 ページ要素をクリックしてテキスト、リンク、または画像を置き換えることにより、ページを編集できます。
の詳細については、こちらをご覧ください。