SEO対策のための見本
ノーマルh2は下記をコピペしてください
<h2 class="f17px atcl-font-bold marginB10 mb10" style="font-size: 118%;">●</h2>
下線付きh2は下記をコピペしてください
<h2 class="f17px atcl-font-bold marginB10 mb10" style="font-size: 118%; border-bottom: #777 1px solid; padding-bottom: 5px;">●</h2>
中央寄せh2は下記をコピペしてください
<h2 class="f17px atcl-font-bold marginB10 mb10" style="font-size: 118%; text-align: center;">●</h2>
h2で「特典」を表示したい場合下記をコピペしてください
<h2 class="f17px atcl-font-bold marginB10 mb10" style="font-size: 118%; padding: 7px 10px; color:#d6000f; background-color: #fdd000;">特典</h2>
黒背景h3は下記をコピペしてください（形態・種類など）
<h3 class="f15px atcl-font-bold marginB10" style="font-size: 106%;background-color: #000;color: #fff;padding: 7px 10px;border-radius: 5px;">●</h3>
h2は下記をコピペしてください
<h2 class="f17px atcl-font-bold marginB10 mb10" style="font-size: 118%;">●</h2>
h3は下記をコピペしてください
<h3 class="f16px atcl-font-bold marginB10" style="font-size: 110%;">●</h3>
h4は下記をコピペしてください
<h4 class="f15px atcl-font-bold marginB10" style="font-size: 106%;">●</h4>
h5は下記をコピペしてください
<h5 class="f14px atcl-font-bold marginB10 mb5" style="font-size: 103%;">●</h5>
h6は下記をコピペしてください
<h6 class="f13px atcl-font-bold marginB10 mb5" style="font-size: 100%;">●</h6>
下線付きh2は下記をコピペしてください
<h2 class="f17px atcl-font-bold marginB10 mb10" style="font-size: 118%; border-bottom: #777 1px solid; padding-bottom: 5px;">●</h2>
下線付きh3は下記をコピペしてください
<h3 class="f16px atcl-font-bold marginB10" style="font-size: 110%; border-bottom: #777 1px solid; padding-bottom: 5px;">●</h3>
下線付きh4は下記をコピペしてください
<h4 class="f15px atcl-font-bold marginB10" style="font-size: 106%; border-bottom: #777 1px solid; padding-bottom: 5px;">●</h4>
下線付きh5は下記をコピペしてください
<h5 class="f14px atcl-font-bold marginB10 mb5" style="font-size: 103%; border-bottom: #777 1px solid; padding-bottom: 5px;">●</h5>
下線付きh6は下記をコピペしてください
<h6 class="f13px atcl-font-bold marginB10 mb5" style="font-size: 100%; border-bottom: #777 1px solid; padding-bottom: 5px;">●</h6>
横赤線付きh2は下記をコピペしてください
<h2 class="f17px atcl-font-bold marginB10 mb10" style="font-size: 118%; border-left: #d7000f 7px solid; padding-left: 5px;">●</h2>
横赤線付きh3は下記をコピペしてください
<h3 class="f16px atcl-font-bold marginB10" style="font-size: 110%; border-left: #d7000f 7px solid; padding-left: 5px;">●</h3>
横赤線付きh4は下記をコピペしてください
<h4 class="f15px atcl-font-bold marginB10" style="font-size: 106%; border-left: #d7000f 7px solid; padding-left: 5px;">●</h4>
横赤線付きh5は下記をコピペしてください
<h5 class="f14px atcl-font-bold marginB10 mb5" style="font-size: 103%; border-left: #d7000f 7px solid; padding-left: 5px;">●</h5>
下線付きh6は下記をコピペしてください
<h6 class="f13px atcl-font-bold marginB10 mb5" style="font-size: 100%; border-left: #d7000f 7px solid; padding-left: 5px;">●</h6>
hとpの関係
hは見出し
hは見出しを意味します。検索エンジンに対して、内容を端的にアピールしたいので、文字数は少ないことが好ましいです。アピールしたい要素を一つのタグにいくつも詰め込むと、その分重要性が薄まります。
pは段落
pは段落を意味します。hの内容を説明する文章です。文字数に制限はありません。
hの解説
hの種類
hはh1～h6まで、6つあります。数字が小さいほど重要な見出しになります。
h1は使わない
タワーの記事ページの場合、記事タイトルが自動でh1に反映されるようになっています。ですので、みなさんは使わないでください。
数字の順序
h2～h6ですが、使用するときは、重要な項目→その次に重要な項目→その次に重要な項目・・・のような構成になっていることが望ましいです。
〇例：h2 → h3 → h3 → h4 → h2 ・・・
✕例：h5 → h2 → h4 → h6 → h3 ・・・
重要な順に上から下へ構成されているページが望ましいのですが、現代は検索エンジンもかしこくなっているので、多少違っても、文脈は理解してくれているようです。あまり神経質にならなくてよいです。
ただ、文字の大きさを大きくしたいから、文字の大きさを揃えたいからhを使う、ということはしないでください。
その他やりがちな間違い
<h2><p>✕これは間違った例です。コピペ禁止</p></h2>
リンゴとは（h2）
リンゴとは果物の一種です。皮は赤いものが多いです。リンゴとは果物の一種です。皮は赤いものが多いです。リンゴとは果物の一種です。皮は赤いものが多いです。リンゴとは果物の一種です。皮は赤いものが多いです。リンゴとは果物の一種です。皮は赤いものが多いです。リンゴとは果物の一種です。
リンゴの名産地（h3）
産地としては、青森が有名です。産地としては、青森が有名です。産地としては、青森が有名です。産地としては、青森が有名です。産地としては、青森が有名です。産地としては、青森が有名です。産地としては、青森が有名です。産地としては、青森が有名です。産地としては、青森が有名です。産地としては、
リンゴを使った料理（h3）
そのまま食べるのが一般的ですが、焼き菓子としてもおいしいです。ジュースにしてもおいしいです。そのまま食べるのが一般的ですが、焼き菓子としてもおいしいです。ジュースにしてもおいしいです。そのまま食べるのが一般的ですが、焼き菓子としてもおいしいです。ジュースにしてもおいしいです。そのまま食べるのが一般的ですが、焼き菓子としてもおいしいです。ジュースにしてもおいしいです。そのまま食べるのが一般的ですが、焼き菓子としてもおいしいです。ジュースにしてもおいしいです。そのまま食べるのが一般的ですが、焼き菓子としてもおいしいです。
リンゴジュース（h4）
摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。摺って飲み物にします。
焼きリンゴ（h4）
焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。焼いて食べます。
焼きリンゴのおいしいオススメの店（h5）
焼きリンゴのオススメのお店を紹介します。
abc 新宿店（h6）
ここはおいしいです！ここはおいしいです！ここはおいしいです！ここはおいしいです！ここはおいしいです！ここはおいしいです！
あああ 渋谷店（h6）
ここもおいしいです！ここもおいしいです！ここもおいしいです！ここもおいしいです！ここもおいしいです！
<p>特典</p>
<p>こちらの商品にはステッカーがつきます</p>
<h2>特典</h2>
<p>こちらの商品にはステッカーがつきます</p>
<h2>特典</h2>
掲載： 2024年05月27日 18:02
更新： 2024年07月05日 00:00
