ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ
スポンサーサイト（詳細）

質問
QNo.4024148 html上の文字やリスト全部をcssに記述
質問者：ENTRE html上の文字やリスト全部をcssに記述して、
それを読み込んでブラウザに表示することは可能でしょうか?

つまりブラウザ上でソースをチェックすると、
表示されている文字はcssに記述されているので、
検索エンジンからは文字は認識されない状態です。
困り度：
  • 困っています
質問投稿日時：
08/05/15 14:44
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答良回答20pt
ANo.7 ブラウザの実装状況を見るとCSSでは難しそうですね。

外部jsファイル内にであれば、
「Javascript ヒアドキュメント」で検索すると、
エスケープせずにhtmlを書く方法が出てきます。

参考サイト
​http://d.hatena.ne.jp/koseki2/20080112/jsheredoc​

でも、Googleのクローラーは、
javascript内に書かれた文字も読むことができるらしいので、
念のため、メタタグでロボット拒否を書く必要はあるかもしれません。
回答者：kuzumiHK
種類：アドバイス
どんな人：専門家
自信：参考意見
回答日時：
08/05/20 01:10
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.6 全部画像にしてbackground-imageで表示する、とか…。
テキストの挿入ならjavascriptのinnerHTMLが早いですが。

headに<meta name="robots" content="nofollow">とか入れておけば
検索対象からは外されますよ。
回答者：tenderfeel
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：
08/05/15 18:55
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.5 cssでは厳しいでしょうね・・・
Ｎｏ３の方に同意ですが、ちょっと補足。

文字が多いときは画像にしてられませんよね。編集も大変ですし。
<iframe>によって隠したい文字のみを記述したhtmlファイルやtxtファイルを、
フレームなしでそこに書いてあるかのように貼り付けるとどうでしょう。

iframeまでたどって内容を表示する検索エンジンは無いと思いますので。

ただし、隠す文字を記述したhtmlファイルには<meta>タグで検索回避のための処理をしておくのをお忘れなく。



ちなみにＩＥはcssのbefore,afterには対応してないみたいです。
回答者：15mm
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：
08/05/15 17:19
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答良回答10pt
ANo.4 CSS2のbefore,after疑似要素を使えばできます。

例)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Some CSS trick</title>
<link rel="stylesheet" href="csstrick.css" type="text/css">
</head>
<body><h1></h1></body></html>

でCSS(csstrick.css)は

h1:before {
content: "The quick brown fox jumps over the lazy dog.";
}

こんな感じ。
当然CSS2にまともに対応しないブラウザではなにも見られません。
回答者：heiwa4126
種類：回答
どんな人：経験者
自信：自信あり
回答日時：
08/05/15 15:43
参考URL： ​http://www.y-adagio.com/public/standards/tr_css2/selector.html#befo...​
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.3 > つまり、ある文字列をブラウザ上には表示して、
> 検索エンジンから読み取れないようにしたいのですが。
そのデータを画像にすればいいでしょう。
回答者：Chiquilin
種類：回答
どんな人：一般人
自信：自信あり
回答日時：
08/05/15 15:23
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.2 > html上の文字やリスト全部をcssに記述して、
> それを読み込んでブラウザに表示することは可能でしょうか?

htmlの要素(文字を含む)に対してスタイルを設定できるがスタイルシートです。
文字をCSSで指定することはできません。

> つまりブラウザ上でソースをチェックすると、
> 表示されている文字はcssに記述されているので、
> 検索エンジンからは文字は認識されない状態です。

ブラウザに表示できるということは、ブラウザが文字を認識できるということです。
ブラウザが文字を認識できるものは、検索エンジンも文字を認識できます。
回答者：higekuman
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：
08/05/15 15:01
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.1 ブラウザに表示すべき文字をCSSに書くことは出来ません。

何のために、CSSに記述して検索エンジンから隠すのでしょう？その理由を書いていただければ代替手段はあると思いますが・・
回答者：shimix
種類：アドバイス
どんな人：経験者
自信：参考意見
回答日時：
08/05/15 14:48
この回答への補足ご回答ありがとうございます。
つまり、ある文字列をブラウザ上には表示して、
検索エンジンから読み取れないようにしたいのですが。
この回答へのお礼この回答にお礼をつける(質問者のみ)
最新から表示｜回答順に表示｜良回答のみ表示
スポンサーサイト（詳細）
このページのトップへ