SEO対策 - 見出し<h1>?<h6>タグとパラグラフ<p>タグ -
SEO対策 - 見出し<h1>?<h6>タグとパラグラフ<p>タグ -
構造と見栄えは分離してホームページを作ります。
<h1>?<h6>タグ及び<p>タグは、SEO的にも非常に重要なポイントとなります
中でも、<h1> タグは<title>タグと同じぐらい検索エンジンから重要視されていると
感じますが、<h1>タグが重要という話を聞いて<h1>タグだけを挿入すると
構造的に不自然です。（ページ下部にタグ例を記載してみました。）
<h1>タグなどは、テキストは通常より大きく表示されますし、周囲に余白が入ります。
こちらは外部スタイルシートで、対応しましょう。
●スタイルシートを外部ファイルで指定する【おすすめ】
style.cssを作成します
h1 {
font-size: 10px;
padding: 5px;
}続いて、<head>?</head>に外部スタイルシートのリンクを設置します
<link href="sytle.css" rel="stylesheet" type="text/css" />
●ページヘッダーに記述する
ページ<head>?</head>内に記述
<style type="text/css">
<!--
h1 {
font-size: 10px;
padding: 5px;
}
-->
</style>●タグに直接記述
<h1 style="font-size:10px; margin:5px;">見出し1</h1>
*画像に<h>タグを用いているケースがありますが、
見出しは、テキストで記述しましょう。
*<title>タグと<h1>タグは同じではいけないらしいのですが、
ブログなどを用いるときには難しいことから、私自身としては
厳密にこだわっていません
*近頃、ブログなどのテンプレートで、サイトのタイトルに<h1>タグを、
サイト説明に<h2>タグを用いるケースをよく見かけますが、
サイト説明には、
パラグラフ<p>タグを用いるのが正しいのではないかと思います。
*<h>タグを見栄えなどの目的で使うのはやめましょう・・・
こんな感じでhtml構文を記述していきます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>●●のホームページ</title>
</head>
<body>
<h1>見出し1</h1>
<p>テキスト</p>
<h2>見出し2</h2>
<p>テキスト</p>
<h3>見出し3</h3>
<p>テキスト</p>
</body>
</html>
2006年07月20日
はてなに追加
del.icio.usに追加
livedoorクリップへ追加
アイ・ビーに追加
コメント
初めてコメントさせていただきます。よく、参考にさせていただいており、メルマガも登録させていただいております。
さて、hタグについてですが、初歩的な質問なのですが、h1タグをスタイルシートにてfont-sizeで調整することによる、スパム行為というのはないのでしょうか。
投稿者: 初心者WEBディレクター | 2006年08月19日 15:30
遅くなってごめんなさい。
検索エンジン対策に、答えはないと思いますが、デザイン的にh1タグに使用した見出しが大きすぎるので小さくするって正当ですよね？
見出しを本文より小さくする場合はどうでしょう？
検索エンジンスパムは、検索エンジンの上位表示だけが目的の手法ではないでしょうか？
小さくするのがスパムかどうか判断するのではなく、小さくする理由だと思いますよ。
投稿者: SEO対策サプリ | 2006年08月22日 12:01