こんな悩みを解決します
- この記事を書いた人
ようせい(@yousei_bg)
ブログ記事でページ内リンクを設定/作成する方法をご紹介します。
- ページ内リンクを作成するメリット
- 【簡単】ページ内リンクを作成する方法
”ページ内リンクはあまり使わない”という方も居ますが、作り方を知っておくと便利です。
ページ内リンクを作成するメリット
ページ内リンクを作成するメリットはこちらです。
- 読者がすぐに欲しい答えに導くことが出来る
- 繰り返し読んでほしい箇所に飛ばすことが出来る
1つずつ見ていきましょう。
①:読者がすぐに欲しい答えに導くことが出来る
結論部分のみ読むことが出来るようにページ内リンクを作成することで、読者の離脱を防ぐことが出来ます。
一例はこちら。
- >結論のみを知る
- >最後まで読み飛ばす
このような文言のリンクを作ることで読者に選択肢を与えることが可能。
そんな時はページ内リンクを作成することで離脱率を下げることも出来ますよ。
②:繰り返し読んでほしい箇所に飛ばすことが出来る
自信が読者に訴えかけたい箇所がある場合にもページ内リンクは便利です。
一例はこちら。
- >もう一度最初から読む
- >もう一度商品一覧を見る
- >ページの先頭に戻る
このようなリンクを作成することで商品の購入率が上がる、滞在時間が伸びるなどのメリットが。
【簡単】ページ内リンクを作成する方法
ページ内リンクを作成する方法は簡単です。
使用するタグはこちら。
<a id=”a”></a>、#a
””と#の後ろのaは好きな数字や単語を使用してOK。
使い方を見ていきましょう。
今回は”>もう一度最初から見る”の文言を使用して先頭の見出し2の箇所にリンクを設定します。
自身がリンクを作りたい箇所に>もう一度最初から見る(#aを設置)のタグを設置します。
飛ばしたい箇所(先頭の見出し2)に<a id=”a”></a>を設置します。
<a id=”a”></a>、#aのコードさえ覚えておくといつでも使えて便利です。
アルファベットの重複さえ気をつけておくと後は問題なく使えますよ。
下記の記事はページ内リンクを駆使しているので参考にしてみてください。
悩める女の子勉強するときに使う無音機能が付いたタイマーを探しているんだけどおすすめはあるかな? こんな悩みを解決します この記事を書いた人よ[…]
まとめ:ブログ記事でページ内リンクを作成する方法は簡単!
ブログ記事でページ内リンクを設定/作成する方法をご紹介しました。
慣れると簡単に作成できるのでぜひ活用してみてください。
今回は以上です。