HP格付けチェック-2

HP格付けチェックの詳細はこちら。


四番目はflanker氏の「flanker's loopline」。
第一印象ではとても個人HPには（いい意味で）見えません。
左右にサイドバーがあり、中央に縦長の記事があるため、ブログのような存在感があります。
更新は2005年に終了してしまっているようです。

①タグチェック：14個のエラーがありました。このHTMLは 59点です。
タグが 25種類 143組使われています。
製作は手書き。
プロフィールに「HTML4.01およびCSS2の仕様に従ってページを制作しています」とだけあってかなりの高得点完成度です。
と言うより、減点対象はアマゾンのIFRAMEだけみたいなので、タグチェックにおいては事実上100点満点です。
言うこと無し！
4/27追記：言葉が変だったので修正。

②デザイン：
う～ん、駄目出しするところが無い･･･。
「本当にこれHP?ブログじゃないの？」って思ったぐらいですから。
しいて言うならメインコンテンツに誘導するリンクが少し小さいところでしょうか。
全体のバランスを見るとベストなのですが、少し戸惑ってしまいますね。
右のアマゾン広告もうまい具合にマッチしていて、純粋にVRMの商品を宣伝しているだけに見えます。
逆に素人がこういうのをやると、アフェリエイトの利益を少しでも多く取ろうと鬱陶しいデザインになってしまうので。

評価点数85点。素晴らしい。


五番目は今月頭に勇退宣言を出されてしまったTatsuo氏の「Tatsuoのレイアウト」です。
何となく負い目があるので私自身本気で切腹したい気分ではありますが。
アホな発現した手前ですが、またVRM界に戻られることを心から願っております。
さて、氏のHPはレイアウト公開のみを目的として成り立っており、デザインや中身も非常にシンプルな作りとなっています。

①タグチェック：34個のエラーがありました。このHTMLは -3点です。
タグが 21種類 132組使われています。
製作環境は不明。HTMLの構文基準が3.2らしいです。
う～ん、見慣れないエラーがちらほら･･･。
とりあえず減点対象の大半が「画像のALT属性無し」ですので、とりたて問題は無いかも。
なんせ4.01しか知らない身なのでよくわかりませぬ。（汗）

②デザイン
simple is the best。
トップページは極力リンク数を少なくして、次のページで目次を作る。
こういうワンクッション置く作りは個人的に好きです。
トップに全部のリンクを置くのもいいですが、項目が増えるごとにデザインが崩れますからね。
少し違和感を覚えるのが画像の影付け。
この画像ですと左上に影があり、窪んでいる様にも見えます。
それなのにタイトルとレイアウトのキャプチャ絵は左や下に影があるので、ここら辺は統一して欲しかったです。

評価点数90点。
無駄が無いので高得点。


六番目はしおじ氏の「しおじのページ」。
VRMのムービーやV3レイアウトの他、MIDI関係のページも見受けられます。

①タグチェック：328個のエラーがありました。このHTMLは -110点です。
タグが 26種類 707組使われています。
製作環境は不明。
あんまり評価には関係ないですが、タグに大文字と小文字が入り乱れていて不自然だなぁ。
超余談ですが、XMLは小文字と大文字が区別されるそうなので関係者各位は要注意です。（笑）
さて、目立った問題点として＜div align="center"＞＜/div＞等の空属性が見受けられます。
他にも読み込まれていなかったり、表示されているのかわからないタグが多数。
HTMLは565行書いてあるそうですが、スタイルシートを使えば4分の1程度まで簡略化できそうです。

②デザイン
トップと目次を一緒にした形式ですね。
さぁ、突っ込みどころ満載だ。（笑）
HP作成の注意点としてWebでは散々言われつつ、しかし一般のWeb作成本には必ず載っているもので、「HP内で音を鳴らす」という項目があります。
なるほど、確かに音があれば華やかですし、自分の好きな音楽を聴いてもらいたいという思いもあるでしょうが、少なくとも私は音を鳴らすHPは好きではありません。
自分の好きな音楽を聞きながらWeb巡回している人もいますし（私もそうです）、ゲームを大音量でやり終えてからちょっとHPへ、という人もいるはずです。（私がそうです）
警告を出してから音を鳴らすのはまだしも、トップページでいきなり再生されるのは反則。
大きな減点です。
で、それを踏まえた上で更にツッコミたい。
HP全体の左中央。
「High and Mighty Colorさんに歌わせてみたい曲」カテゴリのやや下に注目。

ご注意！MIDIページに入りますと、ミュージックが流れますので、スピーカーの音量にご注意下さい。

注意、遅いっちゅーねん。

こういう矛盾した書き込みは不愉快を通り越して呆れられるので、早急にトップの音楽はやめて頂きたいです。
で、全体のデザインの批評に入ります。
構成としては三段組で縦に連なっているが、これがどうも見にくい。
色も右はカラフルだったり、中央は連続していたり、右はほとんどクリーム色一色だったりと統一性が無いのも原因ですし、文字の書いている部分より空白のサイズが大きい上、字と背景色が似た色で見えにくかったり、文字があまりにも小さすぎたりとやや馴染みにくい（？）HPになってしまっています。
もし修正するのならば、リンク自体を色の付いていない場所に配置して、アクセントとして細いカラーバーを間に配置するのがいいかと。
また、他HPリンクの紹介は間に空白を入れると不自然に見えますので、そこは詰める方がいいと思います。

評価点数20点。
ただ、公開しているレイアウトやムービーは素晴らしいと思っています。
（個人的にはアラスカ炭鉱鉄道とアラビアンナイトのムービーが好きです。）
少なくとも音を消すだけでリピーターは増えるのではないかと思いますので、もしよろしければ修正してみてください。


以上二回目の終了です。
上二人が上手に出来ていたため、しおじ氏に駄目出しが集中した格好です。（笑）
今回は90点という高得点と20点という最低点が出ましたが、あくまでこの点は私が適当につけたものです。
HPのデザインも作り方も人それぞれでそれを何の知識も持たない凡人が勝手に評価するだけなのですからあまりこの点数に惑わされないようお願いします。
当然その日の気分によっても点数が上下する可能性もあるので。
むしろ、それぞれのチェック項目に目を通してくださるとありがたいかと。
また、ここに書いてある意見が私の思ったこと全てでもありません。
意見、反論、同感等があればお気軽にお尋ねください。
みんなでそれぞれのHPの問題点を指摘し合うのもまた一興。

でわでわ。