ベストアンサー CSSを使用するとアクセスアップに繋がりますか? 2007/02/09 10:12 サイトリニューアルを検討していますが、CSSを多用するとアクセスアップに繋がるのでしょうか。 HTMLや画像では避けたほうがよろしいでしょうか。 アドバイスよろしくおねがいします。 みんなの回答 (2) 専門家の回答 質問者が選んだベストアンサー ベストアンサー kaz-5919 ベストアンサー率26% (45/170) 2007/02/09 10:15 回答No.2 CSSはただデザインをまとめるので それだけでアクセスアップにはなりませんが よく聞くのは CSSを使用するとデザインを分けるため 本来のHTMLに内容だけが書かれている形になるので 検索対象になる言葉などがそのページに書かれた内容に よりわかりやすくなり検索に引っかかりやすくなる→アクセスアップ ということでアクセスアップになるとは聞きますね 質問者 お礼 2007/02/09 10:25 ご回答ありがとうございます。 内容がわかりやすくなる、それで検索に引っかかりやすくなる。 ということなのですね。 さほど強い効果でもなさそうですね。 アドバイスありがとうございます。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 その他の回答 (1) aya-u ベストアンサー率24% (99/397) 2007/02/09 10:15 回答No.1 CSSって、スタイルシートですよね? CSSかしたところで、アクセス数が増えるとはとても考えられません。 デザインや内容を良くしましょう。 質問者 お礼 2007/02/09 10:24 ご回答ありがとうございます。 さほどCSSにこだわることもないのですね。 アドバイスありがとうございます。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発HTML 関連するQ&A アクセスアップのことで… いままで、トラフィックエクスチェンジやサイトのリニューアルなどで、アクセスアップをはかろうとしてみたのですが、全くアクセス数が増えません。 1日150アクセスくらいにするにはどうすればよいのでしょうか? 教えてください。 もうあと4ヶ月くらいで一周年になるので、もう少し人を集めたいんです。 HTMLとCSSで軽いWEBサイトを作るには? HTMLとCSSでWEBサイトを作ったのですが、 読み込みに時間がかかることがあります。 画像をいれたりしてないのになぜこんなに重いかわかりません。 どのようなことに気を付ければ読み込みの早いWEBサイトがつくれますか? HTMLやCSSで読み込みが遅くならないサイト作りのアドバイスを よろしくお願いいします。(*´ω`) CSSってどのくらいすごいの? 最近、ブログやHPのアクセスアップの手段として、CSSを利用するというのを、目にします。 CSSを使うことによって、htmlの情報を省略することが出来て、より検索ワードにかかりやすくなる。 なんとなく理屈はわかるような気がするのですが、CSS使用のサイトと未使用のサイトではどのくらいアクセス数が変化するものなのでしょうか? ネットワークエンジニアとは?技術職の未来を考える OKWAVE コラム CSSを使ったサイトデザインについて 最近、雑誌などを参考にしながらCSSを使ったサイトデザインに挑戦しています。 そこで疑問に思っているのは、画像の配置方法についてです。 画像をHTML上で配置するのか、CSS上で配置するのかどちらがベストなんでしょうか。(当然、場合によって違うので答えはないのでしょうが) たとえば、gooでいえば左上のロゴマークをHTML上で挿入してCSSで配置するのか、CSSで画像の挿入も含めて配置するのがベストなのか、どちらなのでしょう。 それとも、一定の基準があるのでしょうか。 アドバイスお願いします。 HTML、CSSについて アメーバブログをやっています。 CSSの使用の仕方を覚えたくて、 いろいろやり方を調べてるんですけど、 教えてgooで検索すると、 「まずHTMLタグから覚えるとよいでしょう。」 と、回答者さんがよく答えています。 CSS=ブログのデザインなどを細かいところまで自己流に改造する。 だと思うんですけど、 HTML=????? HTML、HTMLタグとはなんなんですか?? そして、読みかたは?? 「エイチティーエムエル」ですか? HTMLとは何をするもので、 どういうものですか?? HTMLの例か、 HTMLの仕方(?) が詳しく載っているサイトを教えてください。 あと、CSSは 変えたいところ 英語でヘッダーと書いてあるところのあとに、 画像のURLを入力するだけでいいんですか?? 詳しく教えて下さい。 お願いします CSSのリンク CSSに限らずなんですが、数ページでフォルダごとにHTMLがありまして、そこに画像があります。 皆同じ画像なんですがその場合今はそのフォルダごとに画像が入ってますが、一つにまとめて画像用のフォルダをつくりそこにリンクしたほうがよいのですか。 いちいち読み直すのに時間がかかるかもしれないので。 だけど画像は1KBとか2KBのロゴです。 本題のCSSでこれも画像のように一つ一つなんですが、CSSに約30個のセレクタ?があったとして(実際そのくらいあるのですが。多いですよね。) そのサイトごとで違うのは3~4個ぐらいです。その場合現状維持でよいのですか、それともまとめて(40くらいになりますが)最初に重いのを一回読ませて、後はそれを使っていったほうがよいですか。 それでも実際はCSSが30くらいのセレクタで3.8KBで実際そんな重くない?ので個々のリンクで対応してもいいのですか。 cssをgzipにして速度改善するとは? 会社はサイト運営しており、「大きなCSSファイルはgzipにするとお客さんのアクセスするときのDL速度が改善されます」というアドバイスをプロの方から頂いたのですが、当方、gzipがどんなものかわからず・・・。 いろいろ調べ、css.gzになるようファイルを圧縮し、HTMLの参照するcssリンクも新しくxxx.css.gzのファイルに変更しました。 するとサイトはcssがないサイトと同じように、単にHTMLだけのサイトになってしまいました。何か、私が行った作業は間違っていたのでしょうか? また、ほとんどのブラウザではgzファイルでも対応しているとのことですが、対応していない場合の対処として、 ・gzが使えるならgzファイルを読み込んで、 ・gz対応してないならcssを読む のように、サイトのheadタグに記述する方法をご存知の方、教えてくださいませんか。 よろしくお願いいたします。 (当方、あまりPCに詳しくないため、もしこの質問が勘違いによるものでしたら申し訳ございません) アクセスアップ サイトを作った(以前からもあったんですが、新しく本格的に始動しました)んですが、やはり中々アクセスが伸びません。 何か、効率よくアクセスアップ出来る方法はありませんでしょうか? しかし、ただアクセスアップだけではなく、普通にいろんな方が来て下さる様にしたいです。 ご回答宜しくお願い致します。 HTML5+CSS3 でしかできないこと 長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML5+CSS3 が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5+CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML5で作られていますが(section タグや header タグがありますね) XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 3カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております^^ どうぞ宜しくお願い致します! 簡素化したHTMLを書けるようCSSを勉強中です 出来るだけ簡素化したHTMLを書けるよう、CSSを勉強中なのですが、今はドリームウィーバーのCS5.5なのですが、ホームページビルダーでホームページ作りを勉強し始めたため、どうしてもホームページビルダーの癖が出てしまいますし、CSSの云わんとするところは理解出来るのですが、「じゃあ具体的にどうしたらいいの?!」ってなってしまいます。 具体的には、HTMLだけで、TABLEを多重化させ書いていたページを、見た目を変えずに、TABLEを使わずに、HTML(出来ればXHTML)+CSS(外部ファイル)でweb2.0で書くとどうなるかとか、 画像のロールオーバーを≪<body onload=≫で書いていたのを同じくHTML(出来ればXHTML)+CSS(外部ファイル)で書くとどうなるかとか、比較してあると「私は」分かりやすいのですが、そういうサイトをなかなか探し出せないでいます。 こういう事を比較して書いてあるサイトがありましたら、教えて頂きたいです。 また、検索エンジン最適化(Search Engine Optimization、SEO)にもCSSは有効だという事ですが、≪<meta name="Keywords" content=≫等は、HTMLファイルに書くか、CSSファイルに書いた方が良いのか、CSSに書くなら書き方は同じで良いのか等、分からない事だらけです。 よろしくお願いします。 CSSは何言語なのですか? javascriptはプログラミング言語だけど HTMLとcssはプログラミング言語ではないんですよね? HTMLはマークアップ言語でしたっけ? ではCSSは何言語なのですか? マッシュアップ 各サービスで提供されているAPIを使用して、マッシュアップサイトを作りたいと思っています。 そもそもマッシュアップサイトというのは、まず何から始めてどのような手順で進めれば良いのでしょうか? 入門者向けサイトを見ても、入門書を見ても理解に苦しんでいます。 レベルはHTMLテンプレートを使用すればホームページが作れ、CSS等で色や画像を変更できる程度です。 そのようなレベルの超初心者にでも分かりやすく説明されているサイトはありませんでしょうか? 宜しくお願いします。 AIは使う人の年齢や市場にも影響する?人工知能の可能性 OKWAVE コラム PCかスマホか判別し、CSSを振分ける方法はあるか いくつかサイトを持っていますが、現在のPCサイトをスマホにも対応させたいと考えております。 <私の認識><やりたいこと><質問>に分けましたので、よろしくお願いいたします。 <私の認識> 1.現状、まだHTML5に対応していないブラウザがある。 2.PC用サイトとスマホサイトをHTMLレベルで作り分けると、アクセス数が分散してしまう。 3..PC用サイトとスマホサイトをHTMLレベルで作り分けると、更新作業が煩雑になる。 <やりたいこと> 「ブラウザがPCなのかスマホなのかを見分けて、CSSを振り分けたい。」 1..PCサイトの画像数や表現力は維持し、スマホサイトは画像量を抑える為に、画像をCSSのbackground-image:url(xxx.png)で表示させれば、PCには大きい画像、スマホは小さい画像を使った表現ができるのではないか。 2.PCサイトは幅固定、スマホサイトはリキッドデザインにして各画面幅に対応させられるのではないか。 <質問> 1.上記<認識>で間違っている部分はありますか? 2.上記<やりたいこと>の、「ブラウザがPCなのかスマホなのかを見分けて、CSSを振り分ける」方法はありますか? 調べたところ、画面の幅に応じてCSSを振り分けることはできようですが、各幅毎にCSSを作るというのも難しいので、スマホはリキッドデザインで各幅に対応したいと思っています。 よろしくお願いいたします。 ホームページビルダーでCSSをアップできないので困ってます。 ホームページビルダー6.5にてホームページをつくっております。今までは、ページ編集の部分に文字を打ち込んで使っていたのと、HTMLをコピー&ペーストしてつくっていました。 今回、友人にCSSを使ったソースにてサイトをきれいにしてもらったのですが、ホームページビルダー6.5にて更新することができません。初心者でソースの表示からHTMLソースのところにコピー&ペーストしたのですが、たぶんCSSの部分がうまく更新できずにプレビューがおかしく出ます。ちなみに友人はホームページビルダーを使ったことがないとのことで判らず、困っています。 どのようにすればホームページビルダーのHTMLソースからアップデートできるか、もしくは参照すればできそうなサイトなどありましたら教えて下さい。よろしくお願いいたします。 lightbox風なもののCSSの使い方 http://www.e-magine.ro/web-dev-and-design/36/moodalbox/ ↑のサイトのlightbox風の機能を使って、HTMLファイルをページ遷移なしで読み込もうとしています。読み込むページと読み込まれるページは違うフォルダにあり、それぞれに違うCSSを適用しているのですが、どうやっても読み込まれるページで画像が取得できません。外部CSS内のbackgroundやHTML内のimgも表示されません。その他の配置に関するCSSはちゃんと適用されているので、なぜ画像だけが取得できないのかが理解できません。 読み込まれるページのCSSを読み込むページのheadで読み込んでみたり、読み込まれるページのHTMLに直接CSSを書いてみたりもしましたが、変化がありませんでした。CSSはおろか画像やリンクなどすべてを全ページで相対指定しているので、そういうところに差異が出たのかなと疑っています。 そこで、こういう風なツールを使った時、読み込まれるCSSは読み込むページと読み込まれるページのどちらで読み込むべきなんでしょうか。また、ページ遷移していない以上、読みこまれるページの相対指定も読み込むページからの指定とするべきなんでしょうか。よろしくお願いします。 CSSで組む意味 私の上司はCSSを使って書いてもサイトを見に来る人にはメリットが無いからそんなもので書かなくても良いと言い、開き直った様にテーブルのみでレイアウトを組み、フィント等のデザインもCSSではなく、HTMLで組んでしまっています。 そんなわけがないのは皆さんもご存知の様な現状ですが。 では苦労して綺麗にCSSでサイトを作る意義とは何でしょうか? ・SEO的に ・今後全ブラウザはCSSに対応していく様にバージョンアップされるから ・テーブルで組みすぎるとマックユーザーは重すぎる よくある理由はこれですが。 その他説得の材料は考えられますか? htmlファイルにアクセスするとプログラムで開く 宜しくお願いします。 ロリポップで独自ドメインにてHPを公開しようとしています。 htmlファイルは、すべてFTPでサーバーにアップしています。 ドメインも有効になっています。 そこで、サイトの内のhtmlファイルにアクセス(URLをブラウザに直打ち込みして)すると、 「プログラムで開く」また「保存する」とのダイアログがでてしまいます。 プログラムで開くとすれば、一応表示はされますが、CSSが効いていない状態です。 しかもアドレスバーには、 file:///C:/Users/・・・・・・・・ とでしまいます。 試しに、画像へアクセスしてみると正しく画像だけが表示されます。 ※アドレスバーのURLもドメイン含めた正しい画像までのアドレスです。 画像は大丈夫? こういった現象はどう対応すればいいでしょうか? お手数ですが宜しくお願いします。 リセットCSSがきかない コーデイング超初心者です。 HTMLとCSSでWEBサイトを作成していて、 リセットCSSをコピペしたのですがきいていないようで、 Chromeでは綺麗に反映されるのですがそれ以外のブラウザでは位置がずれて表示されます。 YUI3やEric Meyer Reset CSS、HTML5 Doctor CSS Resetを使用しましたが 全部ダメでした。 リセットCSSはサイトに書かれているコードをコピペして貼るだけで使用できるんですよね?? HTMLのheadの方に何か書き込まなきゃいけないんでしょうか?? また、きかない場合どうすればいいでしょうか?? CSSでメニューのマウスオーバーをしたいのですが 下記サイトのようなメニューを外部CSSで作りたいのですが、 このサイトはXHTMLで構成されているサイトだと思うのですが、 HTMLの外部CSSへ書く場合、どのような書き方をするのでしょうか? メニューの素材は、シマ模様の背景を「menu-bg.gif」 赤色▼画像を「menu-hover.gif」として教えて頂けると助かります サイト http://www.sato-krefeld.de/ 因みに前回HTMLの質問ページ(/qa2549277.html)にも同様の質問をさせて頂いたのですが、 そちらでのアドバイスだけでは、少々理解出来ませんでしたので、 再度アドバイスをもらえると大変助かります。 よろしくお願いします。 CSSとCGIの勉強がしたいです。 このたびHPを作ることなり、とりあえずHTMLで書いたのですが、なにやらCSSやCGIを使うのが常識のようですね・・・・が、私がHTMLを勉強したサイトでは、CSSもCGIもさらっとしか触れられていないので、ちゃんと勉強したいです。 CSSもCGIもはじめて触れる私にもわかりやすい勉強サイトをご存知の方がいましたら教えてください。 一箇所で両方扱っていなくても構いませんので、お願いします。 注目のQ&A 「You」や「I」が入った曲といえば? Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市(長野県)在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他(プログラミング・開発) カテゴリ一覧を見る OKWAVE コラム 突然のトラブル?プリンター・メール・LINE編 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? 友達って必要?友情って何だろう 大震災時の現実とは?私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ!負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
お礼
ご回答ありがとうございます。 内容がわかりやすくなる、それで検索に引っかかりやすくなる。 ということなのですね。 さほど強い効果でもなさそうですね。 アドバイスありがとうございます。