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

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

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

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

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

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

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

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

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

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

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

  • ドメイン検証用のTXTレコード1つ
  • 言語用の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証明書の有効期限監視ダッシュボードのスクリーンショット。ウェブサイトのセキュリティを管理します。.