web標準に準拠しているかCHECK!!

今やWEB制作にとっては、必須の「WEB標準」ですが、
以前は、HTMLの内部構造は、あまり重要視されておらず、
複雑なテーブル構造を使って、WEBページをレイアウトしていました。
私も、散々、テーブルを駆使し、サイトを作ってきました。
その結果、HTMLソースは、果てしなく長く汚く、不要なデータが大量に含まれ、ファイルサイズも大きくなってしまい、結果としてSEO的にも不利な状況になってきておりました。
現在では、W3C(World Wide Web Consortium)を含む国際標準化団体が策定した制作技術、制作手法、ガイドラインをまとめた「WEB標準」に準拠して制作することを推奨しています。
以前のように単にページが閲覧できれば、OK・・・・では、ありません。
「WEB標準」に準拠して作ると言うことは、
構造(html)と表現・デザイン(css)を分離して制作していきます。
そうすると、構造(html)から表現・デザインの指定が取り除かれ、シンプルで軽いデータとなります。
ページ内容のテキストは、そのままで、データ全体が軽くなると言うことは、
結果としてSEO的にも有効な手段となります。
その他にもメンテナンスの向上、アクセシビリティの確保、更新のしやすさと
多くのメリットが生まれてきます。


さて、それでは、今日の本題へ。
制作されたWEBページが「WEB標準」に準拠しているかどうか、チェックできるツールを紹介します。
まず、HTMLをチェックしましょう。
The W3C Markup Validation Service です。
 Markup Validation Service
英語ですが、方法は簡単です。
addressのところにURLを記述してCHECKボタンを押すだけです。
自社の「アドプラス」をチェックしてみました。
0905062318.jpg
WEB標準に準拠していると「Congratulations」という文字が・・・。これが出ると結構うれしい。
そして、
上の赤丸のバナーをそのサイトに張ってもいいよっていうお許しがもらえます。
もし、だめでも、下にどこがだめなのか、羅列されていますので、根気強くひとつずつ、
直していきましょう。


次にCSSのチェックです。
CSS Validation Service
CSS Validation Service
同じく、URLを記述してCHECKボタンを押すだけです。
同じく自社の「アドプラス」をチェックしてみました。
cssもウェブ標準合格
今度は、日本語で「おめでとうございます」の文字がでます。
そして、同じく、合格のバナーをサイトに貼っていいよの許可が下ります。
こちらも、だめでも、どこがだめなのか、羅列されて出てきますので、
根気よく、CSSを直していきましょう。

ホームページのお悩み相談室

初回のみのご相談となります

こんなことでお悩みの方へ

  • その場でワードプレスの操作方法を教えてもらいたい
  • ホームページは持っているけど、このままでいいのか不安
  • ホームページの内容が決まらない
  • とにかく急いでホームページがほしい
  • 時間がなくて、ホームページに手がつけられない
  • やりたいことがあるけどどう実現すればいいかわからない
  • プロの意見を聞いて相談しながらホームページを作りたい

オンラインにて毎日開催!

お仕事が終わったあとでもゆっくりご相談できる夜の時間帯に開催しています。
オンライン(ZOOM)を使ってご相談者様のホームページを画面共有しながら、ご相談に応じます。

Point
1

個別対面でじっくり相談!

大阪周辺のコワーキングスペースにて対面でじっくりご相談に応じます。

Point
2

プロと一緒にその場でアドバイス!

ホームページ作りのプロがその場でホームページを診断し、修正可能の箇所をアドバイスいたします

Point
3