個人事業主の集客の土台と仕組みを作るデザインコンサルタント 秋山アキラ

「ブログ記事の見出しとタイトルって何が違うんでしょうか？」と、お客様から質問されました。

基本的に、ブログ記事にタイトルは1つだけで、見出しは複数入れることができます。

タイトル

タイトルとは「題名」のことで、記事タイトルは記事の題名です。要は、名前ですね。

絵画を想像するとわかるのですが、1つの絵画には1つの題名が付けられます。1人の人間に1つ名前を付けるような感じです。

ブログ記事で重要なのはタイトルです。

タイトルの付け方によって、記事が読まれるのか読まれないのかが決まりますし、記事に何が書いてあるのかも記事タイトルを見ればわかるように付けます。

見出し

見出しとは、本文の段落ごとや文章での区切りのいい箇所ごとに「何について書かれているのか」を示すために付けます。

見出しは6種類あります。そして階層構造になっています。

• h1（見出し1＝タイトル）
• h2（見出し2）
• h3（見出し3）
• h4（見出し4）
• h5（見出し5）
• h6（見出し6）

hはheadlineの略で、headlineの意味は見出しです。

見出しは「h1」〜「h6」までを順番で付けていきます。

「h1」は、記事タイトルとなります。例えば、この記事タイトルは「ブログ記事の見出しとタイトルの違い」ですが、これが「h1」になります。

タイトルが「h1」となるため、記事の本文中では「h1」は使えません。

本文中では、「h2」〜「h6」までを順番に使います。

「h2」の下層の見出しは「h3」で、「h3」の下層の見出しは「h4」です。

「h2」の下層に「h2」を入れてはいけませんし、「h4」の下層に「h2」を入れてはいけません。

見出しは「h2」〜「h6」を階層に従って付けないとSEO的に良くないと言われています。

h1とタイトルについて

基本的に、「h1（見出し1）」は「タイトル」と同じになります。

例えば、ワードプレスやはてなブログで記事を書く場合、記事のタイトル欄にタイトルを入力すると自動的に「h1」が、記事の「タイトル」になります。

ワードプレスとはてなブログでは、タイトルとh1の内容を変えることもできます。

ワードプレスとはてなブログには、「検索エンジン向けタイトル」を入力する欄があるため、検索エンジン向けの欄にタイトルを入力すると、記事に付けたタイトル（h1）と違うタイトルにすることも可能です。

この見出しが意外と曲者で、ブログサービスによって多少内容が違ってきます。

アメブロの見出し

アメブロでは記事のタイトル入力欄にタイトルを入力すると、「h1」とはならず「h2」となり、「h2」が記事の「タイトル」になります。

アメブロの記事には「h1」がなく、タイトルを入力すると「h2」となりますが、記事内の大見出しを選択しても、タイトルと同じ「h2＝大見出し」となります。

タイトルも「h2」で、記事内の大見出しも「h2」になる訳です。

そして、アメブロでは「h2＝大見出し」、「h3＝中見出し」、「h4＝小見出し」までがあり、h5とh6はないため、h5とh6を入れたい場合は「HTML編集」画面で自分でソースコードを書く必要があります。

はてなブログの見出し

はてなブログでは記事のタイトル入力欄にタイトルを入力すると「h1」となり、「h1」が記事の「タイトル」になるのですが、なぜだか見出しの「h2」が存在しません。

記事内に見出しを付ける場合は、「h3＝大見出し」、「h4＝中見出し」、「h5＝小見出し」となり、「h3」からの見出ししか付けられません。

h2とh6はないので、h2とh6を入れたい場合は「HTML編集」画面で自分でソースコードを書く必要があります。

---

覚えておいて欲しいことは、記事の編集画面でタイトル欄を入力すると、基本的に「タイトル＝h1」が確定し、記事内に見出しを付ける場合は「h2」から順番に、階層に従って付けることです。

見出しは階層にもなっていて結構ややこしいため、私的には短いブログ記事に見出しを入れることをあまりお勧めしていません。

見出しを入れるなら記事内に正しく入れるようにしましょう。

基本的には、タイトルと本文のみでも問題はありません。それよりも読まれる記事を書けるようになりましょう。