HTMLを綺麗に保つ12の原則

HTMLを綺麗に保つための12の原則が紹介されていました。
HTMLを綺麗に保つ12の原則

HTMLをクリーンにするのが目的なので、ある程度の知識があれば、基本的なHTMLエラーは、Another HTML-lint gatewayを利用して、修正することができると思います。
実際に、①、⑩はこれで解消できますね。
私は、Web標準のウェブサイトを作る場合、ほとんど意識していると思います。
ただやはり、こういった原則というものがあれば、ひとつの指標して有効だと思います。

①HTML 4.01を採用する場合でもXHTML 1.0を採用する場合でもStrict指定のDOCTYPEを使う。
②文字コードの指定はhead要素で一番最初に記述する。&は&のように表記する
③適切にインデントする。
④CSSとJavaScriptは外部ファイルに分離する
⑤タグは適切にネストする。
　a要素にh1要素を入れるというのはインライン要素にブロック要素を含めているという典型的な例。h1要素の中でa要素を指定する必要がある
⑥不要なdiv要素を使わない
⑦class属性には何を意味するかを適切に記載し、将来変更するかもしれないスタイル情報などを含めない
⑧書体はCSSで指定する。たとえば全部大文字で書くといったことはしないで、そういった場合にはCSSでtext-transform: uppercaseを使う
⑨divのid属性やclass属性に不要な情報を書かないで、代わりにbody要素のclassにコンテンツの内容を意味する言葉を指定する
⑩バリデーションを通してタグの閉じ忘れなどがないようにする。
⑪論理的な順序で記述する。たとえばフッターは先頭ではなく末尾になるべき
⑫できることからする。既存のHTMLを書き換えるのは面倒だしCMSを使っている場合はおかしな記述を強要される。重要なのはHTMLをクリーンに保つ原則を知ったということにあり、次にHTMLを記述するときにできるところからはじめればいい

40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート-Web担

40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート
http://web-tan.forum.impressrd.jp/e/2008/03/17/2549

取り急ぎメモ。
詳細は後ほど追記

アクセス解析から導き出す資料請求を増やす方法-Web担

http://web-tan.forum.impressrd.jp/e/2007/06/26/919

「ウェブサイトを作ったがなかなか効果がでない」「反響がない」
よく耳にする言葉ですが、何をもって"効果が出ない"(反響がない)とするのか明確な基準が無い人が多いような気がします。

ウェブサイトに限ったことではありませんが、目標設定がなければ目標の達成はありえません。
そのため、一定の成果を検証するには、目標を設定していないと検証のしようがありません。
また、結果の検証を行う際には、その結果に至った原因を多面的に検証する必要があると思います。

思ったのは、Webサイト制作する側であれば、基準がないまま判断させないべきだと思います。
つまりは、目標を設定させ、価値観を共有した上で評価してもらうべきだと。


で、アクセス解析から目標を達成するための方法。


「ウェブの訪問」の構成要素
ウェブの訪問は以下の4つに要素に分けて考えることができます。

1. 多数の訪問者が
2. どこかのページを入り口にして訪れ
3. いくつかのページを見て
4. どこかのページでアクセスを終了する

アクセス解析の用語で言えば、閲覧開始数や離脱数といったもので上記2,3が把握できます。
そして、閲覧開始数が多いページ、つまりは良い入り口となっているページについては、以下の3つを考える。
　①どこかのページでアクセスを終了する
　②どうしてこのページはサイト内のリンクから訪れる人が少ないのか？
　③このページからどこへ移動しているのか？　資料請求ページに移動しているだろうか？


なんだか振り返ってみると、QC(Quality Control)の説明をしてましたね。

いまさら聞けない“Web標準”、そしてXHTML＋CSS-@IT

いまさら聞けないリッチクライアント技術（4）
いまさら聞けない“Web標準”、そしてXHTML＋CSS
http://www.atmarkit.co.jp/fwcr/rensai/imasara04/imasara04_1.html

Web標準に関する歴史と考え方がわかる記事。
HTML、XHTML、CSSがいまいち分からないひとには非常におすすめ。


・HTML・・・Webページを記述するためのマークアップ言語。W3Cが作成している規格で、最新版はHTML 4.01。
・XHTML・・・Webページを記述するためによく使われるHTMLを、XMLに適合するように定義し直したマークアップ言語。W3Cが仕様策定を行っている。
・CSS・・・Webページのレイアウトを定義する規格。

ユーザビリティを収益に変えるために・・・

サイト解析を使ったユーザビリティを収益に変える為のまとめ-ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-299.html


以下、私のフィルターで。

1. ユーザビリティとは何か
   
   「『カチっとならすクリック』行為が、ユーザーにとってわかりやすい返答を返す事」としている。
   
   言い換えると、「サイト内移動の効率化」と言えるのではないか。
   もちろんそのためには、ゴールに導くための効率化な訳で前提として、「目的」が明確でないといけないが。
   
   
2. ユーザビリティ８つのガイドライン
   
   ①ポップアップを使用しない。
   ②ユーザーの窓のサイズ変えない。
   ③小さいフォント・サイズを使用しない。
   ④クリック先が予想できないリンクのテキスト。
   ⑤リンク切れを持ってはいけない。
   ⑥ほとんどのページであなたはアニメーションを持っている。
   ⑦あなたへの連絡を簡単にする。
   　・・・電話番号やメールフォームがわかりにくいのは致命的ですね。
   ⑧あなたのサイト内リンクは同じウィンドウで開く。



3. どこに誘導していきたいのか。リンクの旅を1つの物語としてストーリーを考える
   
   　これがないのに、「HPは効果がない」っていわれても。
   　「何をさせたいのか」を明確にすることが大事ですね



4. 必ず見ておきたいWEBユーザビリティの為の5つのチェックリスト
   
   ①トップページの直帰率
   
   　アクセス解析を用いれば簡単ですね。
   　直帰率低下の要因としては、「フォントが小さい、FLASHメニューが使いにくい、メニューが使いにくい、なんのサイトかがわからない、それ以降につなげる為の文章が少ない、売りが強い。」とかがあります。
   
   ②初回訪問ユーザーの誘導は適切か
   
   　検索エンジン経由で訪問したユーザーの場合、まずは「このサイトが何に関するサイトなのか」を把握しようと思います。
   その上でコンテンツを見始めますので、タイトルや小見出し、リンク等を適切に把握する必要があります。
   
   ③トップページからいけるコンテンツと、初めての人を誘導するページには、同じメニューがあるか
   
   ナビゲーションメニューがないのは論外ですが、特定のページからしか行くことができないページがあるのは好ましくありません。
   
   ④商品の説明を見る労働を考えているか
   
   　これも基本の考え方である「いかにわかりやすくするか」という観点から「一覧表示→詳細ページ」という一般的な誘導や画像を用いた商品説明を行っているかという点があります。
   
   ⑤どのページからでもお問い合わせできる状態か
   
   　わざわざ、お問い合わせページを作成しているにも関わらず、そのページへたどり着きにくかったり、電話で問い合わせしたいのに電話番号がなかなか見つからなかったり・・・
   　目的を達成させるための最終ステップがわかりにくくなっていては、本末転倒です。
   
   
5. 迷ったら必ずアクセス解析へ
   たとえば、トップページの直帰率、検索エンジンからのユーザーの直帰率、トップページと各コンテンツページのＰＶ数の違いなどなど。
   理解する努力さえあれば、細かい知識がなくても問題点を把握することができます。
   
   また、アクセス解析をやっていないというのは、「効果が出なくなること」を自ら認めていることであり、「新人の営業マンをろくに指導もせずほったらかしにしている」のと同じことです。
   「アクセス解析をしたから必ず○○になる！」というのはありませんが、「効果が出なくなった」「効果をもっと出したい」「リニューアルしたい」という時に「どこをどう変えるべきなのかが分かりません。」
   素人は、「○○すればいいんだ！」と対策が先に立ちがちですが、要因を解析しなければ、対策など立案できる訳もないのです。

ユーザビリティィに関しては、様々なアプローチがありますが、いずれにしても必要な考え方であり、SEOやSEMに走るのでははなく、特別な技術を用いることなく実現可能なユーザー視点でのWebサイト設計が必要だと思います

2007年ウェブデザインの６つのトレンド-コリス

http://coliss.com/articles/build-websites/operation/design/687.html
海外サイトの邦訳ですが、興味深い内容でしたので紹介。
内容は以上6つ。
このブログでは、「4.とても大きなRSSアイコン」は採用してますね。

1. かわいいマンガのマスコット
2. 複雑な回転模様や滴の飾り罫
3. 矩形ではない自由な境界線
4. とても大きいRSSアイコン
5. 高品質なテクスチャ
6. 暗い背景に使用する鮮やかな色

Web制作におけるデザインもトレンドがあるんだなぁと改めて感心。

10個のアクセシビリティアップの基本ポイント-近畿総合通信局(総務省)

http://www.ktab.go.jp/accessibility/index.html

中身の前に、アクセシビリティとは・・・
http://e-words.jp/w/E382A2E382AFE382BBE382B7E38393E383AAE38386E382A3.html

情報やサービス、ソフトウェアなどが、どの程度広汎な人に利用可能であるかをあらわす語。特に、高齢者や障害者などハンディを持つ人にとって、どの程度利用しやすいかという意味で使われることが多い。"accessibility"
とは「近づきやすさ」「接近容易性」といった意味の英単語である。

Webサイトを制作するにあたって、万人に優しいホームページというのが好まれます。
もちろん、そこだけを意識することが良い訳ではありませんが、少なからず考え方を知っておく必要があるかと思います。

で、近畿総合通信局のこのページに関して・・・
「アクシシビリティを意識して、ページを構成してます～」てな具合のページな訳ですが、一般的なＷｅｂサイト制作におけるアクセシビリティの意識すべき点が書かれているような気がします。
その中でも、以下の１０こは基本として抑えておくべきでしょう

1. 各ページに内容が的確に把握できるタイトルをつける。
2. 特定の機種や環境でないと文字が正しく表示されない機種依存文字を使わない。
3. ナビゲーションのためのメニューや表示スタイルを統一する。
4. 閲覧しているページがサイトのどこに位置しているか把握できるように、現在位置を表示する。　(いわゆるパンくずリスト)
5. 文字や画像などの色の違いだけに頼った表現を使わない。
6. 図や画像などについては、可能な限り代替内容(alt属性等)を示す。
7. 見栄えを整えるための強制改行や単語の途中にスペースを挿入しない。
8. 音声ブラウザでは読み込みにくいフレーム(frame）機能を利用しない。
9. リンクをクリックしたときに遷移(画面が変わること)を把握しやすいように新規ウインドウで開かない。
10. 自動で新しいページへ移動したり、ページ内の表示内容を切り替えない。

webサイトに、ある画像を入れるだけでアクセス数が3倍になるネット社会

http://e0166.blog89.fc2.com/blog-entry-389.html

答えは、「女性の写真を使う」ということである。

なるほどと思った。
Webサイトを制作する際に、アイキャッチ(視線をつかむ)ために画像を適切に配置するが、
女性の写真を使うことは、性別関係なくアイキャッチ効果が強いようだ。
リンク先では、居酒屋が例に上がっているが、女性が生き生き働く会社の場合、写真を用いない手はないであろう。
もちろん、実際の現場においては、顧客の承諾の上で用いる必要があるが、考慮すべきポイントである。

WEB制作に関連する薬事法と医師法

WEB制作のスキルに薬事法と医師法の知識は必要ではないかという提案
http://e0166.blog89.fc2.com/blog-entry-348.html

コンプライアンスという観点から法令を遵守したWebサイト制作が求められますが、いまだにWeb制作会社に依頼しても間違った会社をしているところ、コンプライアンスの意識が低い数年前に作成しているところ、様々あります。
リンク先にあるような薬事法と医師法の知識はWebサイト制作には必ず必要な訳で、
個人情報保護法や特定商取引法の表記と合わせて、今現在、法令に違反しているような場合、早急に修正すべき点であるといえます。

ウェブサイトを使いやすくするための43の法則-Coliss

R6K.Net Pressにエントリーされている「あなたが避けるべきウェブデザインの43のミス」の意訳です。
43 Web Design Mistakes
You Should
Avoid
上記エントリーによると、よく見かけるデザインのミスリストは10個くらいが通常ですが、それでは足らなく、増やしていくうちに43個になったそうです。
43の法則は、常識として浸透しているものもあれば、論争になるようなものもあります。

http://coliss.com/articles/build-websites/architectonics/usability/694.html


非常に大切な要素ばかりです。
逆に、これらの法則に著しくずれているものは、修正の余地があると言えます。