Shopifyに Linguise 自動翻訳をインストールする

目次

Shopify アクセス要件

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

  • Shopify 管理者アクセス
  • ドメインDNS変更アクセス

ShopifyShopifyネイティブ アプリから直接実行できる 3 つの簡単な手順で構成されています。

  1. 翻訳を許可するにはドメインを登録してください
  2. 翻訳言語に応じてドメイン DNS を変更します (自動モードが利用可能)。.
  3. 言語フラグ切り替えリンクを Shopify テーマに追加します (自動)。.

Shopify サイトを多言語化する方法(動画)

Shopifyアプリでの言語選択

Linguise Shopifyをインストールしたら翻訳を承認し、多言語URLを生成するためにドメインを登録する必要があります

  1. 自動モードもあります
  2. 私たちに依頼していただければ、無料で対応いたします
  3. あるいは、DNSを手動で追加することもできます。

まだインストールしていない場合は、 Shopify ストアにアプリをインストールする必要があります。.

アプリをインストールすると、元の言語とターゲット言語(翻訳)を選択するように求められます。.

SEO に関する重要事項:セットアップする言語の数は、SEO に大きな影響を与えます。 翻訳言語を設定するときに、大量のインデックス ページ (>500) がある場合、検索エンジンがそれらを処理するのに多くの時間がかかる場合があります。 元の言語での SEO に影響を与える可能性があります。 そのため、最初に最大 5 つの言語を追加することをお勧めします。その後、インデックスが作成されたら、月に 3 つのバッチで言語を追加できます。

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

オプション1: Entriを使用してドメインDNSを自動的に追加する

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

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

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

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

DNS がドメイン内に追加されていることが確認できるはずです。 例えば:

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

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

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

オプション2: DNSレコードを手動でコピーする

ドメインの検証が完了すると、ドメインに追加するDNSレコードをコピーする画面にリダイレクトされます。ホスティング会社によってドメイン設定の見た目は多少異なりますが、フィールド名はほぼ標準的です。これらのレコードは、ウェブサイトの多言語ページをfr.domain.com、es.domain.comなどとして読み込むために必要です。

主な要素は次のとおりです。

その後、ドメイン マネージャーに接続し、DNS セットアップ領域にアクセスする必要があります。 次に、指示に従って、以下をコピーできます。

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

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

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

Shopify ドメインの特定のDNS設定

Shopifyでは Shopify プラットフォーム内でDNS 構成を管理する機能があります。

Shopify設定の「ドメインDNS設定にアクセスし、変更することができます。このセクションでは、必要に応じてDNS設定を追加および編集できます。

shopify-ドメイン設定

その後、プライマリ Web サイトをと、右上隅に「ドメイン設定」というオプションが表示されます。

DNS設定の編集にアクセスでき、新しいDNSレコードの追加に進むことができます。CNAMEレコードとTXTレコードを追加できます。

shopify-DNSレコードの追加

最後に、CNAME レコードと TXT レコードは次の画像のようになります。

cnameレコードshopify
txtレコードshopify

ShopifyはDNS設定を追加するためのルールがあることにご注意ください事前に以下の手順に従ってください。

  1. CNAMEレコードを設定するときは名前が翻訳対象の言語である
  2. TXTレコードを設定するときは、名前が_ linguise

Shopify 追加したこの DNS レコードを読み取り、それに応じて伝播します。 

DNS と言語スイッチャーの設定には少し技術が必要であることは理解しています。 しかし朗報です! 無料のインストールを提供します

言語切り替えの表示オプションを設定する

この手順の後、言語スイッチャーのセットアップを開始できます (後でアプリの構成で変更することもできます)。.

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

  • 3つのレイアウト: サイドバイサイド、ドロップダウン、ポップアップ
  • 言語スイッチャーの位置
  • 言語スイッチャーのコンテンツ
  • 英語または母国語の言語名
  • 旗の形と大きさ
  • 色とボックスの影

Shopifyに言語切り替え機能を追加する

言語スイッチャーは、ご希望の言語を選択できるフラグポップアップです。これを読み込むには、 Shopify テーマにブロックを追加する必要があります。このプロセスは自動化されています。インストールのステップ3で、「テーマエディターを開く」をクリックしてください。.

すると、 Linguise スクリプト ブロックがすでに追加されているテーマ設定が表示されます。.

テーマの設定を保存するだけで、インストールを再開して完了できます。

これでアプリがインストールされ、 Shopify サイトが完全に翻訳されました。

DNS と言語スイッチャーの設定には少し技術が必要であることは理解しています。 しかし朗報です! 無料のインストールを提供します

Shopify アプリからLinguise ダッシュボードにアクセス

Linguise は、アプリの設定と同期するダッシュボードがあり、自動翻訳ルールやアカウント設定などの高度なオプションも提供されます。.

Linguiseダッシュボードの詳細については、ドキュメントのメインページ。ここでは、フロントエンドエディタへのアクセスに焦点を当てましょう。

Shopifyのフロントエンド翻訳エディター

「Access Linguise Dashboard」ボタンをクリックすると、自動的に接続されます。.

次に、「ライブエディター」をクリックし、言語を選択して起動します。.

フロントエンドエディターは、翻訳者が Shopify 上のあらゆる言語のHTMLコンテンツを編集するのを容易にします。ページ要素をクリックしてテキスト、リンク、または画像を置き換えることで、ページを編集できます。.

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

Google ReCAPTCHA 用のShopify ドメイン設定

Google ReCAPTCHAは、お問い合わせフォームなどでスパムを防止するために使用される無料サービスです。Shopifyで Shopifyを利用するには、 Shopify 管理画面で多言語サブドメインを登録する必要があります。

ストア設定とドメイン設定を開きます。

Shopify 管理パネルのドメイン設定

次に、既存のドメインを接続

既存の言語サブドメインを追加します。たとえば、ウェブサイトがフランス語の場合は、fr.yourwebsite.com になります。

Shopify 管理パネルのドメイン設定

次に、既存のドメインを接続

既存の言語サブドメインを追加します。たとえば、ウェブサイトがフランス語の場合は、fr.yourwebsite.com になります。

ドメイン評価の推移を示すグラフ。グラフは着実な増加を示しています。

最後に、フロントエンドで reCAPTCHA を表示する必要がある翻訳言語ごとに、[lang].yourwebsite.com を追加します。

入力フィールド付きのShopify ドメイン接続ページ

ダッシュボードからDNS検証を確認する

アプリのインストール中にすべてのレコードをドメイン DNS に追加しました。これに問題がある場合は、「DNS 構成の確認」ボタンをクリックして DNS 伝播を確認できます

DNS検証には通常30分から1時間かかります。検証が完了すると、 Linguise ダッシュボードのDNSリストの右側に緑色の点が表示されます。. 

SSL証明書の有効期限監視ダッシュボードのスクリーンショット。ウェブサイトのセキュリティを管理します。