ウェブマスターフォーラム

Web 制作 (SEO, SEM, CSS, Web デザイン等) に関する話題を扱うフォーラムです。

新規ユーザー登録 | パスワードを忘れた

テーマ : ウェブデザイン [RSS]

リンク　：　フォーラム　|　Su-Jine　|　ブログ　|　HTML PING WORLD　|　ポイ探　|　広告について

★東京オフ会予定 3/1 (土)
★大阪オフ会予定 2/23 (土)
オフ会FAQ

スタイルシートや配色・レイアウト、ナビゲーションやユーザビリティについての話題を扱います。

トピック一覧

→ウェブデザイン 内のトピックをすべて一覧する

• ウェブデザイン一般

  No.25 - 2007年02月08日 18:22
  ポム （10ポイント）

  「あいらいく京都」のポムです。
  http://like.o-oku.jp/
  ↑忘れてました。ゴメンンサイ。

  No.26 - 2007年02月09日 09:55
  ns-sh （100ポイント）

  ポムちゃん、お久しぶりネ。相変わらず更新を頑張ってますね。
  ところでいつも思うのはポムちゃんの相談の内容は「ウェブマスター雑談」の方でするべきですね。
  
  FTPにUPする時に間違えるとは思えないので、相互リンクをお願いした時にうっかり「じゃらん」のURLを書いたとかではないですか？

  No.27 - 2008年03月11日 00:47
  きゃしゃ （100ポイント）

  非常にアホなことを伺いますが、
  「主要ブラウザでXHTMLを互換モードでレンダリングする方法」
  もしくは
  「標準モードでtable{height:100%;}を有効にする方法」
  ってないもんでしょうか。
  
  例の「フッターをウインドウ最下部に」って命題なんですが、
  意地はらずにtable使えば楽勝じゃん、と、思ったのもつかの間、
  xhtmlにもってったら使えません（泣

  No.28 - 2008年03月11日 13:27
  ciel （100ポイント）

  >きゃしゃさん
  
  そういうときは無理せずにHTMLで...。
  
  以下雑談
  今日歯医者で歯抜かれてそろそろ麻酔が切れてきました
  本日はアルコール類、御法度です。。。

  No.29 - 2008年03月11日 15:40
  きゃしゃ （100ポイント）

  あたし自身は、意地はらずにHTML4.01にする心の準備はできてるのですが、
  CMSのスキン書いてるですけど、このCMSがXHTMLしか吐かないんですよねぇ。
  あえてDOCTYPE宣言しないっていう不良上等作戦もあるんですけど。
  
  html body等親要素に片っ端からheight:100%を指定すると、
  近いところまでは来ました。
  おのれ、IEのアホ〜
  
  ちなみにあたしは腸炎でアルコール控えめです。

  →もっと古いレス

• 英語と日本語のバイリンガルページの問題

  No.3 - 2007年11月16日 13:10
  woodblock100 （10ポイント）

  > ひとつ改善点をあげるならば、titleやmeta Keywords
  > よりも先にcharsetを書く方がより安全です。
  
  Yes, good point ... Thank you! それは、今回の問題かもしれません。今、ページを直しました。（自分がテストすろことが出来ませんですが、...）
  
  > エンコード＞自動選択のチェック...
  
  でも、ブラウザのencodingが間違ったら、「もじばけ」になりますね。白紙状態ではない...
  
  One day, _everybody_ will use utf, and then no more problems! (I hope)

  No.4 - 2007年11月16日 13:38
  きゃしゃ （100ポイント）

  キャッシュをクリアして試してみました。
  ちゃんと表示されます。
  他のウインドウズ+IEユーザーもこれで表示されるようになっていればいいですね。
  
  I'm glad if I might help my friend. :)
  
  By the way,,,,,
  
  Win+IEではデービッドさんの顔写真が表示されません……
  http://browsershots.org/http://woodblock.com/solitudes/intro.html

  No.5 - 2007年11月16日 14:44
  woodblock100 （10ポイント）

  > ちゃんと表示されます。
  
  きゃしゃさん、ありがとう！
  
  > Win+IEではデービッドさんの顔写真が表示されません……
  
  More problems! 今、CSSをちょっと直しました。これから、browsershotsで見てみます。（それは、面白いサイトですね！）

  No.6 - 2007年11月16日 17:40
  きゃしゃ （100ポイント）

  きゃしゃです。
  ＞woodblock100さん
  見落としてたんですが、日本語のページ、DOCTYPEがHTML 4.0 Transitionalになってます。
  XHTMLだと、本当はDOCTYPEの前にXML宣言をしなければいけないんですが、
  IE6で不具合が出るので、わざと宣言しないのがテクニックだとか。
  私は宣言入れてないです。
  
  詳しくは検索してみてください。

  No.7 - 2007年11月19日 22:46
  woodblock100 （10ポイント）

  > 詳しくは検索してみてください。
  
  Yes ... this page seems to have good information; I'll study more ...
  
  <a href="http://www.htmlhelp.com/tools/validator/doctype.html">http://www.htmlhelp.com/tools/validator/doctype.html</a>

  →もっと古いレス

• CSSのみでのレイアウト

  CSSのみでのデザインをやってみよ♪

  No.52 - 2007年04月16日 21:37
  きゃしゃ （100ポイント）

  ＞金川誠司さん
  こりゃまたよさげなサイトをありがとです。
  疑似フレームでフッターでずっぱりなんですね。
  これはこれでおもしろい。
  ちゅーか、やっぱスターハックとかでIE拾うのは
  避けられないいんすかねぇ。

  No.53 - 2007年04月17日 00:46
  きゃしゃ （100ポイント）

  Safariで全然だめだー
  height100%効いてねぇー

  No.54 - 2007年04月17日 23:19
  金川誠司 （20ポイント）

  >きゃしゃ さん
  
  失礼いたしました。
  ie7なもので・・・
  
  と、いうことはSafariでうちのサイトは、まともに見れないかもしれないですね。
  
  一度、Safariの方にみていただいたこうかな・・・

  No.55 - 2007年04月19日 12:42
  きゃしゃ （100ポイント）

  >>54
  いや、失敬。
  >>47-48
  あたりがSafariでダメだったんです。

  No.56 - 2007年09月06日 11:10
  きゃしゃ （100ポイント）

  んむむ？なんだぁ？
  CSS2とCSS3にはtext-shadowあるのにCSS2.1にはないのか？
  www.w3.org/TR/CSS21/text.html
  むきー！
  ま、どっちみち代替にfilter:shadowも使ってるからvalidにはならんのですが。

  →もっと古いレス

• ウェブサイト診断

  No.124 - 2006年12月20日 11:23
  たつ （100ポイント）

  >121
  返答ありがとうございます。
  3割減は、きついですね。
  すぐに売り上げ減は出てこないとは思いますが、後々ジワジワとダメージが来ると思います。
  
  精神論となりますが、あせらないで下さい。
  落ち着いた行動が、いい結果を長期的に見て生むはずですので。

  No.125 - 2006年12月20日 12:39
  thara （10ポイント）

  有難うございます。焦らず次の大変動を待ちます。笑　
  とりあえず検索時の日付が昨日になってたのでヤフーは
  みてるようなのでちょっとほっとしてます。

  No.126 - 2006年12月20日 15:20
  ns-sh （100ポイント）

  >122　xenoさん
  私は好きな感じです・・(^_^)。　
  だから何も言う事なし。
  管理人プロフィール読んで驚いちゃった。
  若いのに言葉使いや礼儀正しくて関心ネ。

  No.127 - 2006年12月20日 19:24
  xeno （30ポイント）

  >123
  たつさんありがとうございますm(_ _)m
  信頼感と落ち着いたイメージはまさに目指すところなのでとても参考になりました。
  
  >126
  ns-shさんありがとうございますm(_ _)m
  若さを出さないような大人のレイアウトを考えていたのでとてもうれしい限りです。

  No.128 - 2007年07月09日 10:24
  たつ （100ポイント）

  全然書き込みが無いので、上げてみました。
  
  書き込みテンプレ：
  ●サイト名：
  ●ＵＲＬ：
  ●サイトが目指す方向： 例：シンプル　青を基調とした　安心感のあるサイト
  ●気になる点：ここだけは少なくとも見て欲しいという点 例：買い物カゴの位置　メニューバーの位置
  
  
  
  ---------------------------------------
  SEO診断はこちら
  http://forum.su-jine.net/theme/seo/2/

  →もっと古いレス

• 教えて！あなたのサイト製作環境♪

  どんなソフト、環境トでホームページ作ってますか？

  No.19 - 2007年04月26日 15:50
  たつ （100ポイント）

  おすすめは・・
  
  ●キーボード
  東プレ - 17000円くらいの高級物
  
  マウスパッドもいいのを購入されたんですか？
  マウスは、僕は、マイクロソフト派ですね。あの大きさ、デザインが好きです。

  No.20 - 2007年04月26日 20:25
  hideki （38ポイント）

  たつさんレスありがとうございます
  
  キーボードもおすすめということですので探してみます。
  東プレですね！
  
  マウスパッドはノーマルですね。
  良いやつ探してみます。
  
  ありがとうございます。
  
  ちなみに
  
  ■メールソフト
  thunderbird , ぶらうざ firefox。
  thunderbirdは ver2.0 になってからさらに使いやすくなったのでおすすめです。
  
  あとfirefoxのエクステンションで
  webdevelloper 日本語版　もおすすめですね。phpを作るさいのデバッグが簡単になります。

  No.21 - 2007年05月08日 10:43
  ZARU （10ポイント）

  はじめまして。登録して初投稿です。
  
  ■PC
  DELL OPTIPLEX GX620
  OS : WindowsXP SP2
  CPU : Pentium4 3.40Ghz
  Mem : 2GB
  HDD : 240GB
  画面: DELL 2007FP 20.1インチ UXGA
  HHK Lite2 + Microsoftワイヤレスマウス
  
  ■ソフト
  画像 : PhotoshopCS2 / Flash8
  HTMLエディタ : Dreamweaver8 / 秀丸
  SSH/SFTP : WinSCP / Putty
  FTP : NextFTP
  ランチャー : ステルスランチャー
  フォント管理 : FontMaster2
  
  マウスパッドには
  http://www.sanwa.co.jp/product/acc/mousepad/mpd-op22.html
  がオススメです。
  ただ、マウスによっては抵抗摩擦が大きいので動かすのにストレスを感じるかも…。
  
  PHPを

  No.22 - 2007年05月08日 15:44
  たつ （100ポイント）

  エアーパッドプロ
  http://www.pawasapo.co.jp/products/air/ap.php
  
  僕はこれを使ってます。価格の割に、なんか今イチのような気がします。

  No.23 - 2007年05月25日 11:30
  hideki （38ポイント）

  こんにちわ。
  
  photoshopCS2ですか。いいですねー。
  イラストレーターとかでもそうですがあんまり最新バージョン使うと古いバージョンで保存しないと印刷会社が対応していなかったりするのでそれが痛いですよね。
  
  フォント管理は直接突っ込んでますけど、フォントが多くなると管理が大変なので、次のパソコンにはfontmaster2ってのをぜひ使わさせていただきます。
  
  エアーパッドプロ、ボクも早速ビッグカメラで買ってきました。以前のものが 980 円だったのでそれよりは使い勝手いいです＾＾

  →もっと古いレス

• Googleの無料テストツール・ウェブサイトオプティマイザーでコンバージョン率を上げる

  No.1 - 2007年05月22日 12:12
  crexp （10ポイント）

  Googleがまたとんでもないツールを無料で提供しはじめました。その名も、ウェブサイトオプティマイザー！
  
  Googleアドワーズアカウントを持っているだけで、あなたのウェブサイトを"お金のなる木"に変えてくれる、そんな最強のツールが無料で使えるのです。(Googleアドワーズアカウントを作るだけで使えるので、アドワーズ広告を出さなければ本当に全て無料です。)
  
  
  
  
  
  Googleウェブサイトオプティマイザーで出来ること
  
  例えば、ウェブサイトのヘッドラインの部分で、2つのアイデアが浮かんだとします。そんな時、その2つのヘッドラインがどちらが良いアイデアかテストをすれば良いのです。具体的には...
  
  * あなたのサイトに訪れた半分のビジターにはAのヘッドラインが表示され
  
  そして
  
  * 残りの半分のビジターには、Bの見出しが表示される
  
  用意スタートではじめ、最終的にGoogleウェブサイト オプティマイザーがどちらから何件のオーダーがあったか、具体的な数字で教えてくれます。
  
  Google ウェブサイト オプティマイザーの良いところは、一箇所だけでなくいろんな部分を、一度にテストすることができます。
  
  ...例えば、ヘッドラインのテストをしている間に、本文/イメージ/価格/オファー/申し込みボタン/その他い色々、を一度にテストできるのです。ウェブサイトを見る側によって、違った組み合わせのウェブサイトが出来上がり、Google ウェブサイトオプティマイザーが最終的にどの組み合わせが一番パフォーマンスが良かったかを教えてくれます。
  
  今まで、あなたのウェブサイトの内容は誰が決めていましたか？マネージャー？それともウェブサイトデザイナー？では質問です。実際にその内容がベストであるという証明ができますか？
  
  これからは、 良いと思う案を取り込んで、後は実際に利用していただくお客様に決めてもらえば良いのです。
  
  
  でも残念ながら、どこをどうしたらコンバージョンがあがるかまでは、Googleは教えてくれません。そこで、こんな記事がありますので、参考にしてください。
  Googleウェブサイトオプティマイザーを使って、コンバージョン率を2倍にする101の方法
  http://www.crexp.jp/101/

• CSS :: SEOと見ための両立について

  indent css

  No.1 - 2006年11月27日 02:49
  MIX （10ポイント）

  初めまして。みなさんのご意見等を伺いたく投稿をさせて頂きます。よろしくお願いします。
  
  一般的な2カラム（3でもいいですが）のcssによるレイアウトがあったとして、トップに200x800px（タテヨコ）程度のヘッダがあるものとします。左上にロゴがあって、トップページへのリンクとなっている。全ページ共通のヘッダぶぶんです。ブログなどによくある定型的なデザインです。
  
  んで、デザイナー的な視点ではヘッダ部にテキストを入れたくなく、画像（あるいはflash）のみのデザインにしたいわけですが、SEO的にはbodyの始まりぶぶんに<h1>〜</h1>をテキストリンクで入れよということになるので、以前はトップのロゴをh1タグで囲んでaltを入れるということをやっていましたが、altのぶぶんは検索ボットに読んでもらえないかもと教わりましたので、ヘッダ部のさいしょに<h1>〜</h1>をテキストで記述し、それをcssによるposition指定で、ヘッダの下の方にずらすということをやっております。
  
  つまり、「見た目は、ページの一番上にロゴとか、カテゴリボタンとか、いろいろトップの装飾的な画像がいちばん上にあってh1で囲まれたぶぶんは下の方にきているわけですが、ソースを見るとh1がbodyの始まりに記述されてある」という方法を自分なりに考えてみました。これは単に位置をずらしているだけなので、文字を見えないほどに極小化するとか、レイヤーの下に隠すなんていうスパム的なやり方ではないだろうとじぶんでは思っています。また、これをやることにより、たとえばヘッダの下が3カラムのデザインだったとしても、真ん中のカラムにh1を入れることができていいかなと思いまして。
  
  と前置きが長くなってしまったのですが、ここからが本題です。私は上記のようなやり方でいつもデザインをするのですが、他サイトのソースもよく見ます。「みんなはどうやってるのかなぁ」ということにすごく興味があるので。それで今日もひとつ見てみたら、とある大手自動車メーカーのブログサイトのcssをチェックしたしたところ、ページ上に見えないh1, h2, h3がソースの中には記述されており、text-indent: -10000px;で隠しているのを見つけました。これはペナルティにならないのでしょうか。みなさんはいかが思われますか。
  
  私は一介のフリーのデザイナーで、あっちはびっくりするような大手のサイトなのでケチをつけるのもおこがましいのですが、ナヌ〜と思いました。このやり方は正しいと思われますか。ということを質問してみたかったのでした。該当ページのurlはいちおう伏せときます。まだこのフォーラムに不慣れなもので書き込んでいいものかどうかわかりません。書き込んでよいものでしたら、そのようにおっしゃってくださいませ。
  
  また、上記質問以外にも「SEOとデザインの見た目を両立させる」というテーマでご意見、アドバイス等頂けたらと思います。長文になりましたがよろしくお願いします。

  No.2 - 2006年11月27日 11:09
  Marz （34ポイント）

  質問の回答というより私個人の意見になりますが、例え「見出し語」を隠していようといまいと、検索エンジンの結果順位付けが、そのページにたどり着きたいユーザーを正しく導くためのものだとすると、結局は「見出し語」の内容が問題になるんじゃないでしょうか？
  検索結果として意図したものにしたいから「見出し語」を隠すのではなく、ユニバーサルデザインを意識してそうなったソースだとしたら、それをスパムと判定した検索エンジンのスパム判定そのものの精度が疑われてしまうと思います。
  要するに、「見出し語」を隠しているかどうかがスパムではなく、そのサイトを正しく表現しているかどうかが基準なのではと思います。
  その大手自動車メーカーのサイトは、検索結果に正しい結果を促すに値しない語句を隠していたりするのでしょうか？

  No.4 - 2006年11月27日 13:53
  幸之介 （84ポイント）

  まずなにより、Marzさんの意見ごもっともだと思います。
  
  アクセシビリティのために、たとえば「通常は見えない（隠しておく）けど、音声ブラウザ用のテキストを記述しておく」といったこともあるので、h1のテキストを隠すこと自体は問題ないと思います。
  それをマイナス1万ピクセルとして記述することは気持ち悪く感じますが、現状のCSS状況ではやむなしと思っています。いまはこの方法が定石ですが、きっと将来はもっといい記述の仕方ができるようになるでしょう。
  
  あと、少し話はそれますが、h1絶対主義は迷信だと思います。サイトのロゴをh1で記述するのがマークアップ的に適当かどうかの議論はありますが、仮にロゴをh1、ページ見出しをh2にしたとしても、ページ見出しをh1でマークアップした時とSEO効果は変わらないでしょう。
  検索エンジンはサイト全体を見回して、「このサイトはh1がすべて同じだ。ということは、これはサイト共通のロゴであって、ページを個性づける最重要な見出しはh2だな」と判断するはずです。いわんや、title要素にh2の見出しテキストが記述されていればなおのこと。
  
  あと、該当URLは書き込んでもいいでしょう。書き込む本人が遠慮するかどうか、リンクされた側が嫌がるかどうかの問題で、ルールとしてリンクを張ってはダメな場合はありません。

  No.5 - 2006年11月27日 14:14
  ciel （100ポイント）

  >MIXさん
  
  http://forum.su-jine.net/theme/web-design/41/
  トピック : CSSのみでのレイアウト
  No.15
  に私が同じような内容テーマの書き込みを以前しておりますので参考になれば...
  
  見本ページ
  http://park12.wakwak.com/%7Eciel/sa/index.html
  
  わたしはSEO的な狙いと言うよりもやはり見た目の為に画像置換を結構使ってますが今のところスパムとしてペナルティはないと感じています。
  私の場合は念のためrobots.txtでCSSでを記述した外部ファイルをロボットはじいています。
  
  弊害と言うか、ユーザービリティを考えるとかなりめんどくさい事にはなります
  ttp://www.fsiki.com/jet/css-xhtml/text-indent.html

  No.6 - 2006年11月28日 01:36
  MIX （10ポイント）

  みなさん、レスをありがとうございます。
  
  Marzさん、幸之介さんのレスを読んで「あぁそういうものか」と思いましたです。でも「隠す」ちゅうのはじぶん的にいやなんですけど、まぁ好みの問題ですねw。お二人の意見を読んでほぼ納得できたんで該当ページのurlをここに記述しないでおきます。そこに書かれてある見出し語はサイトの内容に照らして相応の言葉があったのでたぶんMarzさんのおっしゃるような意図で挿入されているんでしょう。
  
  あと私もh1が絶対だなんて思っておりませんです。これの記述がないサイトでアクセスがたくさんあるところも多いですよね。まぁ、なんというか、入れないときもちわるいみたいなのがあるんで、どうしても入れたいのですw。
  
  cielさん、挙げて下さったurl、参考になります。cssとjsのオンマウスオーバーは私もよく使いますが、確かに言われてみればアレもそうですね。外部cssをrobots.txtでハジくというやり方は知りませんでしたので私も今後取り入れてみようかなと思います。.htaccessでハジいちゃうと「厳禁！」みたいなかんじになってこれはどうかと思いますが、robots.txtは「できるなら見ないでね」程度なのでこっちの方がよいなと思ったりしました。

  →もっと古いレス

• IE7BetaでCSSブラウザ表示等について

  IE7に対応させよう

  No.1 - 2006年06月23日 14:46
  hideki （38ポイント）

  こんにちわ。お久しぶりです。
  IE7ベータがけっこう前に出ているみたいで、
  レイアウトもCSSだと崩れるみたいですがどうでしょうか。
  
  また、RSSに対応しているということで今後より一層RSSを使用したサイトが人気を集めそうです。
  
  なにか気づいた点がございましたら意見交換しましょう。

  No.2 - 2006年06月23日 17:03
  たつ （100ポイント）

  http://www.microsoft.com/japan/windows/ie/default.mspx
  
  Windows XP Service Pack 2 (SP2)からの対応みたいですし、
  IE6からの移行も時間がかかりそうですね。
  
  まだインストールも何もしてないので分からないです・・。

  No.3 - 2006年06月24日 20:22
  hideki （38ポイント）

  レスありがとうございます。
  自分のPCは何故かインストールできないので
  漫画喫茶からダウンロードして試みているのですが、
  漫画喫茶は再起動するとデータが初期化されてしまうので見れないんですよね。。。

  →もっと古いレス

• デュアルモニターの操作性

  教えてください。効率の良さ。

  No.3 - 2006年11月02日 14:44
  hideki （38ポイント）

  >>幸之助さん
  
  レスありがとうございます。
  自分、今17型一つありまして、もう一つ17型を買ってこうと思います。
  
  vista出たらPC買い換えようと思っていたところなんですけどね。
  vista出てから・・・何ていってたらキリがなさそうですのでデュアルモニターやってみます。
  
  使い勝手またご連絡します。

  No.4 - 2006年11月02日 19:23
  hideki （38ポイント）

  早速買ってきました。
  
  17インチ。2台付け。
  超いい感じですね。作業効率が 2〜3 割あがってる感じがします。
  
  というわけでホームページを効率良く作るにはデュアルモニターをオススメです。

  No.5 - 2006年11月04日 20:06
  きゃしゃ （100ポイント）

  置く場所がないんじゃー。（魂の叫び）
  21インチブラウン管にWINとMac2台つないで
  モニター切替器でばっっちょんばっちょんやってる現状。
  ブートキャンプ+インテルMacに一元化しようかと考える次第。

  No.6 - 2006年11月05日 00:18
  幸之介 （84ポイント）

  デュアルじゃないけど、21インチブラウン管のスペースがあれば24インチワイド液晶が収まる気がします。

  No.7 - 2006年11月05日 01:06
  hideki （38ポイント）

  デュアルって
  
  モニターを水平に置いて横長にするだけ
  
  と思ってましたけど
  
  モニターを 2つ同時に使うって感じでいいっすね。

  →もっと古いレス

• WEB素材、フリー素材

  使えるWEB素材、シンプルなWEB素材、かっこいいWEB素材等の情報を交換しましょ〜。

  No.17 - 2006年05月17日 09:52
  たつ （100ポイント）

  >16
  おぉ。ありがとうございます。
  すごく使いやすい、しかもかっこいい素材ですね。

  No.18 - 2006年05月17日 10:45
  noriyan （17ポイント）

  気に入ってくださり良かったです。
  って私のサイトではないのですがw
  
  背景色が白のシンプルサイトに映えるアイコンが多いので結構使ってます

  No.19 - 2006年05月17日 11:18
  たつ （100ポイント）

  そうですね。基本的に白のみとなりそうですが、
  僕のサイト自体、背景が白なので、問題ないです。
  
  素材配布サイトは、動物の絵がはいったラインとか、
  かわいいサイトが多いので、企業のサイトとしては使いにくいですが、
  そこはシンプルなので使いやすいですね。

  No.20 - 2006年05月19日 15:01
  thai （19ポイント）

  シンプルな背景画像を作成できるフリーサイトです。
  タイプやカラーなどを指定できて、簡単に作れます。
  
  [Background Image Maker]
  http://lab.rails2u.com/bgmaker/

  No.21 - 2006年05月19日 15:47
  たつ （100ポイント）

  >20
  ありがとうございます。
  色も細かく、しかもラインの形状やサイズも指定できるので、ものすごく実用的ですね。

  →もっと古いレス

• サイトのダウンロード対策について

  サイトのコンテンツや各ページの丸々ダウンロードに悩み中です

  No.6 - 2006年04月03日 08:31
  morizo （17ポイント）

  こんにちは、同じ経験をしたことがあるのでもとの文章でも十分理解できます。
  参考までに私の知っている知識では次のような方法を実行しています。
  
  初歩的な対策は、文字コードをshift-jis以外にすることです。
  これだけで世の中の8割以上の人は、ソースが理解できずコピーしなくなります。
  でも少し技術がある人にはまったく無意味です。
  次の対策として不完全なhtmlを書くことです。
  SEO的に問題なくかつWEBブラウザでの表示に問題ない程度に作成します。
  ただしIEではタグが不完全だとページの保存に失敗したりソースの表示ができません。これで初心者によるコピーをほぼ防げます。
  もう一つの対策として、cssでデザインを行い、cssを@import urlで記載し、ダウンロードされても意味不明な状態にしておく方法もあります。
  ただし技術のある人が意図的に行うコピーは防ぎようがありません。
  
  ソースを表示させない、オフラインで利用できないなどご質問のようないくつかのツールがありますが、SEO的には最悪の状態になります。
  重要なポイントでだけ使用するのならよさそうですが、トップページには使いづらいと思います。

  No.7 - 2006年04月05日 08:15
  seopepe （10ポイント）

  morizoさんわかりやすいレスありがとうございます！
  
  「@import」ってcssを外部で部品化するという意味でしょうか・・？
  詳しくは知らなかったのですがなんか使えそうですね。ありがとうございます。
  
  それから「不完全なhtml記述」についてですが、どの程度の不完全さ！？にすれば効果がでますか？タグの閉じ忘れとかでしょうか？やはりbody内だとかってに思うのですが何箇所、あるいは具体的にはどのようにいじったらいいか教えていただけますと幸いなのですが・・お願いします。

  No.8 - 2006年04月05日 13:48
  morizo （17ポイント）

  こんにちは。
  「@import」の使いかたはいろいろありますが、この場合ではcssをリダイレクトさせるような処理に用います。実際にブラウザが認識するのはリダイレクト先のcssですが、ダウンロードされるのは「@import」が記載されたcssとなります。
  
  「不完全なhtml記述」については、私の検証結果ではhead内がよいと思います。存在しない文字列でタグを作成するとよいと思います。
  bodyでは実験していないのでよくわかりません。
  なおこの方法は今のところSEOに悪影響ないのですが、将来はわからないので控え目にした方がよいかもしれないです。

  No.9 - 2006年04月06日 09:40
  morizo （17ポイント）

  こんにちは。
  ある有名人のサイトには、HTMLソースにコメントで著作権の侵害なのでコピーは禁止です。とのメッセージと独自デザインを考えることの良さについての文章が記載されています。
  技術的にできることよりもこのような文章による説得または警告が簡単にできて最も効果的かもしれないですね。

  No.10 - 2006年04月11日 03:42
  seopepe （10ポイント）

  深夜にこんばんは。ちょっとお返事が遅くなりました。
  morizoさんご丁寧に教えていただきありがとうございます。
  （・ェ・*）
  
  二つ目の方法で、「ソースにメッセージを記述しておく」という方法！いいですね！
  
  私も経験あります。どこのサイトか忘れましたが、ちょっとソースが気になって見たサイトに「コピーはやめて下さい」という様なメッセージがあったときには何か「ハッ」とさせられたのを思い出しました。
  
  何か見られているような・・・あるいは不意に考えさせられるようなそんな気持ちになった経験が・・・
  
  技術的な方法では上には上がいそうですし、ある程度の対策をとって、後はシンプルに。ソースにメッセージを書いてみます。
  
  ありがとうございました！

  →もっと古いレス

→ウェブデザイン 内のトピックをすべて一覧する