アンカーリンクとは？

ページの特定の位置へ移動するリンク。

Anchor Link

別名：ページ内リンク、フラグメントリンク

ページの特定の位置へ移動するリンク。

まず、短く答えると

アンカーリンクの意味

URLの末尾に#と位置の名前を付けて、対応する見出しなどへ移動します。同じページの目次や問い合わせ欄への案内によく使います。別ページの特定の位置にもリンクできます。

Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

「料金を見る」を押すと、同じページの料金欄へ移動するようにします。

覚え方のコツ

役割

ページの特定の位置へ移動するリンク。

理解の深さ

まずは「何をするものか」と具体例を結び付けて覚えれば十分です。

確認の視点

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

混同しないために

「アンカーリンク」はページの特定の位置へ移動するリンクものです。一方、「内部リンク」は同じWebサイト内のページ同士をつなぐリンクものです。役割を分けて考えると、二つのつながりを理解しやすくなります。

きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。

よくある疑問

Aページの特定の位置へ移動するリンク。

A「内部リンク」、「URL」、「ナビゲーション」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。

AIに相談してみる

［　］の部分を自分の状況に合わせて書き換えてください。

以下の長いページに、必要なアンカーリンクを設計してください。行き先の名称・id・リンク先を示し、固定ヘッダーに見出しが隠れないこととキーボード操作を考慮してください。 変更理由も短く示し、情報が足りない場合は先に質問してください。

ページ構成・HTML・ヘッダーの仕様：
［ここに貼り付け］

秘密情報は入力しないでください

ほかの言葉も調べてみませんか？