ワードプレスで記事を書く時に何気なく使っている見出しタグですが、SEO効果を意識した正しい使い方をしていきたいですね。

 

また、意外と知られていない便利な時短ワザも紹介します^^

見出しタグ,使い方,SEO

見出しタグとは?

見出しタグとは、文章の構成を段階的に表してカテゴリ分けする作業のことです。

ブログ読者と検索エンジンの両方に、記事内のコンテンツの構成を伝える役割があります。

 

ワードプレスには見出し1(h1)から見出し6(h6)までの見出しがあり、数字が若いほど大きな見出しである、つまり重要度が高いとみなされます。

見出しタグ,使い方,SEO

多くのブログ記事が上の画像のような構造になっているのではないでしょうか?

 

私が実際にトレンド記事を書く時は、このようにシンプルな見出し構造であることがほとんどで、必要に応じて上の画像のように見出し3を使います。

見出しタグ,使い方,SEO

見出し4については「数回使ったことがあるかな」という程度で、見出し5や6に至っては、1度も使ったことがありません。

 

トレンドブログを書く場合であれば、そこまで見出しを細分化する必要はないと思います^^

見出しタグの効果

見出しタグには、読者にとって記事が読みやすくなる効果SEO効果の両方があります。

見出しタグに視覚的効果がある

もし見出しタグを使わずに記事を書くと、このような感じになります。

見出しタグ,使い方,SEO

 

見出しタグを使って書いた場合はこのような感じになります。

見出しタグ,使い方,SEO

このように、見出しタグを使って記事を書くと同じ文章なのにメリハリが出て読みやすくなりますね。

見出しタグにより記事の全体像が把握しやすい

本や雑誌を読む時に目次を見て「ここから読もっ」と決めたりすることってないですか?^^

例えば、前回の続きから小説を読む時や、興味が無いなどの理由で雑誌の一部の特集は飛ばしたい時なんかがそうだと思います。

 

ブログも同じで、読者さんがその記事の大まかな内容を把握した上で読み始めたり、読みたい項目から読み始めることが可能になります。

見出しタグにSEO効果がある

見出しタグの効果は、読者に対するものだけではありません。

Googleのクローラーにコンテンツの構造を的確に伝え、適切にインデックスしてもらうためにも見出しタグは大切です。

 

ブログ読者にとって分かりやすいということはクローラーにとっても分かりやすい構造だということですね^^

見出しタグのh1、h2、h3とは?

html用語では見出し1をh1、見出し2のことをh2と呼びます。

 

WordPressはhtmlの知識がなくても簡単に使えるブログですので知っておく必要は全く無いのですが、トリビア的に説明だけいたしますね(*^^*)

 

見出し2のタグをつけた文字があるとします。

見出しタグ,h1,h2

「テキスト」をクリックし、テキストモードでhtmlを見ると

 

見出しタグ,h1,h2

このように<h2>ではじまり</h2>で終わっていますね。

 

同様に、見出し1であれば<h1></h1>が使われていて、見出し3であれば<h3></h3>が使われています。

見出しタグの使い方のポイント

記事を作成する際にどのように見出しタグを使うかというポイントを解説します^^

適切な見出しタグを選ぶ

先ほど、見出しタグの数字が若いほどSEO重要度が高いと紹介しました。

 

とはいえ「じゃぁ、見出し1をガンガン使えばSEO効果が最高じゃないの?」と思って、見出し1を使いまくれば良い訳ではありません。

 

逆にクローラーから、コンテンツの構造が分かりにくいという烙印を押されてしまいますので、見出しタグはルールを持って使うことも大切です。

かといって、見出し4や見出し5ばかり使っていては、見出しタグのせっかくのパワーを活かしきれません。

 

どの見出しタグから使いはじめるべきかはテンプレートによって違います。

この記事のすぐ下のところで、あなたが使っているテンプレートではどの見出しタグから使い始めればよいかの確認方法を紹介しますので、適切な見出しタグを選びましょう^^

見出しタグの順番を守る

例えば見出しタグ2のすぐ後に見出しタグ4が来ている状態の記事は、Googleのクローラーから「コンテンツの構造が分かりにくい」とみなされます。

 

見出しタグは飛ばさないように順番を守って使いましょう^^

見出しタグにはキーワードをきちんと使う

ブログ読者もクローラーも、記事の本文よりもまず見出しタグから読み取っていきます。

見出しタグにきちんとキーワードを盛り込んでおくことで、何について書かれた記事かを簡単に伝えることが出来ます。

テンプレートの見出しレベルの確認方法

見出しタグを使っていく前に、まずは自分が使っているテンプレートの記事タイトルの見出しレベルがいくつになっているかの確認が必要です。

記事では、タイトルの見出しレベルの次に大きな見出しから使いはじめるのが良いからです。

 

これまでに記事を書いたことがある方は、
任意の記事をプレビューし、タイトルをコピー。

コピーしたタイトルを、記事の新規作成画面にペーストし「見出し○ 」がいくつになっているかを見ることで確認できます。

 

これまでに1記事も書いたことがない方は、WordPressダッシュボードの

見出しタグ,使い方,SEO

左側にある「投稿」→「新規追加」を順にクリック。
 または
右上にある「+ 新規」→「投稿」を順にクリック。

 

見出しタグ,使い方,SEO

タイトル欄に何か入力。(ここではあいうえおと入力しました)

「プレビュー」をクリック。

 

プレビュー画面で

見出しタグ,使い方,SEO

タイトルを(次にペーストするために)コピー。

 

新規作成画面に戻り

見出しタグ,使い方,SEO

先ほどコピーしたタイトルを、記事本文を入力するところにペースト。

赤枠で囲んだ部分が「見出し1 」となっていることから、私が使っているテンプレートでは、記事タイトルが見出し1だということが分かりました。

 

このことから、私は見出し2から使い始めて、見出し3・見出し4という構造にしていくことになります。

 

もし、あなたのテンプレートの記事タイトルが見出し2だとしたら、記事本文内では見出し3から使い始めて、見出し4・見出し5という構造にしていくことになります。

見出しタグ,使い方,SEO

記事タイトルが見出し2になっている構造のテンプレートは、ブログタイトルが見出し1になっています。

 

まとめると、記事タイトルの見出しレベルがいくつであれ、「記事タイトルと同じ見出しは記事内では使えない」ということを頭に入れておけば大丈夫です^^

見出しタグの基本的な使い方を画像で解説

見出しの基本的な(時短ではない方の)使い方は2通りあるので、画像で解説していきます。

見出しタグの基本的な使い方 その1

 

記事の新規作成画面で見出しタグ

「段落  ▼」の▼をクリック

見出し2をクリック

文字を入力。

 

このように、見出し2をクリックしてから、文字を入力していくことでその文字に見出し2のタグを付けることができます。

こちらが1番ベーシックな使い方かと思います。

見出しタグの基本的な使い方 その2

次に、既に入力した文字(下図の矢印部分)を見出し2に設定するという方法を解説します。

見出しタグ,使い方,SEO

 

見出しタグ,使い方,SEO

見出しタグとは?という文字列のどこかをクリック。

上図ではで3箇所示しましたが、文字の先頭でなくてもどこでも構いません。

また、見出しタグとは? という文字列全体をドラッグして選択しても構わないのですが、ドラッグするよりもクリックだけの方が時短になります。

「段落  」のをクリック

見出し2をクリック。

見出しタグ,使い方,SEO

これで、「見出しタグとは?」という文字を見出し2に設定することができました。

 

 

同じ要領で、見出し3のタグを付ける場合も「段落  」のをクリックして見出し3を選ぶだけです。

 

以上で見出しタグを付ける基本的な方法の解説は終わりです。

続いて時短ワザを紹介します^^

見出しタグの使い方の時短ワザを解説

別の方法で、「見出しタグとは?」という文字に見出し2のタグを付ける時短ワザを2パターン紹介します。

 

やり易い方法で見出しタグを付けて下さいね☆

見出しタグ2を付ける時短ワザその1

見出しタグとは?
と入力。

WindowsはAlt + Shift + 2
Macはcontrol + alt(option)+ 2

見出しタグ2を付ける時短ワザその2

半角英数の#を2つ入力

見出しタグとは? と入力

エンター

 

つまり

##見出しタグとは?

と入力してエンターキーを押下するだけです。

 

更なる時短のために
WindowsはF10キー
Macはcontrol + け
キー
Microsoft Surface Proはcontrol + Tキー

も活用したいですね。

 

つまり、日本語入力モードで

##と打ち
エンターせずに
Windows→F10
Mac→control + け
Microsoft Surface Pro→control + T
で ##(半角英数)に変換

見出しタグとは? と入力

エンター

すれば、時短で見出し2のタグを付けることができます。

 

注意

##見出しタグとは? と一気に入力してから
Windows→F10
Mac→control + け
Microsoft Surface Pro→control + T
を使うと

##midasitagutoha?

というように全て半角英数に変換されてしまうので、タイミングには注意が必要です。

 

半角英数以外にも時短のショートカットキーを紹介しています。

WordPressのショートカットキーで楽に記事作成できる時短技!

時短ワザで見出し3、見出し4のタグを付ける方法

見出し2の時と要領は同じなのですが、数字#の数が変わってきます。

見出しタグ3や4を付ける時短ワザその1

見出しタグとは?
と入力。

WindowsはAlt + Shift + 3
Macはcontrol + alt(option)+ 3

WindowsはAlt + Shift + 4
Macはcontrol + alt(option)+ 4

 

というように、最後の数字を3、4にすれば見出し3や見出し4を付けることができます。

見出しタグ3や4を付ける時短ワザその2

見出し3のタグを付ける場合は###(#を3つ)

見出し4の場合は####(#を4つ)入力してから

見出しタグとは?

と入力してエンター。

時短ワザ(#を使う方)で見出しタグをつけられない場合もある

既に設定してある見出しレベルを、#を使う方の時短ワザで変更する事はできません

 

例えば、

見出し2→見出し3への変更や、

見出し4→見出し2への変更などには、#を使う方の時短ワザが使えません。

 

また、#を使う方の時短ワザを使う時に何故かうまく出来ないことがあります。

入力途中に誤ってどこかクリックしてしまった場合など。

 

そんな時は何度やっても出来ないので、

「段落  」のをクリックするという基本の方法

または

WindowsはAlt + Shift + 数字
Macはcontrol + alt(option)+ 数字

の方法で変更してくださいね。

さいごに

見出しタグで、読者からも読みやすくSEO効果を意識したブログを運営していきたいですね。

 

時短ワザも、はじめは時間が掛かるかもしれませんが、慣れてしまうと▼で見出し2を選ぶよりも早くタグを付けることができます^^

WordPressのショートカットキーで楽に記事作成できる時短技!