ドキュメント

スクエアスペース セットアップガイド

スクエアスペースのロゴ スクエアスペースを多言語化するためのステップガイド

このセットアップ ガイドでは、スクエアスペースのウェブサイトを Weglotで翻訳する方法をご案内いたします。

はじめに

Weglotを統合するには次の2つの方法があります。

免責事項: コードをカスタマイズするには、スクエアスペースのビジネスプランはたはそれ以上の方プランである必要があります。

  • Javaスクリプトによる統合: 迅速で簡単な統合です。Javascriptコードスニペットを スクエアスペースの管理ダッシュボード内の適切なスペースにコピーするだけです。インストールは5 分、コーディングに関する知識は必要ありません。
  • サブドメインによる統合:より深くSEOにもより優れた統合です。翻訳されたページは、独自のサブドメインを持ちます。例えば、フランス語のページに対してはfr.mysite.comというサブドメインを持ちます。最長約15分で完了、DNSレコードにエントリをいくつか追加する必要があります (この操作に関してサポートが必要な場合は、Weglotはサポートいたします)。この統合は、各言語専用のURLを持っているため、SEOにもより最適化されています。

ジャバスクリプトによる統合

1) Weglotのアカウントを作成します。

このアカウントで、全翻訳が確認でき、管理できるようになります。Weglotアカウントはここで今すぐ作成できます。

squarespace-signup

2) 「JavaScript 統合」オプションを選択します。

メール認証をすると、Weglot のセットアップページにアクセスできます。「その他の統合の可能性」までスクロールし、「Javascript統合を使用する」をクリックします。

squarespace-javascript

3)言語を選択

ウェブサイトの元の言語(ウェブサイトが最初に作成された言語)と翻訳する言語を指定します。 

ウェブサイトの元の言語(ウェブサイトを作成した言語)と翻訳する言語を指定します。 

以下の例では、ウェブサイトの元の言語は英語で、フランス語に翻訳されます。

「Next」をクリックします。

squarespace-select-languages

4) コードをコピー/ペースト

免責事項: コードをカスタマイズするには、スクエアスペースのビジネスプランはたはそれ以上の方プランである必要があります。

最後に、言語スイッチボタンをウェブサイトに追加します。操作はとても簡単です。この段階でインスタレーション画面に表示されているコードをコピーしたら、あなたのスクエアスペースダッシュボードで、設定 > 詳細設定 > コードインジェクションへ行き、そこの"ヘッダー"の下に貼り付けます。このフィールドにすでに何かある場合は、Weglotスニペットをその後に貼り付けるだけで大丈夫です。

add-javascript-squarespace
Weglot Setup guide 6 Squarespace

5)完了です!

ウェブサイトに移動すると、右下に言語ボタンが表示されます。表示されるまでに数分かかる場合があります。言語を変更してみてください。ウェブサイトに自動翻訳が表示されます。

今すぐあなたのスクエアスペースのサイトを翻訳

サブドメインによる統合

重要な要件

この統合を使用するには、独自のドメイン名(mywebsite.squarespace.comではなくmywebsite.com)が必要です。ドメインをまだ購入していない場合は、この統合方法を使用しないでください。上記の javaScript メソッドを使用します。

1) Weglot でアカウントを作成します。

このアカウントで、全翻訳が確認でき、管理できるようになります。Weglotアカウントはここで今すぐ作成できます。

squarespace-signup

2) 追加する言語の設定

あなたのウェブサイトのURL、Squarespaceサイトの元の言語、翻訳してサイトを表示する新しい言語を入力するよう、誘導されます。

squarespace-languages

[次へ] をクリックすると、以下の DNSレコードが生成されます。選択した言語によってDNSレコードは異なります。以下の例ではフランス語を選んでいます次のステップでこの情報を使います。

3) 言語固有のサブドメインをセットアップします

翻訳されたコンテンツが表示される言語固有のサブドメイン作成して接続します。例えば、fr.mysite.com(フランス語の場合)などです。 

ここでは、ステップ2で登場したDNSレコードをコピーして貼り付ける必要があります。 

スクエアスペースダッシュボードの[設定]>[ドメイン]に移動します。

または、Squarespace 以外でドメイン名を購入している場合は、ドメイン名のプロバイダーアカウントに移動してエントリを追加する必要があります (ヘルプが必要ですか?こちらにお問い合わせください。support@weglot.com)

「管理するスクエアスペース」の下にドメイン名が表示されます。表示されたドメイン名をクリックし、「詳細設定」をクリックします。別のエントリを追加するには、'A' が表示されるドロップダウンを選択し、[CNAME] を選択します。

次に、前の手順から DNS レコードをコピーします。たとえば、サイトに追加した言語の言語コードを最初の列に、"websites.weglot.com'を IP アドレスセクションでクリックし、[追加] をクリックします。サンプルのスクリーンショットは、ドイツ語とフランス語の両方を示しています。

Weglot Setup guide 4 Squarespace

Weglot アカウントに戻ります。「DNS を確認」をクリックすると、緑色のチェックマーク("正常に動きました"の意味)と表示されます! それから、「次へ」をクリックします。

4)言語スイッチャーを追加します

免責事項: コードをカスタマイズするには、スクエアスペースのビジネスプランはたはそれ以上の方プランである必要があります。

ウェブサイト多言語化への最後のステップです。スクエアスペース のウェブサイトのフロントエンドに、言語スイッチャーを追加します。Javascript コードは、Weglotダッシュボードの [プロジェクト設定] にあります。

add-java-code-squarespace

スクエアスペースのダッシュボードにコピーして貼り付けます。このフィールドに既に何かがある場合は、その後に Weglot コードを貼り付けるてください。

Weglot Setup guide 6 Squarespace

6)完了です!

ウェブサイトに移動すると、右下に言語スイッチャーボタンが表示されます。サブドメインが正しく設定されていることを確認してください。言語スイッチ ボタンが表示されるまでに数分かかる場合があります。 

ボタンが表示されたら言語を変更してみてみましょう。あなたのウェブサイトがすべて翻訳されていることをご確認ください。

7) 翻訳の編集を開始

Weglot アカウントで翻訳を確認し、手動で編集できます。

Weglotアカウントにログインし、翻訳に移動しましょう。全テキストの翻訳が表示され、編集を開始できます。

今すぐあなたのスクエアスペースのサイトを翻訳

オプション – メニューに言語ボタンを配置します。

デフォルトの言語ボタンがウェブサイトの右下に表示されます。メニューに配置する場合は、リンクを使用できます。

スクエアスペース管理ダッシュボードに移動します。そこからメインナビゲーションセクションに移動し、小さな「+」アイコンをクリックして、メインナビゲーションメニューにリンクを追加します。

オプションで、独自URLを入力することができます。URLは、フランス語の場合は#Weglot-fr、スペイン語の場合は#Weglot形式などでフォーマットできます。"fr" または "es" を適切な2 文字の言語コードに置き換えます。すべての標準言語コードは、こちらにあります。

Weglot Setup guide 7 Squarespace
Weglot Setup guide 8 Squarespace
今すぐあなたのスクエアスペースのウェブサイトを翻訳
たった数分以内で、スクエアスペースのウェブサイトを多言語しましょう