a タグ
参考:
使い方
参考:
HTML アンカーリンク (a href タグ) とは/使い方と別ページ (target blank) について | SEO ラボ
a タグとは | コーディングのプロが作る HTML タグ辞典
ページ内でリンクする
見出しの識別子として id
属性を付ける。
<h3 id="index-1">見出し1</h3>
href
属性にアンカー (識別子にハッシュ記号 #
を付けたもの) を指定してリンクを作成する。
<a href="#index-1">見出し1へジャンプ</a>
参考:
別ページの特定部分へリンクする (旧方式) | TAG index
別のタブ/ウィンドウで開く (target)
新規ウィンドウ (タブ) でリンクを開く。
<a href="https://example.com/" target="_blank">example.com を新しいウィンドウで開く</a>
参考:
実はヤバい?a タグと別タブで開く target=”_blank” の使い方 | 株式会社WWG
リンク先ページの表示フレーム (ウィンドウ) を指定する | TAG index
target – ターゲット指定 | とほほの WWW 入門
URL の構成
- URL パラメータ:
?param1=value1¶m2=value2
- アンカー:
#contents
- 同時に指定する場合:
?param1=value1¶m2=value2#contents
URL パラメータ及びアンカーはパスの後に続けて記述する。
https://example.com/index.html?param1=value1¶m2=value2#contents
参考:
URL パラメータとページ内リンク (アンカー) を同時に渡す場合の URL 記述方法 | かわたま.net
ショートカットキーを設定する
リンクにアクセスキーを設定することで、ショートカットキーを使用してリンク先への移動が可能になる。
accesskey="j"
リンクにアクセスキーを設定する場合は、a
タグに accesskey
属性を指定する。
<a href="https://example.com/" accesskey="j">example.com</a>
Winsows の場合
Alt
+ [指定したアクセスキー]:リンク先へ移動する/フォームの要素にフォーカスする/要素を選択する
Mac の場合
Alt
+ Ctrl
+ [指定したアクセスキー]:リンク先へ移動する/フォームの要素にフォーカスする/要素を選択する
参考:
rel / nofollow
クローラーにリンクを辿らせない。
<a href="https://example.com/" rel="nofollow">Don't follow this link by crawlers</a>
辿らせるべきではないリンクの例:
- 信頼できないコンテンツへのリンク (外部ユーザーが書き込んだコメント内のリンクなど)
- 広告リンク
参考:
nofollow とは?使い方や設定方法、SEO 効果について解説 | ナイルのマーケティング相談室
リンクの nofollow 属性 – どのような属性か、いつどのように使うのか | デジタルマーケティングブログ
noindex と nofollow の違いと SEO で正しい使い方とは | デジ研
ログインページへの内部リンクに nofollow を使うべき? | SEO-ch
SEO 用に外部リンクの関係性を伝える | Google Developers [公式]