ｈ１タグ 文字が大きくて目立ちすぎる

質問

SEO対策の為にH1タグにサイトの説明を入れてるのですが
文字が大きすぎて目立ちすぎます。

ｈ１タグの文字を小さくしたいのですがどうすればいいのでしょうか？
他の文字を小さくする方法と同じですか？

回答No.1

ORUKA1951 · ベストアンサー

＞SEO対策の為にH1タグにサイトの説明を入れてるのですが
　検索エンジンを騙すような事はしない。これがSEOの原則ですが・・・
　<h1>見出しレベル1</h1>は、その文書の見出しとなるテキストを入れます。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
見出しの要素は、その章・節で述べられる話題を短く記すものである。見出し情報は、ユーザエージェントによって、例えば文書の目次を自動生成するために用いられたりもするであろう。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.5 )］より
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
These elements have a rank given by the number in their name. The h1 element is said to have the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［4.3 Sections — HTML5( http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements )］より

　<title></title>と同じものを入れておくのがSEO上では最適です。その文書の説明などでしたらDIV要素を「id属性及び class属性と併用することで、文書に構造を付加( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )」します。
　SEOに関心があるなら、説明と言うか、そのページの要約でしたら当然
<div class="header">
　<h1>構造とプレゼンテーションの分離</h1>
　<div id="abstract">
　　<h2>要約</h2>
　　<p>
　　　<abbr title="Hyper Text Markup Language">HTML</abbr>において<stong>文書構造とプレゼンテーションの分離</strong>は最も重要です。詳しくは<a href="http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1">構造とプレゼンテーションの分離</a>にあります。
　　</p>
　</div>
</div>
　とマークアップされていると思います。これだと検索エンジンに「その文書のheaderに何が記述されているか」とか「要約がどこか」がすぐ理解できますよね。

　ただ、そうであっても、プレゼンテーション上控えめにしたい場合は、h1{font-size:14px;}とかはスタイルシートで指定すれば良いです。
　検索エンジンには、きちんと文書構造をマークアップしてヒントを与えて、ページの内容を正確に理解させること。これがSEO(検索エンジン最適化)の基本中の基本です。
　それをどのようにプレゼンテーションするかは、スタイルシートで行います。(無指定だとブラウザのデフォルトのスタイルシートが使われます。)