http://www.2-u.co.jp/baby/
このページ上部の
■■■ 出産祝い ■■■ が<h1>、その下の
■ 出産祝い おすすめアイテムが<h2>で指定してあります。しかしご覧の通り、文字の大きさは、<h1>のものではありません。
どうやって制御しているのでしょうか?
スタイルシートを使っています。
htmlソースの link rel=”stylesheet” あたりに記述されています。
SEOではなくスタイルシートの問題だと思います。
URLのページのfont-sizeの項を参照してください。
スタイルシートでh1のフォントサイズを指定してあるものと思われます。
スタイルシートの使用については、2つめのリンクと該当ページのソースを見比べてください。
http://www.d3.dion.ne.jp/~tiyoko01/style/style3-2.html
超初心者の スタイルシート - 基本
http://www.stylesheet-stylebook.com/
WordPress › Error
これは、CSS(カスケーディングスタイルシート)というもので見た目を制御しています。
ページのHTMLソースを見てもらえば、上の方に、
<link rel=”stylesheet” type=”text/css” href=”/library/default.css”>
<link rel=”stylesheet” type=”text/css” href=”default.css”>
というのが含まれているのが判ると思いますが、これらの別ファイルで見た目の制御をしています。
CSSのサンプルや使い方については、いきなりリファレンスでも分かりにくいと思うので、以下のようなサイトはどうでしょうか。
http://www6.plala.or.jp/go_west/nextcss/guide/whatscss.htm
CSSってナンだろう? - CSS Dencitie
<link rel=”stylesheet” type=”text/css” href=”/library/default.css”>
<link rel=”stylesheet” type=”text/css” href=”default.css”>
と、記述があることからCSSで制御しているのでしょう。
http://www.zspc.com/documents/wcag10-tech/css-techniques/
ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 CSS技術書
Yahoo!
外付けスタイルシート (default.css)で
H1 {
FONT-WEIGHT: 800; FONT-SIZE: 12pt; LETTER-SPACING: 0.2em
}
と指定しているからです。
http://tohoho.wakusei.ne.jp/css/basic.htm
そのファイルは現在ありません
スタイルシートを利用しているからでしょう。
/library/default.cssというファイルで
h1{ font-weight: 800; font-size: 12pt; letter-spacing: 0.2em }
h2{ font-weight: 400; font-size: 12pt; letter-spacing: 0.1em }
を指定しているので文字の大きさは通常の大きさになっています。
みなさんありがとうございました
そうでしょうか?