- ベストアンサー
ホームページのＣＳＳとスパムについてお
ホームページのＣＳＳとスパムについてお伺いしたいのですが、よろしくお願いします。 よく、headerの上に、文字を入れているのを見かけるのですが、 見出しh1に、ＣＳＳで文字を小さく変えると、スパム行為に当たるということを耳にしたのですが、本当でしょうか？ また、この行為自体、SEO対策に効果はあるのですか？ また、他に有効な方法があったら、教えてください。 よろしくお願いします。
- char13
- お礼率47% (44/92)
- ホームページ作成ソフト
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
<h1></h1>は必ずしも最初に登場する必要はありませんが、最初のほうに存在したほうが良いです。 <h1></h1>は基本的に最も大きく表示されますが、それはブラウザが本来持っているスタイルシートによるものなので、スタイルシートを上書きしたやればよい。 ＞トップ画像の上に文字があるようなサイトのことなのですが テキストではなく、画像でタイトルを表示したいときですね。 状況によっていくつかあります。 A（<h1></h1>にテキストを入れない場合・・） 見出しを画像で行う場合は<img src="URL" width="num" height="num" alt="＊＊＊について" >のように、alt(代替文字)で指定したので良いでしょう。代替文字もＳＥにはかかるようです。私の作成しているページは、googleの検索結果に<h1></h1>ないのimgのaltを、ページタイトルとして示してくれています。（画像を読み込まないLynxなどのブラウザ、読み上げブラウザ、検索エンジンは代替文字を利用する） しかし、すべてのＳＥがそうとは限らないので B（<h1></h1>にテキストを入れて、ブラウザからは隠す方法・・） この方法を取ることもあります。 <h1 class="screen_hidden">タイトル</h1> <h1><img src="URL" width="num" height="num" alt="タイトル" ></h1> こうしておいてスタイルシートで消してしまう。 下記にサンプルを示しておきます。 sample.htmlとsample.css（いずれもShift_JISで保存すること）および、タイトル画像(400×100)を同じフォルダーに入れて、sample.htmlを見てください。なお、Document Typeは4.01 Strictです。 sample.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> <meta name="author" content="ORUKA1951"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" media="screen" href="./sample.css"> </head> <body> <h1 id="TOP"><img src="./sample.gif" width="400" height="100" alt="サンプル"></h1> <p> 見出しを画像で行う場合は<img src="URL" width="num" height="num" alt="＊＊＊について" >のように、alt(代替文字)で指定したので良いでしょう。 </p> <p> 代替文字もＳＥにはかかるようです。私の作成しているページは、googleの検索結果に<h1></h1>内のimgのaltを、ページタイトルとして示してくれています。（画像を読み込まないLynxなどのブラウザ、読み上げブラウザ、検索エンジンはalt(代替文字)を利用する） </p> <h1 class="screen_hidden">テキストを入れて、ブラウザからは隠す方法</h1> <h1><img src="./sample.gif" width="400" height="100" alt="テキストを入れて、ブラウザからは隠す方法"></h1> <p> こちらは、スタイルシートで消してしまう方法。あまり良い方法とは思いません。 </p> <hr> <p class="navi"><a href="#TOP">TOP</a></p> <hr> </body> </html> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ sample.css @charset "Shift_JIS"; /* スタイルシート */ body{ background-color: rgb(255,255,200); color: black; line-height: 1.6em; } p{ text-indent: 1em; margin: 0.4em 20%; } p.navi{ text-indent: 0px; text-align: center;} h1 {font-size: 200%;text-align: center;} h1.screen_hidden{ display: none;} 先の説明に書きましたようにdisplay:noneであっても構わないのです。しかし、通常は
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
headerとheadは異なります。 HTTPやMailなどの多くのやり取りでは、必ずHEADER部分と変体部分に分かれています。 HEADERを送出後、空行をおいて、本体データが始まる。 HTMLに置いて、<HEAD>要素前に、文字を置くことは現在では行われていません。かってはブラウザに文字コードを認識させる裏技として使われていたことはありますが、HTTPの仕様からも否定されるべきでしょう。 それよりも文字コードの指定前に、文字を入れることは避けるべきとされています。 たとえば、HTML4.01Strictの場合 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> と文字コードを示すより前に <title>タイトル</title> とはしない。 ＳＥＯですが・・・・ＳＥＯ対策ではない。武士の侍が馬から落ちて落馬して・・ 考え方が間違っています。 <h1></h1>要素は、文書の最初に登場する｛見出し｝要素です。いきなり<h2></h2>が現れてはおかしい。 ましてや、本文と関係ない<h1>第一レベルの見出し</h1>が存在するのは、ＳＥに弾かれる可能性があるということです。 ＳＥＯのために、小細工は逆効果になります。 最高のＳＥＯは、そもそものHTMLが、文書構造としてしっかりしているかだけです。すなわち適切にマークアップされているか？ <h1>の次には<h2>が登場するとか、<h1>の次に<h3>はおかしい <h>には、続く文章の内容が要約されているか 表で無いのに<table>でマークアップされていないか それをCSSで、display:noneとしたってまったく構いませんが、一切の装飾なしで文書がきちんとマークアップされているか。 ＳＥＯは目的ではなく、結果です。
補足
ご回答ありがとうございます。 質問の仕方が悪くて申し訳ありません。。。 詳しくは、トップ画像の上に文字があるようなサイトのことなのですが。。。、これを入れると検索にひっかかりやすい、ということを聞いたのですが、これをｈ１で入れる場合、文字が大きすぎるので、 h1、h2は理解しているのですが、文字の大きさを小さくして、h1にしたい場合などは、どのようなされているのでしょうか？
- asapinya
- ベストアンサー率36% (40/109)
文字化けの対策として、文字を入れることはあります。ただしEUC-JPで書かれているという条件付きになります。 簡単に言うと、Shift-JISにはありえないコードを持つ文字を書く事によって、ブラウザにShift-JISでないと判断させます。 龜 や 龠 などがよく使われているようです。 H1のCSSがSEOスパムかどうかですが、諸説あるようで、私も判断がつきかねます。 ページのタイトルに画像を使用したいときなど、H1タグがなくなってしまうのは問題なので、そのような処理をします。 ↑ある意味SEO対策ということになりますね。
補足
ご回答ありがとうございます。 こちら↓について詳しく教えていただけませんでしょうか？ また、参考サイトなどあれば教えて頂ければうれしいです！ >ページのタイトルに画像を使用したいときなど、H1タグがなくなってしまうのは問題なので、そのような処理をします。 よろしくお願いします。
お礼
ありがとうございます。熟読させていただきます。