japan.internet.com
japan.internet.com メンバーID
Twitter
Facebook
RSS
ピックアップ
2002年3月27日 00:00

トップ10サイトの比較検証 -- 3

著者Andrew Starlingオリジナル版を読む海外海外発

トップ10サイトの比較検証
-- 様々な形式の CSS

January 7, 2002


AOL: Welcome to AOL Anywhere
Yahoo: Yahoo!
MSN: Welcome to MSN.com
Microsoft: Welcome to the Microsoft Corporate Website
eBay: eBay - The World's Online Marketplace
Amazon: Amazon.com - Earth's Biggest Selection
Lycos: Lycos
About: About - The Human Internet
Google: Google
Disney: Disney.com - Where the Magic Lives Online!


ホームページタイトル

各ページのタイトルは、ブラウザ画面の1番上とお気に入り/ブックマークに、 そして Windows 画面の一番下のタスクバー内にも表示される。 タスクバーにはその他のアイコンもたくさん表示されるので、 ページタイトルが「Welcome to」で始まったりすると全体を表示する場所がなくなり、「"Wel…"」とだけしか表示できなくなることがある。トップ10のうち3つのサイトでもタイトルは「Welcome to」で始まっていた。実質より礼儀ということか。

その他の7つのサイトでは、サイト名そのものでタイトルが始まり、 タスクバー内のアイコンが非常に小さくなっても表示される可能性を高くしている。

AOL: 使用
Yahoo: 使用
MSN: 使用
Microsoft: 使用
eBay: 使用
Amazon: 使用
Lycos: 使用
About: 使用
Google: (非常に少ないが)使用
Disney: 使用


クライアント側の JavaScript

JavaScript は皆が使っており、 非常にたくさん使っているサイトも多い。 ポップアップウィンドウを表示させないように出来ないユーザーがいるので、 クライアント側での JavaScript の使用は人気が衰えてきていると考える人もいるだろう。 それは間違いである。

AOL: 内部スタイルシート
Yahoo: 使用していない
MSN: 外部スタイルシートで、.ashx ファイルをたくさん使用(50k)
Microsoft: 外部 .css ファイル
eBay: 使用していない
Amazon: 内部スタイルシート
Lycos: 外部 .css ファイル
About: 外部 .css ファイル、9k の大きなファイルもある
Google: 内部スタイルシート
Disney: 使用していない


CSS

この点については共通点はあまりない。 CSS を全く使わないサイトが3つ(そのうち2つのサイトには、あまりテキスト文字がない)、 メインページにスタイルシートコードを使用しているサイトが3つ、 外部 .css ファイルを使用しているサイトが3つで、 MSN は独自での方法で、.ashx のスタイルシートファイルをたくさん使用している。 このファイル形式は、Microsoft .NET イニシアチブに関係しているようだ。

コンセンサスがあるとすれば、 一般的に多くのサイトが様々な形式で CSS を使用しているということである。

AOL: 585ピクセル
Yahoo: ほぼ700ピクセル、640ピクセル画面で少し切れる部分がある程度
MSN: 768ピクセルだが、640ピクセル画面に完全に収まるよう縮小する
Microsoft: 全体は100%、メイン部分は621ピクセル
eBay: 600ピクセル
Amazon: 100%、640ピクセルで充分
Lycos: 100%、最小幅が約760ピクセル
About: 654ピクセル
Google: 800ピクセルウィンドウの場合で700ピクセル、しかし640ピクセル、500ピクセルにも対応出来る。
Disney: 640ピクセル

(800ピクセル幅ウィンドウで640ウィンドウに表示し算出)



ページ幅(ピクセル)

ややこしくなるところだ。 ページ幅を HTML コードではっきり指定していないこともあり、 画像や時にはテキストの横幅で決まることがある。 ページ幅を算出するのに、わざわざ画面の幅を計らなければならない場合もあった。

ほとんどのサイトで800ピクセル幅の画面に完全に収まり、 大半は640ピクセルでもほとんど問題がなかった。 Lycos は例外で、実際800ピクセル必要であった。 Yahoo 、About 、Disney の場合、640ピクセルだと垂直スクロールバーが邪魔になり、 多少切れる部分があるが、あまり大きな問題ではなかった。

おもしろいことに、4つのサイトで800ピクセル幅いっぱいにスペースを使うわけでなく、 640ピクセルのレイアウトとほぼ同じにすることにこだわっていた。

トップ10サイトの比較検証 -- リンク
トップ10サイトの比較検証
トップ10サイトの比較検証 -- 4
プリンター用
記事を転送
この記事をクリップ!
【特別連載企画】大艦巨砲主義にして卓越したレスポンス--GALAXY S II WiMAX
【特別連載企画】大艦巨砲主義にして卓越したレスポンス--GALAXY S II WiMAX 1月20日より販売が開始されたサムスン製スマートフォン「GALAXY S II WiMAX」。カタログスペックでは、他メーカーのハイエンド機と同じように見えても、実際に使うと卓越したレスポンスに驚かされる。
⇒詳細記事はこちら
⇒連載記事一覧はこちら
注目のトピックス
最新コラム一覧
百式のネットビジネス研究
百式のネットビジネス研究
フリーランスな人が多い今だからこそ…「FREELANCE THANKS」
アウンのグローバルマーケティング動向
アウンのグローバルマーケティング動向
Web プロモーションにおいて大切なこと―年度末編―
週刊-サイト別アクセス状況データ
週刊-サイト別アクセス状況データ
12月の主婦層、ベルメゾンが首位を維持(VRI 調査)
多言語×Web×海外マーケティング情報
多言語×Web×海外マーケティング情報
海外発、注目 AR プロモーション
エンジニア転職ノウハウ開発室
エンジニア転職ノウハウ開発室
楽天が目指す変革──Globalization、Agile、Big Data
中国・台湾ネットビジネス情報最前線
中国・台湾ネットビジネス情報最前線
中国から Web を見てもらいたいならば
マーケティングに活用できる最新トレンド
マーケティングに活用できる最新トレンド
改めて、「導線」最適化に目を向ける
次世代マーケティングチェーンの視点
次世代マーケティングチェーンの視点
ソーシャル時代における BtoC 型 Eコマース成功のポイント
Copyright 2012 internet.com K.K. (Japan) All Rights Reserved.