ブログ記事でページ内リンクを作成・設定する方法を解説

 

悩める女の子
ブログ記事でページ内リンクを設定/作成する方法を教えてほしい。

 

こんな悩みを解決します

 

  • この記事を書いた人

ようせい(@yousei_bg

 

ブログ記事でページ内リンクを設定/作成する方法をご紹介します。

 

この記事の内容
  • ページ内リンクを作成するメリット
  • 【簡単】ページ内リンクを作成する方法

 

”ページ内リンクはあまり使わない”という方も居ますが、作り方を知っておくと便利です。

誰でも簡単に作成できるので参考にしてみてください。

 

ページ内リンクを作成するメリット

 

ページ内リンクを作成するメリットはこちらです。

 

  1. 読者がすぐに欲しい答えに導くことが出来る
  2. 繰り返し読んでほしい箇所に飛ばすことが出来る

 

1つずつ見ていきましょう。

 

①:読者がすぐに欲しい答えに導くことが出来る

結論部分のみ読むことが出来るようにページ内リンクを作成することで、読者の離脱を防ぐことが出来ます。

 

一例はこちら。

 

  • >結論のみを知る
  • >最後まで読み飛ばす

 

このような文言のリンクを作ることで読者に選択肢を与えることが可能。

 

よう
全て読みたい人も居れば結論だけを知りたい人も居ますよね。

 

そんな時はページ内リンクを作成することで離脱率を下げることも出来ますよ。

 

②:繰り返し読んでほしい箇所に飛ばすことが出来る

自信が読者に訴えかけたい箇所がある場合にもページ内リンクは便利です。

 

一例はこちら。

 

  • >もう一度最初から読む
  • >もう一度商品一覧を見る
  • >ページの先頭に戻る

 

このようなリンクを作成することで商品の購入率が上がる、滞在時間が伸びるなどのメリットが。

 

せい
さりげなくページ内リンクを作成するのもテクニックのひとつですね。

 

【簡単】ページ内リンクを作成する方法

 

ページ内リンクを作成する方法は簡単です。

 

使用するタグはこちら。

 

<a id=”a”></a>、#a

 

””と#の後ろのaは好きな数字や単語を使用してOK。

 

使い方を見ていきましょう。

 

今回は”>もう一度最初から見る”の文言を使用して先頭の見出し2の箇所にリンクを設定します。

 

自身がリンクを作りたい箇所に>もう一度最初から見る(#aを設置)のタグを設置します。

飛ばしたい箇所(先頭の見出し2)に<a id=”a”></a>を設置します。

 

よう
慣れるまではややこしいですが覚えると簡単に作成できます!

 

<a id=”a”></a>、#aのコードさえ覚えておくといつでも使えて便利です。

 

せい
1つだけ気をつけたいのは、同じ記事にページ内リンクを2つ以上作成するときは同じアルファベットは使えないので要注意です。

 

アルファベットの重複さえ気をつけておくと後は問題なく使えますよ。

 

下記の記事はページ内リンクを駆使しているので参考にしてみてください。

 

関連記事

 悩める女の子勉強するときに使う無音機能が付いたタイマーを探しているんだけどおすすめはあるかな? こんな悩みを解決します  この記事を書いた人よ[…]

 

まとめ:ブログ記事でページ内リンクを作成する方法は簡単!

 

ブログ記事でページ内リンクを設定/作成する方法をご紹介しました。

 

慣れると簡単に作成できるのでぜひ活用してみてください。

 

よう
ファイルに記憶する必要がないのが良いですね!

 

せい
コードをメモしておくといざという時に使えて便利ですよ。

 

今回は以上です。

 

>ページ内リンクの作成方法をもう一度見る