サイトにリンクを追加する

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

最終更新日 2025年2月11日

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

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

ヒント

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

リンクを追加できる場所

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

リンクを設定できるもの

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

外部サイトへのリンク

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

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

備考

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

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

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

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

  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. [⁠適用⁠] をクリ⁠ックして変更を保存します⁠。

トラブルシ⁠ュ⁠ーテ⁠ィング

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

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。