失敗しないホームページづくりのポイント
…あるひとつのポイントを押さえるだけでつくれるんです。
それは、『HTMLとCSSの標準規格に準拠してホームページをつくること』ただそれだけです。
と、いってもなんのことやらわからない？という方は、このページを飛ばしてくれても構いません。
それはWebデザイナーの仕事なので、一般の方が知らなくてもなんら問題ありません。（飛ばす方はこちら→）
ただ、このことを知らない（意識してない）デザイナーがいることもお忘れなく。
そもそもホームページってどうやってつくるの？
ここからは少し専門的な用語が出てきますが、雰囲気がつかめればオッケー程度で読み飛ばしましょう。
ホームページをつくるには、HTMLというマークアップ言語を使います。お使いのブラウザのメニューから「ソース」や「ソースを見る」を選ぶと
<html>や<div>、<a href = "***">などというのが見えると思います。これらを「タグ」といって、ここからここは見出しですよ、とか
この文字をクリックしたらこのページに切り替わりますとかいうことを示します。このタグを組み合わせていくことを「論理構造をマークアップする」といいます。論理構造をマークアップしたファイルをHTMLファイルという形式で保存することによって、ブラウザで見ることができるわけです。
文字の色や大きさを指定したり、画面上の表示を細かくコントロールするのにはCSS（カスケードスタイルシート）を使います。CSSはHTMLファイルとは独立した形で扱えるので複数のページのデザインを共有することもできます。
↑上に戻る
『標準規格に準拠』ってなに？
ブラウザはタグを読み取って画面に表示をするわけです。しかし、最初に書いたように、会社によってつまり、インターネットエクスプローラーとネットスケープでは見え方が異なることがあります。それは各社の「独自タグ」というものがまだ存在するからです。A社の独自タグで書かれたHTMLファイルはB社のブラウザでは表示ができなかったりずれたりすることがあります。また、同じタグでも表示の仕方が違うものもあります。そのような仕様になっていたり、「バグ」といってそのブラウザ固有の不具合だったりします。
そこで、どんなブラウザでも同じように表示されるようにしようと、W3Cとという国際機間が決めた規格を『標準規格』といいます。現在の標準規格は「HTML4.01」と「CSS2.1」です。
↑上に戻る
大きなメリット
この標準規格に準拠したHTMLやCSSでホームページをつくることによって先ほどの「1.ヒットさせたいキーワードで上位に表示されて、」「2.どんな環境でも意図したように表示され、」「3.読みやすく、わかりやすい画面で情報を伝える」ことができるのです。以下に、標準規格に準拠したホームページの場合、どのようなメリットがあるのかを挙げてみます。
検索サイトで上位にランクされる
-SEO（検索エンジン最適化）-
検索サイトではサイトを自動巡回してキーワードを次々と拾いだしデータベースに蓄積する「検索エンジン」という機能を使って、あなたのサイトのキーワードやアドレスも登録していきます。検索エンジンは標準規格に従ってページのデータを読み取るようになっています。そのため、標準規格に準拠したページの方がより効率良くデータ収集され、ページの上位に表示される確率が上がります。上位にランクされるテクニックというのは以前からいろいろ試されていますが、HTMLの文法を無視してSEOの効果だけを狙った記述をすると、検索エンジンから悪質な方法（スパム）だと認識され、データを収集しなかったり、データベースから削除されることもあります。各社の検索エンジンがどのような仕組みでデータを収集するのかは企業秘密であり、スパム対策も日々進化させています。従って現在では、標準規格に準拠したサイトを作成するのが一番適しているといえます。
パソコンや携帯電話の機種を問わず、意図したように表示される
-アクセシビリティ-
現在、パソコン用のブラウザは、1部（ネットスケープ4.xなど）を除けば、同じようにページを表示するようになっています。
iモードのページは標準規格を基本とした「iモード対応HTML」でマークアップすることになっています。auやSoftbankもここ数年に発売された機種ではiモードとほとんど変わりなく表示できるようになっています。従って見た目はパソコンのようにはいきませんが、最低限の情報（文章）は表示できます。このサイトも各社携帯電話で読む事ができると思います。ただし、画像に関しては種類や大きさ、1ページの表示容量などがキャリアや機種に左右されますので、必ず表示できるとは限りません。その場合でも代替テキストを入れてあれば、何が表示されているのか、という情報は伝えることができます。
PDAや音声ブラウザに関しては僕自身で検証したことがないのですが、前述したように標準規格ではHTMLには論理構造のみを記述して、色や大きさなどはCSSファイルで一括指定するのが推奨されているので、CSSファイルを読み込めなくても問題はないと認識しています。
読みやすく、わかりやすい画面で情報を伝える
-ユーザビリティ-
ページの読みやすさには、ページの画面上のデザインが重要です。CSSは、HTMLとは全く別にデザイン部分をまとめたファイルのことです。つまり、見出し部分の大きさ、色やメニューの位置、背景の色、文章部分の色、大きさなどを、HTMLファイルを使わずCSSで指定するわけです。 HTMLで画面上のデザインを構成しようとすると、標準規格に反した記述をしてしまったり、構造が複雑になりアクセシビリティも低くなってしまいます。また、デザインの修正もCSSを直すだけですべてのHTMLページに反映されるので、作業時間も短縮でき、制作費のコストダウンにつながります。
↑上に戻る
まとめ
『HTMLとCSSの標準規格に準拠してウェブサイトつくること』のメリットは理解していただけましたか？ もちろん、上記のことを全く意識せず、タグも知らなくても、「ホームページ作成ソフト」を使えばワープロ感覚で簡単につくることができます。特に初心者の方が数ページのホームページを作る程度ならば、たとえ標準規格からはずれていたとしても各社のブラウザは許容範囲が広いというか曖昧な部分が多いので問題なく表示されるでしょう。しかし、ソフトの使用方法を覚えてくるにつれ、文字を動かしたり点滅させたり、フレームで細かく区切ったりテーブルでレイアウトしたり。「おお、うちのページもだんだん見栄えがよくなってきたぞ！…」（わからない方すいません。要はだんだん飾り付けたくなってくということです）しかし、その先が要注意なのです。ホームページはチラシと違って最新の情報を伝えるための「更新作業」があります。構造が複雑になるにつれ、どこをいじったかがわからなくなり、表示がおかしくなってもタグがわからないので直しようがなくお手上げ…そのままウェブの藻屑と消えたホームページは幾万とあります。そうならないためにも、めんどくさいことはプロに任せて商品開発やサービスの充実に時間を割いた方が得策だと、僕は思います。 次のページでは、ChamalDesignは何をお手伝いできるのか？について紹介（営業）していきます。 続きはこちら→
↑上に戻る
Copyright (c) ChamalDesign. All Rights Reserved.