• ベストアンサー

hタグにCSSを指定する場合のSEOについて

1つお聞きしたいのですが、 hタグでたとえばh1タグは大きすぎるのですが、 これをCSSで<h1 class=>という風に指定してもSEO的に問題ないでしょうか?

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

H1などの見出し要素は,その文書の見出しですから,検索エンジンは要素内のテキストを高く評価します。見出しであることが明らかである限り,スタイルシートで外観を変化させても問題ありません。他方,明らかに本文なのに見出しとしてマークアップして h1{font-size: 100%; font-weight:normal} としていたり,ページと無関係なテキストを埋め込み display:none; していたりすると,SEOスパムと見倣されます。

koro125
質問者

お礼

そうですか、問題ないようで安心いたしました。 このままつくっていきたいと思います! ありがとうございました。

その他の回答 (1)

  • turbo27
  • ベストアンサー率40% (166/414)
回答No.2

Hタグは見出しのレベルを指定しているだけで、文字の大きさはブラウザが表現しているだけです。つまりブラウザ側が勝手に文字を大きくする事で「見出し」を表現しているだけで、どこにも「H1は文字を大きくしろ」と言う規定は無いわけです。 また文書の構造はHTMLで、体裁はCSSで整えることが推奨されてますから、まったく問題ありません。

関連するQ&A

  • CSSでSEO対策

    HPをつくるとき、テーブルタグを使わずにCSSで指定する方法がSEO対策になると言われていますが、 その他にも、HTMLのタグだけで作るよりもCSSにした方がいいというものはありますか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • ブログですが xmlとcssでh1タグ

    お世話になります。 ブログユーザーなんですが  本体のxmlとデザインのcssのファイルがあり cssのファイルの中にh1タグがあるのですが 関連する本体のxmlのファイルの中にh1タグが 見当たりません ? でもcssのh1タグで指定するとその指定が ブログタイトルに反映されます  h1タグとblogtitleは初めから 関連づいているものなのでしょうか? よろしくお願いします

    • ベストアンサー
    • XML
  • SEO対策について-<h1>タグ-その2

    以前、<h1>タグについてSEO対策について質問をしました。 今回はCSS+HTMLを利用した際に下記のような場合 どのような判断がされるのでしょうか? ○CSS h1 { background-image: url(img/aaa.gif); background-repeat: no-repeat; width: 100px; height: 20px; } h1 span { display: none; } ○HTML <h1><span>タイトル</span></h1> text-indent:-9999px;を使えば回避はできる問題なのですが、 <span>が間に入ることで<h1>を検索エンジンのロボットはどのように判断されるのでしょうか? どなたかご教授願います。

    • ベストアンサー
    • HTML
  • SEO対策について。H1タグが見あたりません。

    質問です。SEO対策でH1タグにホームページの重要ワードを書き込む方法がありますが、現在、ひとまずビルダーで製作したサイトは完成したところで、HTMLソースを見たところ、そのH1タグが見あたらないのです。このH1タグの見つけ方、そして、自分でH1タグを作る方法を教えてください。宜しくお願いします。

  • SEO対策について-<h1>タグ-

    SEO対策に有効とされている<h1>タグに関して質問です。 私は、レイアウト上<h1>のフォントサイズが大きすぎるので <h1>にスタイルシートを適用してフォントのサイズを変更しています。 これは、SEO対策としてはどうなのでしょうか?どのような判断をされるのでしょうか?

    • ベストアンサー
    • HTML
  • html/CSSでBOX内にBOXを作り、その両方に異なる<h2>タグ

    html/CSSでBOX内にBOXを作り、その両方に異なる<h2>タグを設定したい。 具体的には、 -------------------------------------------- #box1{・・・・・・} #box1 h2{ font-size:14px; border: solid red 1px; width: 800px; } #box2{・・・・・・} #box2 h2{ font-size:10px; border: solid blue 1px; width: 400px; } -------------------------------------------- というCSSがあり、html上ではbox1の中にbox2が入っています。 -------------------------------------------- <div class="box1"> <h2>あああああ</h2> <div class="box2"> <h2>いいいいい</h2> </div> </div> -------------------------------------------- このとき、CSSの「box1のh2タグの設定」がbox2内のh2タグにおいても反映されてしまいます。 box2内では「box2のh2タグの設定」を反映させたいのですが、どうすればできるのか 教えていただけますでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • <h1>などの見出しタグ 【SEO】

    質問させて下さい。 よくSEO的には<h1>や<h2>タグの中のテキストがロボットエンジンに 重要視されるとあります。 そこで疑問です。 サイトの見栄え上、見出しタグの中にテキストを入れずに画像を入れ ているとします。その場合に画像のalt(代替え)指定に「ラーメン」 等と入れておけばテキストのみの場合と効果は同じだと思われますか? 理想↓ <h1>ラーメン</h1> 希望↓ <h1><img src=ra-men.jpg alt=ラーメン></h1> ※タイトル画像とは別に<h1><font size=1>ラーメン</font></h1> などと目立たないようにテキストを入れた方がよいのかな?とも 思ったのですが・・・どうなんでしょう。

    • ベストアンサー
    • HTML
  • ライブドアブログの「h1」タグについて。

    ライブドアでブログに作り、CSSをカスタマイズ中です。 カスタマイズ中疑問に思うことがあったので質問させて頂きます。 記事タイトルのタグは標準で「h1」になっていますが、 CSSでカスタム可能な「見出し」にも「h1」が存在します。 HTML4ではh1は一つの記事に1コ?という決まりが 合ったそうですが、HTML5から何個使っても問題ない という仕様になった、という記事を読ませて頂きました。 機能的には問題のないことだと思いますが、SEO的に 記事のタイトルと見出しのタグがかぶることは 何か問題があるのでしょうか? 恐れ入りますが、どなたかご教授の程 宜しく御願い板wします。

    • ベストアンサー
    • SEO
  • cssのタグについて

    cssで使えるタグにはどのようなものがあるのでしょうか? p、div、h1(文字サイズと兼用でしょうか?)などがあることが分かったのですが、たとえばfontcolorを縮めてfc.red { color: red;} などとすれば自分的に分かりやすいと思ったのですが無効でした。 また、百歩譲って限られたタグしかないとしても、p.fc.red { color: red;}などのようにclassを複数にするようなことは可能ではないのでしょうか? こういったことも含めてcssとhtmlでは思想的にというか包括的に違うものなのでしょうか? スタイルシート部分 p.red { color: red; } これを→ fc.red { color: red; } HTML部分 <p class="red"> タイトル </p> これを→ <fc class="red"> タイトル </fc>

  • SSIでH1タグを読み込んだらSEOに悪影響?

    私のサイトでは、H1タグを画像にしてALT属性で名前をつけています。 で、それをSSIで読み込んでページを作ろうと思うんですが これだとSEOに悪影響でしょうか? 外部ファイルにH1タグがある、ということにはなりますので、 気になります。

    • ベストアンサー
    • CGI

専門家に質問してみよう