H1タグの設定について

前へ 次へ
このQ&Aのポイント
  • H1タグの外部CSSでのスタイル設定や文字色に関して、SEOやデザイン上のリスクについて知りたいです。
  • H1タグを置く場所の背景が濃い青色で文字が見づらく、検索エンジンのペナルティーについても心配です。
  • デザイン的な問題で上位表示されたくないが、ペナルティーを受けないために改善すべき点を知りたいです。
回答を見る
  • ベストアンサー

h1タグを置く場所の背景について

こんにちは、最近HPビルダーでHPをつくり、教えてGOOなどで H1タグのことなど知って勉強しているのですが、ｈ１タグを 外部CSSというのでしょうか、スタイルシートのテクストファイルを 作ってそこにリンクさせて小さくしたり文字色を変えたりしています。 文字色は白、文字の大きさは１１ピクセルです。 ｈ１とｈ２まででｈ３は無いですが、ｈ１とｈ２は同じ条件で 設定しております。 外部ｃｓｓで文字の大きさを変えるのははSEO上問題ないという意見が 多く見られると思うのですが、色はどうなんでしょうか？ またｈ１、ｈ２タグを置いている場所（セル）の背景が濃い青色で スタイルシートの設定なしでみると、H1なので当然でかくなるのですが 背景が濃い青のため黒い文字が見えにくくなってしまう感じです。 検索エンジンは文字を見えにくくすることにペナルティーを与える といったことを聞いたことがあるのですが、検索エンジンは見えにくい と判断してしまうのでしょうか？ それともｃｓｓで文字色を白にしていることも何かリスクはあるのかなと・・・ デザイン的な問題でやっているので特に上位表示されたいというこ ともないのですが、ペナルティーは受けたくないので、この状態に ついて改善した方が良いことなどあれば、また私のやっていること が知らずにペナルティーを受ける様な行為にあたるのかどうか 教えていただけないでしょうか。よろしくお願いします。

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

  • ベストアンサー
noname#100277
noname#100277
回答No.2

基本的に・・・ CSSを一切排除した状態で文字色をHTML自体に記述するのは殆どが「<body>」に属性で記述しますね？ http://openlab.ring.gr.jp/k16/htmllint/htmllint.html 上で現在の色指定をHTMLに直接記述したらどう結果が出ますか？ h要素では無くHTML自体のです。 h要素の色指定を<body>に指定して警告を出されたら、其の指定は好ましく無いと云う事です。 ですが、クローラーは其処を重要視はしてません。 結局は見る人の目が判断します。 見辛いのなら変更するだけ。 背景色と文字色は「補色(反対色)」で指定すれば無難です。

miyu1980
質問者

お礼

ありがとうございます。 調べたら特に問題なかったようです。 前よりも少し順位も上がっているので、 気にしないでおこうと思います。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. その他([技術者向] コンピューター)

関連するQ&A

  • HTMLの<h1>タグについての質問です。

    例えば以下のようにh1タグの中の文字をclassなどを使って文字も色や大きさを変えたら、検索エンジンスパムと判断されてしまうのでしょうか？ それとも、何も検索エンジンに対して問題なく検索順位に変動はないのでしょうか？教えてください。お願いいたします。 <h1>星のように輝く<span class="style">摩天楼</span></h1> 後、ｈ１タグは、１ページに１つしか使えないんですよね？ ｈ２タグなら１ページにいくつ使っても問題ないのでしょうか？

  • h1タグ

    h1のタグを使うと文字がやたらでかくなってしまいます。h1のタグを使って、文字のサイズを小さくしたいです。 質問１）FONTサイズの指定で小さくするのはどういう意味で不都合があるんでしょうか？ 「文法的に正しくない」などの理由以外で具体的なデメリットを教えて下さい。 質問2）h1のタグを使って、文字のサイズを小さくするにはCSSとやらを使うしかないのでしょうか？ 質問3）例えば下記サイトのような場合一番上の文字は h1になっていますが文字が小さいです。 これはスタイルシートを使っているんですか？ http://www.noavocal.jp/school.htm

    • ベストアンサー
    • HTML
  • ｈ１タグについて教えてください。

    ｈ１タグを付けると文字が大きくなってしまいます。 フォルダにメモ帳で h1 { text-align: center; font-size: 10px; font-weight: normal; color: #FF0000; } の内容です。フォルダの名前はstyle.cssです。 HPのソースには<HEAD></HEAD>の中に<link href="style.css" rel="stylesheet" type="text/css"> を入れてあります。 h1を使ったソースは <TD><h1>●●●●●</h1></TD>です。 ●の文字が大きくなってしまい困っています。教えてください。おねがいします。 初心者ですので伝え方の不足の部分があるかもしれませんが、宜しくお願いします。

  • 背景を透過するタグについて

    こんばんわ。タイトル通り【背景を透過するタグについて】質問があります。よろしくお願いいたします。 <style type="text/css"> <!-- .box1{/*テキストスペース*/ … … width : 157px; background-color : #ffffff; filter : chroma(color=#ffffff); } </style> と、スタイルシートで色々と指定しております。 このテキストスペースの背後に画像があるので、背景を透かせたく、【chroma】を使って指定した色（白）を透かせましたが、 これだとまったく透明になってしまうので…できれば <table style="filter:Alpha(opacity=20)"> のように、透過の度合いを指定できるようになりませんでしょうか？ ↑テーブルでの透過の仕方しか分からず、上のテキストスペースで同じようなことをしたいのですが…。可能でしょうか？ お手数ですが、宜しければ教えていただけるととても助かります。 お願いいたします。

    • ベストアンサー
    • HTML
  • ｈ２　背景色　透明化

    お世話になります。 ｈ２の件でもう一つ ｈ２背景色を透明化（薄くする） 方法を教えてください。 同様にボックス内、背景色の透明化についても 教えてください。 CSS　および　htmlお願いでき無いでしょうか。 style="filter:alpha(opacity=70） 色々試しているのですが　どの場所に入れたらいいですか？ ちなみに下記の通りです。 <style type="text/css"> <!-- .style1 { 　　font-size: 14px; border: thin solid #00CC66; color: #FFFFFF; 　　　　　 background-color: #99FF99; } --> </style> 外部に書く場合もお願いできますでしょうか。 お手数かけますが宜しくお願い致します。

  • DreamweaverMXでこんなタグを指定するには？

    DreamweaverMXで以下の通りのタグを指定するには（直接タグを打ち込まないで）どうしたら良いのでしょうか？ <span style=background:red>文字</span> 蛍光マーカーで引いたように、部分的に背景色を変えるようにしたいのです。 スタイルシートだと思ってCSSウィンドウから背景を選んで色を指定したら全体の背景色が変わってしまい、失敗。 こんな簡単なタグなのにDreamweaverで指定できないのもおかしな話だと思って色々いじくったんですが、わかりませんでした。 どなたか教えてください。

  • gaiax系ページでの背景の固定

    こんにちわ。 先日、背景を固定して文字だけスクロールしたいという件で質問しましたところ、スタイルシートをつかったり、bodyタグでの方法を教えて頂きました。ところが、私のページはgaiaxであり、デザインの変更の背景URLのところに教えて頂いたスタイルシートなどのタグを張り付けてみたところ、背景はうまく固定できたのですが、今度は画面の左上に文字の色などを示すタグが勝手に表示され、こちらで設定した文字の色なども無効になってしまいました。スタイルシートではこちらを張り、 <STYLE TYPE="text/css"><!-- BODY{ background-image:url("画像の名前"); background-repeat : no-repeat ; background-attachment : fixed; background-position: bottom right;} --> </STYLE> bodyタグではこちらを試してみました。 <BODY background="○○○" bgcolor="○○○" bgproperties="fixed"> ・・・・・ </BODY> いずれにしても変なタグが画面上部に勝手に表示されてしまうんです。 それに文字なども私は白で設定したのですが、勝手に黒になってしまいます。 どうしたらよいのでしょうか？ メインのお知らせ欄に張るということも考えてみたのですが、 そうすると、日記画面での背景は別になってしまいますよね？ 御回答よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ｈタグについて　色・サイズを同時に指定したい

    スタイルシートでフォントのサイズと色を同時に設定したい時は、 ｈタグを使うしかないのでしょうか？ <html> <head> <title>test</title> <STYLE TYPE="text/css"> <!-- h1 { font-size:50%;color:green; } --> </STYLE> </head> <body> <h1>test</h1> </body> </html> このような場合です。 ｈタグは見出しに使うべきで6つしか指定できないとのことですが 見出しでもない文字に色とサイズを設定したい上、６つ以上パターンがある場合、 どうすればいいでしょうか？

    • ベストアンサー
    • HTML
  • <h1>というタグについて

    <h1>というタグは見出しのような表現で大きい文字になると思うのですが、検索エンジンにかかってもらうためには<h1>が必須だし、ただ文字が大きいのはかっこわるいと思うのです。 <h1>でありながら文字をそこそこの大きさにおさえる方法はないでしょうか。 よろしくお願いいたします。 事情がありましてけっこう急いでおります。

  • h1、h２タグの付け方について教えて下さい

    h1、h2タグの使い方について質問させて下さい。 h1、h2タグがseo対策に有効であり、かつ見出しの大きい順にh1、h２と使っていくものだという事はわかりました。 フォルダ内に　CSS書類を作ってこれを添付したいのですが、以下のような場合、h1、h2タグの設定はどうしたらよいでしょうか。ソフトはDreamweveMX2004使用。タグ打ちだけでは作れないので、Dreamweverで書き込んだソースを必要に応じて書き直し等しています。 【ホームページの構成】 ・index.htmlページはFlashで作った、swfファイル一つと(C)表示の一文のみ。swfファイル中のENTERボタンで２ページ目にリンク。 ・２ページ以降は同じパターンのページが、上部メニューバーで５ページ各リンク。（２挨拶、３商品説明、４アクセス～など） ・２ページ以降は各ページのタイトルバーの形が同じなのでこれに見出し設定をしたい。タイトルバーは文字色、余白などは全て同じだが、背景色のみ各ページごとに変えている。（教えて！gooの紺色地に白抜き文字のような形です。各ページごとに紺色地が別色になります） 【質問】 ・h1はindex.htmlに設定すると思うのですが、テキストは（C）の一行しかありません。他のページでは最下部に（C）表示を置きます。h1はどこに設定したら良いですか？画像にh1を設定する事があると聞きますが、swfにh1を設定することになるのでしょうか？ ・タイトルバーはDreamwever／新規CSS/セレクタタイプ／タグ／h2で共通の文字色、文字サイズ、ボックスなどを設定して背景色のみ、各ページ設定する。この場合、２ページ以降はh1タグが無くなってしまいますーこの形は正しいでしょうか？ ・hタグの使い方を考えるとサイトの構成に問題があったと思いますが、この構成で作ることになってしまいました。CSS添付ではなく各ページ毎に設定するべきなのでしょうか。もしそうならその時のh1,h2はどう設定したらよいでしょうか？ どうか方法を教えてください。よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する