色々なブログ記事を見ていると目次を設置しているものをよく見かけます。
私が実際に長い記事を読む時や記事の中の一部だけ読みたい場合など、目次があった方が便利だと感じることが多かったです。
特に文章量が多い記事については目次がないと不便だと思います。
ただ、文章量が少ない記事や内容によっては目次が設置してあるとアンバランスに感じてしまうこともあります。
結局目次は設置した方がよいのか？
今回は、そんな目次について考えていきます。
目次があることで読者の方は自分の想定していた内容なのかということを目次から判断することができます。
これにより、知りたいことが書かれていると思って読んだものの結局自分が欲しい情報とは違った、といったことが起こる可能性が低くなります。
2つ目は目次の項目をクリックすることで読みたい項目へ移動することができることです。
長い記事になるとスクロールだけでも少し時間がかかります。
また、調べること、知りたいことがはっきりしている場合は記事を全て読まずに必要な部分だけ読むということも考えられます。
このように読者の方の煩わしさを解消する効果があります。
3つ目は目次の項目が検索エンジンの検索結果に反映されるということです。
検索結果から目次が確認できるということで、ない場合よりブログへの訪問者が増える可能性が上がります。
1つ目については各自で基準を決めて、目次を設置する記事とそうでない記事をコントロールすればよいかと思います。
文章量が少ない記事にあえて目次を設置する必要はないと考えます。
2つ目については目次で読者の方の求める内容ではないと判断される場合と、タイトルとのつながりが全く見られないなど目次の付け方が悪くて読む気持ちがなくなる場合があるかと思います。
目次の付け方が悪い場合は内容に関連するキーワードを含めるなど改善していけばよいと思います。
ページ内でリンクを設定する場合はリンク元とリンク先の設定が必要となります。
囲んだ言葉（～の部分）にリンクを設定します。
href="#リンク対象の名称"
<a href="#リンク対象の名称">～</a>
リンク先を指定します。\
設定したリンク元をクリックしたらどこに移動するかの設定です。
見出しをリンク先にする場合を例にして説明します。
<h2>～</h2>
見出しを作成します。
id="リンク対象の名称"
<h2 id="リンク対象の名称">～</h2>
リンクの対象に名称を付けます。
リンク元の「～」をクリックするとリンク先の「～」の部分に移動できるようになります。
※外部にリンクを作成する場合は<a href="リンク先のURL">～</a>となります。
記事リンクのURLはパーマリンクをコピーして使用します。
スケ郎さんが作成されたプラグインが紹介されています
目次を表示するかを見出しの数で決定したり、どの見出しタグまで目次表示の対象とするかなどオプションの設定も可能となっています。
meta description（メタディスクリプション）とは？サイトのクリック率に影響
ブログにtwitterのフォローボタンを追加する
Bloggerの記事に目次を作る方法
私が実際に長い記事を読む時や記事の中の一部だけ読みたい場合など、目次があった方が便利だと感じることが多かったです。
特に文章量が多い記事については目次がないと不便だと思います。
ただ、文章量が少ない記事や内容によっては目次が設置してあるとアンバランスに感じてしまうこともあります。
結局目次は設置した方がよいのか？
今回は、そんな目次について考えていきます。
目次は設置するべきか？
目次を設置するメリット、デメリットについてまとめます。目次のメリット
- 記事の概要を把握することができる
- 読みたい項目に移動することができる
- 検索結果に反映される
目次があることで読者の方は自分の想定していた内容なのかということを目次から判断することができます。
これにより、知りたいことが書かれていると思って読んだものの結局自分が欲しい情報とは違った、といったことが起こる可能性が低くなります。
2つ目は目次の項目をクリックすることで読みたい項目へ移動することができることです。
長い記事になるとスクロールだけでも少し時間がかかります。
また、調べること、知りたいことがはっきりしている場合は記事を全て読まずに必要な部分だけ読むということも考えられます。
このように読者の方の煩わしさを解消する効果があります。
3つ目は目次の項目が検索エンジンの検索結果に反映されるということです。
検索結果から目次が確認できるということで、ない場合よりブログへの訪問者が増える可能性が上がります。
目次のデメリット
- 少ない文章量の記事に目次があるとバランスが悪く見えることがある
- 目次で記事内容を判断されてブログでの滞在時間が短くなる
1つ目については各自で基準を決めて、目次を設置する記事とそうでない記事をコントロールすればよいかと思います。
文章量が少ない記事にあえて目次を設置する必要はないと考えます。
2つ目については目次で読者の方の求める内容ではないと判断される場合と、タイトルとのつながりが全く見られないなど目次の付け方が悪くて読む気持ちがなくなる場合があるかと思います。
目次の付け方が悪い場合は内容に関連するキーワードを含めるなど改善していけばよいと思います。
目次を設置する方法
ここでは手動で設置する方法とプラグインを使用する方法について説明します。目次を手動で作成する
目次以外にも外部リンクや段落、箇条書きの項目への移動も可能となる方法なので知っておいて損はないかと思います。ページ内でリンクを設定する場合はリンク元とリンク先の設定が必要となります。
リンク元の設定
<a>～</a>囲んだ言葉（～の部分）にリンクを設定します。
href="#リンク対象の名称"
<a href="#リンク対象の名称">～</a>
リンク先を指定します。\
リンク先の設定
ページ内でリンクを作成する場合はリンク先の設定が必要になります。設定したリンク元をクリックしたらどこに移動するかの設定です。
見出しをリンク先にする場合を例にして説明します。
<h2>～</h2>
見出しを作成します。
id="リンク対象の名称"
<h2 id="リンク対象の名称">～</h2>
リンクの対象に名称を付けます。
リンク元の「～」をクリックするとリンク先の「～」の部分に移動できるようになります。
※外部にリンクを作成する場合は<a href="リンク先のURL">～</a>となります。
Bloggerでの設定
上記の設定に加えて#の前に記事のリンクを入力する必要があります。記事リンクのURLはパーマリンクをコピーして使用します。
プラグインを使用する
見出しに連動して目次を自動生成するプラグインというものも作成されています。スケ郎さんが作成されたプラグインが紹介されています
[Blogger] 目次を見出しから自動生成するプラグイン（忙しい人向け）Bloggerで導入するには、紹介されているコードをコピーして、「テーマ」、「HTMLの編集」で</head>の前に貼り付けるだけです。
目次を表示するかを見出しの数で決定したり、どの見出しタグまで目次表示の対象とするかなどオプションの設定も可能となっています。
ブログ内おすすめ記事
自分のブログが検索でヒットするための最初の一歩！インデックス登録meta description（メタディスクリプション）とは？サイトのクリック率に影響
ブログにtwitterのフォローボタンを追加する
参考サイト
ブログ記事の目次は必要？不要？ブログ初心者は自分のために設定しよう！Bloggerの記事に目次を作る方法
0 件のコメント :
コメントを投稿