ベストアンサー

ホームページのＣＳＳとスパムについてお

2008/11/12 00:49

ホームページのＣＳＳとスパムについてお伺いしたいのですが、よろしくお願いします。よく、headerの上に、文字を入れているのを見かけるのですが、見出しh1に、ＣＳＳで文字を小さく変えると、スパム行為に当たるということを耳にしたのですが、本当でしょうか？また、この行為自体、SEO対策に効果はあるのですか？また、他に有効な方法があったら、教えてください。よろしくお願いします。

char13
お礼率47% (44/92)

ホームページ作成ソフト
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

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

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2008/11/12 17:34 回答No.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であっても構わないのです。しかし、通常は

質問者

お礼 2008/11/13 12:15

ありがとうございます。熟読させていただきます。

その他の回答 (2)

ORUKA1951
ベストアンサー率45% (5062/11036)

2008/11/12 01:46 回答No.2

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としたってまったく構いませんが、一切の装飾なしで文書がきちんとマークアップされているか。　ＳＥＯは目的ではなく、結果です。

質問者

補足 2008/11/12 10:34

ご回答ありがとうございます。質問の仕方が悪くて申し訳ありません。。。詳しくは、トップ画像の上に文字があるようなサイトのことなのですが。。。、これを入れると検索にひっかかりやすい、ということを聞いたのですが、これをｈ１で入れる場合、文字が大きすぎるので、 h1、h2は理解しているのですが、文字の大きさを小さくして、h1にしたい場合などは、どのようなされているのでしょうか？

asapinya
ベストアンサー率36% (40/109)

2008/11/12 01:18 回答No.1

文字化けの対策として、文字を入れることはあります。ただしEUC-JPで書かれているという条件付きになります。簡単に言うと、Shift-JISにはありえないコードを持つ文字を書く事によって、ブラウザにShift-JISでないと判断させます。龜　や　龠　などがよく使われているようです。 H1のCSSがSEOスパムかどうかですが、諸説あるようで、私も判断がつきかねます。ページのタイトルに画像を使用したいときなど、H1タグがなくなってしまうのは問題なので、そのような処理をします。 ↑ある意味SEO対策ということになりますね。

質問者

補足 2008/11/12 10:36

ご回答ありがとうございます。こちら↓について詳しく教えていただけませんでしょうか？また、参考サイトなどあれば教えて頂ければうれしいです！ >ページのタイトルに画像を使用したいときなど、H1タグがなくなってしまうのは問題なので、そのような処理をします。よろしくお願いします。

ホームページのＣＳＳとスパムについてお