サイトチェックをしてみましょう！

さぁ！ご自分のサイトを一度、見直してみませんか？ちぇきら〜！

トップページの表示はスムースですか？

ファイルサイズチェックをしてみてください！（検索エンジン「買いパラ」内ツール）

ネットサーフィンをしていて、妙に重いサイトに出会うことってありませんか？
現在は、多くの方が高速回線を利用していて、以前に比べると、だいぶそういったストレスも少なくなりましたが、
中にはやはり、まだまだ重いサイトがあります。

トップページが特に重いページは、敬遠されがち。出来るだけ、ファイルサイズを少なくして、
アクセスしやすいサイト作りを心がけましょう。

サイトのタイトルは、本当に重要なんです！

アクセスアップのために重要だと言われているのがタイトルです。

初心者の方はたまにタイトルを入れていない方もいらっしゃいますが、タイトルは必ず入れましょう。

headerタグの中に<title></title>で囲まれている部分がタイトルです。
タイトルは短すぎても長すぎてもあまり良くありません。全角20文字前後が理想とされています。
検索エンジンによっては検索結果として表示されますので、
ページの内容が明確に分かるような簡潔なものが理想です。

ページごとのタイトルには、内容に沿ったタイトルを入れるようにしましょう。

検索エンジンでは、サイトのタイトルが表示されるので、検索にひっかかりそうな言葉で
タイトルをまとめると良いでしょう！そして、なるべく始めに重要な語句を入れるように！

それがポイントです。

画像には必ずalt属性をいれましょう！

画像には必ずaltを設定していますか？

altの記述はアクセシビリティの観点からも重要な役割を果たします。音声ブラウザを使ってページを読み上げたとき、画像の情報はaltに記述した内容を読むことによって伝えられるからです。

見栄えをよくする為に、画像を多様した場合、altを設定しないと、目の不自由な人にはわからなくなってしまうからです。

イメージだけで意味を持たない画像の場合、例えばレイアウトの為のスペーサー画像などの場合には
「alt＝""」と設定するのが良いでしょう。そうすると音声ブラウザは意味の無い画像と認識し、
読み飛ばすので、スムーズにページを読み上げることができます。

パンくずリストをつけましょう！

英語では、「breadcrumbs list」　といいます。　
これは、Web Navigation　に関する言葉です。

通ってきた道順を忘れないよう、パンくずを少しずつ残していったという「ヘンゼルとグレーテル」の童話にちなんだ言い方です。
なんだか、かわいらしい名前ですよね〜(*^_^*)

私はサイト制作をする時には、なるべく心がけるようにしています。

例えば、このページの上にある「トップページ　> サイトチェック」の部分です。
サイトを見ている人に、今、自分はサイトのどこにいるんだ？という事をわかってもらえるように・・・という配慮なのです。

また、トップページを経由することなく、検索などで、直接、あるページにアクセスしてきた場合などにも、サイト構成を把握するひとつの資料となりますので、ぜひ設置しておきましょう！

tableタグの多重入れ子はタブーです

テーブルタグをたくさん使用してしまうと、読み込むスピードが遅くなります。
テーブルの入れ子はなるべく避けるようにしましょう。

現在はXHTML+CSSでのコーディングなどがW3C（Web標準）では推奨されていますが、
私は一概に、テーブルを使うのがダメだとは思いません。

なぜならば、CSSでのコーディングの場合、ブラウザによっては、CSSの命令が効かないものや、
設定の仕方が違うものがあるので、どうしても、全てのブラウザに対応させるのが困難なためです。

ですが、テーブル・テーブルでガチガチに固められたサイトは重くなる一報なので、
装飾部分はスタイルシートを用いるようにしましょう。

サイトチェックはこまめにしましょう！

サイト制作をしながら、私がちょくちょくチェックしているのが、ここ！
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
http://validator.w3.org/

HTML文書の文法をチェックして、採点してくれます。
制作するときは、最低でも80点以上はとれるように心がけています。

文法的に間違いなどがわかるので、目安にして制作をオススメします！

※アフィリエイトなどを利用の場合は、一概に高得点が取れるとは限りません。
指定のタグがWeb標準に沿ってないため、高得点は難しいようです。
これはあくまでも、サイト制作上での目安です。