アンカーリンクとは、ページ内リンクや他のページへ移動できるリンクのことをいいます。アンカーリンクはWEBサイトの閲覧者が見たいページや場所へ誘導出来る効果を持つため、有益な情報を効率的に与えることの出来る手法として用いられます。
始めてWEBサイトへ訪れた人はどこに情報があるか分かりません。アンカーリンクを設置することで、WEBサイトの滞在率が上がり、結果としてSEO対策になります。上質なWEBサイトを制作する上でもアンカーリンクをマスターしましょう。
下記の目次もページ内リンク設定しているためクリックでお試しください！
webflowのリンクの追加方法、設定方法をご紹介します。
ページ内リンクとは、同じページ内の特定の場所に移動するリンクの事です。通常であれば、HTML記述のid属性で属性値を指定して、そのidを元に#（シャープ）を付けてアンカーリンクを指定します。
webflowではそのような面倒な手間が必要有りません。場所を指定するid、及びアンカーリンクの設定方法は下記の通りとなります。
ページ内リンクの設定を行った結果、上記のような形でリンクを行うことが出来ます。webflowの素晴らしいところは、このスクロール設定も自動的に行ってくれるところです。通常のWEBサイトではページ内リンクを行うと、パッと瞬間移動のようにリンク先に移動します。スクロール設定を行うためには、JQueryで設定する必要が有ります。ページ内リンクをwebflow以外で行う場合は、下記を参考にしてみましょう。
1.png)
2.png)
10.png)
007.png)
06.png)
05.png)
.png)
