訪問者をサイト上のページ、外部コンテンツ、メールアドレス、ファイルなどに誘導します。

リンクを使用して、訪問者がサイト内のページを移動したり、外部サイト、ファイル、メールアドレス、電話番号に移動したりできるようにします。

このガイドでは、訪問者がサイト上でクリックできるリンクについて説明します。訪問者を他の場所からお客様のWebサイトにリンクする方法の詳細については、「サイトからのURLを共有する」をご参照ください。

ヒント:できるだけ多くのユーザーがリンクにアクセスできるようにするには、Squarespaceのアクセシビリティ リソースをご参照ください。

リンクを追加できる場所

リンクはサイトのほとんどの部分に追加することができます。さまざまなタイプのリンクを追加する手順については、対応するガイドをご参照ください。

• テキスト - テキストを追加できるほぼすべての場所にリンクを作成できます。
• ナビゲーション - サイトのナビゲーション構造にリンクを追加します。
• 画像 - 画像をリンクに変換します。
• ボタン ブロック - コンテンツ エリアにボタン リンクを追加します。
• カバー ページ (バージョン7.0のみ) - カバー ページの [アクション] パネルにリンクまたはボタンを追加します。

リンクを設定できるもの

リンクを作成した場所に応じて、以下の場所にリンクできます。

• タグやカテゴリーでフィルタリングされたコンテンツや投稿
• メールアドレス
• 外部サイトまたはページ
• ファイル
• サイト上のページ
• 電話番号
• ページ上の特定のポイント (アンカー リンク)
• ギャラリー ページ内の特定の画像 (ディープリンクURL)(バージョン7.0のみ)

外部サイトへのリンク

お客様の友人の会社のWebサイトや、お客様のサイトで使用しているサードパーティーのサービスなど、外部のURLにリンクする場合は、次の手順に従ってください。

1. リンク エディターのドロップダウンで [URL] を選択します。
2. テキスト フィールドに完全なURLを入力します。
3. リンクを同じタブで開くには、[新しいタブでリンクを開く] トグルをオフに切り替えます。
4. 完了したら、Enterを押すか、ブロック エディターの外側をクリックします。

注: ブラウザーのポップアップ ブロック機能により問題が発生する可能性があるため、リンクを自動で強制的に新しいブラウザー ウィンドウで開くことはできません。

次のセクションの手順に従って自分のサイトのページにリンクすることをおすすめしますが、上記の手順を使用して、他の方法ではリンクできないサイトの以下のような特定のコンテンツにリンクすることもできます。

• 個々のブログ投稿、イベント、ポートフォリオのサブページ
• カテゴリーまたはタグでフィルタリングされたコレクション
• 検索ページ
• アンカー リンク
• 個々のギャラリー画像 (バージョン7.0のみ)

サイトのコンテンツにリンクする

サイト上のページ、個々の商品、コレクション カテゴリー、またはコレクション タグにリンクするには、次の手順に従ってください。

1. リンク エディターのドロップダウンで [URL] を選択します。
2. リンクするページのタイトルまたはURLの入力を開始するか、リンクするコレクション ページのカテゴリーまたはタグの入力を開始します。
3. 結果のドロップダウン リストからページ、商品、カテゴリー、またはタグを選択します。
4. [新しいタブでリンクを開く] トグルをオンに切り替えると、リンクを新しいタブで開くことができます。
5. 完了したら、Enterを押すか、ブロック エディターの外側をクリックします。

以下の点に留意してください。

• リンク先のページのURLスラッグを変更する場合は、リンクを開き、新しいURLを入力してリンクを更新します。
• 個々のブログ投稿、イベント、またはポートフォリオのサブページにリンクするには、その完全なURLをフィールドに追加します。
• バージョン7.0では、インデックスのサブページにリンクすると、訪問者はそのページのスタンドアロン バージョンに誘導されます。スタック インデックスのメイン レイアウト内のサブページにリンクするには、[Webアドレス] タブにインデックス アンカー リンクを追加します。

メールアドレスへのリンク

メールアドレスへのリンクを設定して、訪問者がお客様に問い合わせできるようにします。訪問者がリンクをクリックすると、既定のメール サービスで空白のメールが開き、自動的に情報が入力されます。

メールアドレスにリンクするには、次の手順に従ってください。

1. リンク エディターのドロップダウンで [メール] を選択します。
2. [宛先] に、訪問者がメッセージを送信するメールアドレスを入力し、[CC] と [BCC] をクリックして、これらのフィールドに入力するメールアドレスを追加します。1つのフィールドに複数のメールアドレスを追加することはできません。
3. [件名] に、メールの件名を入力します。
4. [本文] に本文を入力します。メール リンクをクリックした訪問者がメールを送信する前に入力済みのフィールドを編集できることと、書式設定がメール サービスによって異なる場合があることに注意してください。
5. 完了したら、Enterを押すか、ブロック エディターの外側をクリックします。

注: 訪問者のデバイスにメール プログラムがインストールされていない場合、メール リンクは開きません。この場合、リンクからメールアドレスを手動でコピーする必要があります。

訪問者がお客様にメールを送るための他の方法を追加する

• プライバシー上の理由から、自分のメールアドレスを公開したくない訪問者もいます。アドレスを表示せずにメールを送れるようにするには、フォーム ブロックを使用して、お問い合わせフォームを追加します。これによりセキュリティ層が強化され、フォーム送信にメールで直接応答できます。
• より視覚的なアプローチとして、メールアドレスをソーシャル アイコンとして追加することもできます。この場合、「mailto」リンクが付いた封筒アイコンが作成され、他のソーシャル アイコンとともに表示されます。
• モバイル用情報バーを追加すると、訪問者が外出先でも連絡先情報にすばやくアクセスできるようになります。

電話番号にリンクする

電話番号をリンクすると、訪問者から電話やテキスト メッセージを送ってもらいやすくなります。訪問者がスマートフォンでリンクをタップしたときに、その番号に電話するかテキストを送信できるようにします。

注: 電話番号をリンクせずにプレーン テキストとして追加した場合、その書式はデバイスによって異なります。一部のデバイスは、それが電話番号であることを自動的に検出し、リンクとして表示します。常にリンクとして表示されるようにするには、次の手順に従ってください。

電話番号にリンクするには、次の手順に従ってください。

1. リンク エディターのドロップダウンで [電話] を選択します。
2. 該当する場合は、国番号と市外局番を含む電話番号をフィールドに入力します。リンクに失敗する可能性があるので、数字の先頭に0を含めないでください。
3. リンクの [通話] を選択して電話番号に電話をかけるか、リンクの [テキスト] を選択して電話番号宛ての空白のテキスト メッセージを開きます。
4. 完了したら、Enterを押すか、ブロック エディターの外側をクリックします。

訪問者がお客様に電話をかけるための他の方法を追加する

モバイル用情報バーを追加すると、訪問者が外出先でもすばやく電話をかけることができるようになります。

ファイルにリンクする

リンク エディターの [ファイル] で、.pdfメニュー、サイズ表、またはオーディオ ファイルなどのファイルをアップロードしてリンクできます。ブラウザーとファイル タイプによっては、アップロードされたファイルが自動的にダウンロードされるか、新しいタブで開き、訪問者はそこでファイルを表示したり、コンピューターに保存したりできます。

ファイルにリンクするには、次の手順に従ってください。

1. リンク エディターのドロップダウンで [ファイル] を選択します。
2. アップロード アイコンをクリックして、コンピューターからファイルを選択します。すでにサイトにアップロードしたファイルにリンクしたい場合は、そのファイルを検索するか、[最近アップロードされたアイテム] リストから選択することができます。
3. 可能であれば、[新しいタブでリンクを開く] トグルをオフに切り替え、ファイルを同じタブで開きます。一部のファイル タイプは、この設定に関係なく、訪問者がリンクをクリックしたときに新しいタブで開く場合があります。
4. 完了したら、Enterを押すか、ブロック エディターの外側をクリックします。

詳細については、「ファイルのアップロードと管理」をご参照ください。

コレクション アイテムにリンクする

リンク エディターの [URL] オプションで商品を検索することで、オンラインストアから直接商品にリンクすることができます。ブログ投稿、イベント、ポートフォリオ サブページなどの他のコレクション アイテムの場合は、[URL] フィールドにそのアイテムの完全なURLを追加します。

コレクション アイテムにリンクするには、次の手順に従ってください。

1. リンク先のアイテムをプライベート ブラウザーで開きます。
2. ドメイン名を含むアイテムの完全なURLをコピーします。
3. サイトでリンク エディターを開き、[URL] を選択します。
4. アイテムの完全なURLをテキスト フィールドに貼り付けます。
5. リンクを同じタブで開くには、[新しいタブでリンクを開く] トグルをオフに切り替えます。
6. 完了したら、Enterを押すか、ブロック エディターの外側をクリックします。

リンクの開き方を変更する

Webアドレス、ページ、またはファイルのリンクを開く方法を変更するには、リンクを追加した編集エリアに移動します。これは、クリックスルーURL、ボタン ブロック、ナビゲーション リンク、またはテキスト リンクが該当します。

• リンクを新しいタブで開くには、[新しいタブでリンクを開く] トグルをオンに切り替えます。
• リンクを同じタブで開くには、[新しいタブでリンクを開く] トグルをオフに切り替えます。
• Squarespaceアプリで編集していて、トグルが表示されない場合は、リンクを開く方法をコンピューターで変更してください。

以下の点に留意してください。

• ブラウザーのポップアップ ブロック機能で問題が発生する可能性があるため、Squarespaceでは、リンクをまったく新しいウィンドウで開く設定には対応していません。
• [新しいタブでリンクを開く] に設定したサイトのコンテンツへのリンクは、サイトにログインしているときには同じタブで開きます。ログアウトしていたり、シークレット ブラウザーでサイトにアクセスしたりすると、設定どおりに新しいタブで開きます。
• リンクがどのように開くかは、最終的には訪問者のブラウザーの使用方法によって決まります。リンクが同じタブで開くように設定されている場合でも、訪問者はショートカットを使用して新しいタブでリンクを開くことができます。

ギャラリー ブロックのリンク

クリックスルーURLを新しいタブで開くのは、ギャラリー ブロックのグリッド レイアウトのみがサポートしています。

グリッド ギャラリー ブロックで、デザイン タブのオプションにチェックを入れて、クリックスルーURLリンクを新しいタブで開くように設定します。このオプションは、グリッド ギャラリー ブロック内のすべての画像に適用されます。

1. ページの編集中に、グリッド ギャラリー ブロックにカーソルを合わせ、[編集] をクリックします。
2. [デザイン] タブをクリックします。
3. 下にスクロールして、[リンクを新しいウィンドウで開く] にチェックを入れるかチェックを外します。
4. [適用] をクリックして変更を保存します。

トラブルシューティング

リンク切れやその他の問題に関するヘルプが必要な場合は、「リンクに関する問題のトラブルシューティング」をご参照ください。