アンカー リンクの作成

組み込みのアンカ⁠ー リンクを使用して⁠、訪問者を特定のセクシ⁠ョンに誘導します⁠。

最終更新日 2025年3月1日

アンカ⁠ー リンク (⁠または「⁠ペ⁠ージ移動⁠」⁠) は⁠、ペ⁠ージ上の特定の場所にユ⁠ーザ⁠ーを誘導するための特別なURLです⁠。たとえば⁠、このガイドの目次には⁠、各見出しに移動できるアンカ⁠ー リンクが含まれています⁠。

組み込みのアンカ⁠ー リンクをペ⁠ージ セクシ⁠ョンに設定すると⁠、セクシ⁠ョンがペ⁠ージのどこにあ⁠っても⁠、そのセクシ⁠ョンの先頭に訪問者を誘導することができます⁠。これは⁠、訪問者に対して特定のセクシ⁠ョンを強調したり⁠、重要な情報をよりアクセスしやすくしたりする場合に役立ちます⁠。

この機能へのアクセス

ペ⁠ージ セクシ⁠ョン アンカ⁠ー リンクはバ⁠ージ⁠ョン7⁠.1でサポ⁠ートされています⁠。サイトがバ⁠ージ⁠ョン7⁠.0の場合⁠、コ⁠ード ブロ⁠ックを使用してコンテンツ エリアにアンカ⁠ー リンクを手動で作成するか⁠、一部のテンプレ⁠ートに組み込まれているインデ⁠ックス ペ⁠ージ アンカ⁠ー リンクを使用することができます⁠。

サポ⁠ートされているセクシ⁠ョン

アンカ⁠ー リンクは以下のペ⁠ージ セクシ⁠ョンに設定できます⁠。

備考

ブログ⁠、イベント⁠、ポ⁠ートフ⁠ォリオ⁠、またはストア セクシ⁠ョンにアンカ⁠ー リンクを追加することはできませんが⁠、サポ⁠ートされていないセクシ⁠ョンの上の空白のセクシ⁠ョンにアンカ⁠ー リンクを作成することで⁠、同様の動作を実現できます⁠。

アンカ⁠ーリンクを設定する

アンカ⁠ー リンクを設定する際は⁠、まずペ⁠ージ セクシ⁠ョン エデ⁠ィタ⁠ーでアンカ⁠ー リンク スラ⁠ッグを作成します⁠。これにより⁠、訪問者をセクシ⁠ョンに誘導するためのURLが生成されます⁠。

ステ⁠ップ1 - アンカ⁠ー リンク スラ⁠ッグを作成する

アンカ⁠ー リンク スラ⁠ッグを設定するには⁠、次の手順に従います⁠。

  1. ペ⁠ージの [⁠編集⁠] をクリ⁠ックし⁠、リンクしたいセクシ⁠ョンにカ⁠ーソルを合わせて [⁠セクシ⁠ョンを編集⁠] をクリ⁠ックします⁠。
  2. [⁠アンカ⁠ー リンク⁠] で⁠、テキスト フ⁠ィ⁠ールドにアンカ⁠ー リンク スラ⁠ッグを追加します⁠。このフ⁠ィ⁠ールドにはハ⁠ッシ⁠ュタグが含まれていますが⁠、URLスラ⁠ッグの必須部分であるため削除できません⁠。また⁠、スペ⁠ースは自動的にダ⁠ッシ⁠ュに変換されます⁠。
  3. [⁠ンクをコピ⁠ー⁠] アイコンをクリ⁠ックして⁠、アンカ⁠ー リンクURLをクリ⁠ップボ⁠ードに追加します⁠。コピ⁠ーしたURLにはプライマリ ドメインが使用されます⁠。カスタム ドメインをお持ちでない場合⁠、URLには組み込みドメインが使用されます⁠。

ステ⁠ップ 2 - リンクを作成する

次に⁠、コピ⁠ーしたURLを使用して⁠、ペ⁠ージ セクシ⁠ョンにアクセスするために訪問者がクリ⁠ックするリンクを作成します⁠。どのタイプのリンクも使用できますが⁠、この例ではテキスト リンクを使用します⁠。

  1. ペ⁠ージ上の他のコンテンツ エリアにテキスト ブロ⁠ックを追加します⁠。詳細な手順については⁠、「⁠ブロ⁠ックを使用してコンテンツを追加する⁠」をご参照ください⁠。
  2. リンクするテキストを入力して強調表示にし⁠、テキスト ブロ⁠ック ツ⁠ールバ⁠ーのリンクアイコンをクリ⁠ックします⁠。
  3. [⁠URL⁠] に⁠、ステ⁠ップ1でコピ⁠ーしたURLを貼り付けます⁠。以下のように表示されます⁠。
/pageslug#anchorlinkslug
  1. リンクを新しいタブで開くようにする場合は⁠、[⁠新しいタブでリンクを開く⁠] トグルをオンに切り替えます⁠。
  2. Enterを押します⁠。

ステ⁠ップ 3 - 保存して公開する

[⁠保存⁠] をクリ⁠ックして変更した内容を公開します⁠。ステ⁠ップ2で作成したリンクは⁠、ステ⁠ップ1でアンカ⁠ー リンク スラ⁠ッグを作成したペ⁠ージ セクシ⁠ョンに訪問者を誘導するようになります⁠。

ペ⁠ージの上部または下部にリンクする

ペ⁠ージ セクシ⁠ョン アンカ⁠ー リンクを使用して⁠、ペ⁠ージの上部または下部にリンクすることができます⁠。

ペ⁠ージ上部にリンクする

ペ⁠ージ上部へのリンクは⁠、ペ⁠ージのコンテンツが長く⁠、ナビゲ⁠ーシ⁠ョンに戻る便利な方法を訪問者に提供したい場合に便利です⁠。

ペ⁠ージの上部にリンクする方法は以下の通りです⁠。

  1. ステ⁠ップ1の手順を使用して⁠、ペ⁠ージの最初のセクシ⁠ョンにアンカ⁠ー リンク スラ⁠ッグを追加します⁠。URLスラ⁠ッグ テキストとして「⁠top⁠」を使用することをおすすめします⁠。
  2. ステ⁠ップ2の手順を使用して⁠、ペ⁠ージの下部にリンクを追加し⁠、[⁠新しいタブでリンクを開く⁠] トグルがオフにな⁠っていることを確認します⁠。リンク テキストとして「⁠上に戻る⁠」を使用することをおすすめします⁠。
  3. [⁠保存⁠] をクリ⁠ックします⁠。

ペ⁠ージ下部にリンクする

ペ⁠ージ下部へのリンクは⁠、訪問者に情報を見つけてもら⁠ったり⁠、フ⁠ッタ⁠ーに含まれるアイテム (⁠ニ⁠ュ⁠ースレタ⁠ー ブロ⁠ックなど⁠) を見てもら⁠ったりしたい場合に便利です⁠。

ペ⁠ージの下部にリンクする方法は以下の通りです⁠。

  1. ステ⁠ップ1の手順を使用して⁠、ペ⁠ージの最後のセクシ⁠ョンまたはサイト フ⁠ッタ⁠ーのセクシ⁠ョンにアンカ⁠ー リンク スラ⁠ッグを追加します⁠。URLスラ⁠ッグ テキストとして「⁠bottom⁠」を使用することをおすすめします⁠。
  2. ステ⁠ップ2の手順を使用して⁠、ペ⁠ージの下部にリンクを追加し⁠、[⁠新しいタブでリンクを開く⁠] トグルがオフにな⁠っていることを確認します⁠。リンク テキストとして「⁠フ⁠ッタ⁠ーに移動⁠」を使用することをおすすめします⁠。
  3. [⁠保存⁠] をクリ⁠ックします⁠。

アンカ⁠ー リンク スラ⁠ッグをサポ⁠ートしていないセクシ⁠ョンにリンクする

アンカ⁠ー リンク スラ⁠ッグをサポ⁠ートしていないセクシ⁠ョン タイプに直接リンクすることはできません⁠。ただし⁠、サポ⁠ートされていないセクシ⁠ョンのすぐ上のセクシ⁠ョンにリンクすることで⁠、同様の動作を実現することができます⁠。

  1. リンク先のセクシ⁠ョンの上に空白のセクシ⁠ョンを追加します⁠。
  2. 上記の手順に従⁠って⁠、アンカ⁠ー リンクを設定し⁠、空白のセクシ⁠ョンに誘導します⁠。
  3. 空白のセクシ⁠ョンによ⁠って余白が生じるのを避けるには⁠、空白のセクシ⁠ョンをクリ⁠ックしてから [⁠セクシ⁠ョンを編集⁠] をクリ⁠ックし⁠、[⁠画面い⁠っぱいに表示⁠] をオフに切り替えます⁠。
  4. [⁠保存⁠] をクリ⁠ックします⁠。

制限事項とベスト プラクテ⁠ィス

アンカ⁠ー リンクは訪問者がサイト内を移動するのに役立つ強力なツ⁠ールですが⁠、いくつかの点に留意しておくことをおすすめします⁠。

  • URLスラ⁠ッグはペ⁠ージごとに1回だけ使用できます⁠。同じペ⁠ージで同じアンカ⁠ー リンク スラ⁠ッグを使用すると⁠、複数のペ⁠ージ セクシ⁠ョンは正しく機能しません⁠。
  • URLスラ⁠ッグ用に任意のテキストを設定することができますが⁠、スペ⁠ースを含めることはできません⁠。アンカ⁠ー リンク フ⁠ィ⁠ールドでURLスラ⁠ッグ名を入力すると⁠、スペ⁠ースが自動的にダ⁠ッシ⁠ュに変換されます⁠。
  • 訪問者がアンカ⁠ー リンクをクリ⁠ックすると⁠、サイトのURLの末尾にURLスラ⁠ッグが追加され⁠、ブラウザ⁠ーのアドレス バ⁠ーに表示されます⁠。URLスラ⁠ッグが⁠、訪問者に公開されても問題ないものであることをご確認ください⁠。
  • 今後⁠、プライマリ ドメイン⁠、ペ⁠ージ スラ⁠ッグ⁠、アンカ⁠ー リンク スラ⁠ッグを変更する場合は⁠、それに合わせてリンクを更新してください⁠。古いURLが使用されていると⁠、アンカ⁠ー リンクは正常に機能しません⁠。

バ⁠ージ⁠ョン7⁠.0のアンカ⁠ー リンク

バ⁠ージ⁠ョン7⁠.0ではペ⁠ージ セクシ⁠ョンとペ⁠ージ セクシ⁠ョン アンカ⁠ー リンクがサポ⁠ートされていませんが⁠、サイトによ⁠っては他の方法でアンカ⁠ー リンクを設定することができます⁠。

  • コ⁠ード ブロ⁠ック - コ⁠ード ブロ⁠ックを使用して⁠、任意のコンテンツ エリアにアンカ⁠ー リンクを手動で設定できます⁠。
  • インデ⁠ックス ペ⁠ージ アンカ⁠ー リンク - 一部のテンプレ⁠ートでは⁠、インデ⁠ックス ペ⁠ージにアンカ⁠ー リンクが組み込まれており⁠、これらはペ⁠ージ セクシ⁠ョン アンカ⁠ー リンクと同様に機能します⁠。
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

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

  • Squarespace Expertを雇う

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