目次

1.アンカーリンクとは

2.アンカーリンクの必要性

3.アンカーリンクの付け方

4.最後に

アンカーリンクとは

アンカーリンクとは、別名ページ内リンクともいい、クリックするだけでHP内の指定の場所に移動できるツールになります。

このブログで言うと、目次にある「1.アンカーリンクとは」「2.アンカーリンクの必要性」、「3.アンカーリンクの付け方」、そして「4.最後に」のことになります。

アンカーリンクの必要性

なぜアンカーリンクが必要かというと、普段インターネットで調べものをしていて、解決しそうなページが見つかったものの実際にそのページのどの場所に情報があるか分からない、または下にスクロールするのが面倒くさいと思ったことってありませんか?

そんな時にアンカーリンクがあると便利です。

目次にあるアンカーリンクをクリックすれば、指定している先のページに一瞬で移動できます。

また、アンカーリンクにはSEOの効果もあります。アンカーリンクを設置することで、HPを見てくれているお客様がリンク先の内容を理解しやすくなります。結果として、お客様にとって快適で分かりやすいHPになり、HP内の滞在時間が上がるのでSEO対策としても効果的です。

アンカーリンクの付け方

(1)アンカーリンクにしたい言葉を選択し、右上のオレンジ線に囲まれたクリップのようなボタンをクリックしてください。

(2)そうすると、オレンジ線で囲んであるような設定マークが出てくるのでそこをクリックしてください。

(3)次にURLのところに半角で#link01と記入して右下のリンク追加をクリックしてください。

 他のリンク文字列をアンカーリンクにした場合は#link02、 #link03 と数字を増やしてください。

このブログで言うと「2.アンカーリンクの必要性」が#link02、「3.アンカーリンクの付け方」が#link03、「4.最後に」が#link04になります。

(4)次にオレンジ線で囲んであるリンク先(ここでいうと「アンカーリンクとは」になります。)にカーソルを合わせてクリックし、挿入をクリックします。

(5)そうするとこのような帯が出てくるので、上から8番目の「アンカー」をクリックしてください。

(6)次にIDのところにlink01と入力し、OKをクリックすれば完成になります。

この時に#は入力しないでください。

また、(3)と同じように 対応するlinkナンバーを記入してください。(01に対応させるのであれば01、02であれば02)

 

最後に

いかがでしたか?

アンカーリンクは見てくれるお客様が快適に見て頂くためのツールになります。

正直少し面倒くさい部分はあるかもしれませんが、そのひと手間でお客様にとって分かりやすい情報を提供することができます。

見てくれるお客様にとって分かりやすいブログになるように、楽しみつつブログを更新していきましょう。

もし、このブログを見ても分からない点があればお気軽にご連絡ください。