SEO対策ｈ＊編

ｈ＊は、SEO的にとても効果があると言われていますので、使っていない方は使ってく下さい。
使っている方は一度見直して下さい。

ｈ１とは何か？

そのページの題名です。（本のタイトルと考えて下さい）

ｈ２タグとは？

　大見出し（本では、第一章　～）

ｈ３タグとは？

　小見出し（本では、１．～）　


＜例＞
　　ｈ１ １ファイル１つ
　　　｜→　ｈ２　　　　　　　　ｈ１より下
　　　｜　　　｜→ｈ３　　　　　ｈ２より下
　　　｜　　　｜→ｈ３
　　　｜　　　｜→ｈ３
　　　｜
　　　｜→　ｈ２
　　　｜　　　｜→ｈ３
　　　｜　　　｜→ｈ３
　　　｜　　　｜→ｈ３
　　　｜

★ｈ１タグの重要性

検索で上位に表示させたいキーワードを入れる事で凄い効果を持ちます。

＜例＞
犬を検索キーワードのトップにしたい場合に、本文に犬と言う文字を埋め込むと思いますが、ｈ１タグに犬と入れるとなんと本文中の１キーワードの１０００文字分の効果があるそうです。
しかし、注意が必要です。
そんなに効果があるのならキーワードを沢山ｈ１タグに入れると考えてしまおうと思いますが、それは・・・駄目なんです。

なぜかと言うと・・・

ｈ１に　「○○　○○　○○　○○　○○」と５単語入れたとします。
そうすると、ｈ１タグの効果が５／１０００に成ってしまいますから各キーワードが２００の力に分散されてしまいます。
２、３個のキーワードを入れるのが一番最適だと思います。

★ｈ２タグについて

ｈ２タグは、なるべくｈ１タグで使用した単語を使った方がSEO的に効果が出ます。

＜例＞
ｈ１で　「柴　犬　ペットショップ」ならば
ｈ２では、　「柴　犬の出産情報」「ペットショップとは」みたいな感じで使用
した方が良いです。
（同じ単語を使用する事でSEO的に良いとされています）


注）ｈ１タグは、１ファイルに１つ、ｈ２タグは、ｈ１タグよりも下にないと駄目です。　　
本の考え方をしていただければ良いと思います。

★使い方

ｈ１タグをそのまま使うと、とても大きい文字になってしまうと思います。
なのでそれは、ＣＳＳ（スタイルシート）というファイルを使用して文字の大きさや色などを変更すると良いと思います。
（ＣＳＳファイルを使用しないでサイズや色を変えるとＨ１効果が薄れるらしい）


　ＨＰに下記のような書き方をします。（</head>の上が無難かと思います）

　<link rel="stylesheet" href="src/desing.css" type="text/css">
　　　　　　　　　　　　　　　↓（ここを変える）
　　　　　　　　　　　　　href=”フィルダー名/ファイル名.css”

　ここの内容ですとhtmlファイルと同じ場所にあるsrcフォルダ
　の中のdesing.cssを見に行きなさいとなります。


　desing.cssの内容
************************************************************
h1 　　 ←　ｈ１タグの指定
{
color:rgb(153,255,255);　　　←　色指定
font-size:18pt;　　　　　　　←　サイズ指定
}

h2 　　 ←　ｈ２タグの指定
{
color:rgb(255,255,255);　　　←　色指定
font-size:12pt;　　　　　　　←　サイズ指定
text-align:center;　　　　　 ←　場所指定（これはセンター）
}
************************************************************