【2007.10.9】毎月第2・4火曜日発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン(SEO)対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんばんは、レボネット株式会社の坂井です。
このメルマガでは、ウェブアクセシビリティ技術向上のため、
誰でも支障なくウェブコンテンツを閲覧できるようにするため、
ウェブ技術向上の指針となるJIS規格を中心にお伝えしております。
本日は、ウェブデザインとしてもSEO(検索エンジン対策)としても
アクセシビリティの確保としても、昨今、重要な課題である表組による
レイアウトについてお伝えします。
---------------------------------------------------------------------
■表はレイアウトに使わないことが望ましい【5.2構造及び表示スタイルd)】
前号は、本来の使用目的として表組をする場合であっても、
表題を明示したり、できるだけ単純な構造にするなどして、
音声ブラウザ利用者など様々な環境の方を考慮して、
表の構造を明示しなければならないことをお伝えしました。
本日は、レイアウトに表組の要素を使用することについてですが、
JIS X8341-3では以下のように記載されております。
表の要素をレイアウトのために使わないことが望ましい。
補足
前号でもお伝えしたように、通常の表組であっても、中身を適切に
読み取れない場合であったり、様々な弊害が生じるということで、
表題などの明示が必要であるとのことでした。
そのような表をデザインレイアウトのために、大量に使用したり、
複雑に使用すると、表ではない部分を本来の表と解釈してしまったり、
音声ブラウザ利用者には、意図しない順序でコンテンツを読み上げて
しまうことになりかねます。
また、検索エンジンとしても無駄なタグとなるテーブル要素が
入るため、読み取りにくいページにもなります。
テーブルレイアウトはデザインを外部制御するCSSが普及する前、
かつて主流であったホームページ制作方法であり、また、
市販のホームページ制作ソフトなどもテーブルレイアウトで
制作しやすい仕様となっているため、まだまだ、根強く残っています。
静的なhtmlで制作されたページでは、CSSでの制作も広がっておりますが、
特に、ショッピングサイトではプログラムのカスタマイズなどとの兼ね合いも
あり、テーブルによるレイアウトが多く、特定の方にとってはアクセス
しにくいページとなっているのが現状ではないでしょうか。
音声ブラウザ利用者の方などにとって、ショッピングサイトで快適に
ショッピングを楽しむには今後、もっと整備が必要であると思います。
今後、ホームページを制作したり、リニューアルされる方は、
テーブルレイアウトではなく、CSSで制作し、誰もがアクセスしやすい
ウェブアクセシビリティの向上を確保したホームページを心がけてください。
次回は、【5.2構造及び表示スタイルd)】をお伝えします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記 SEO対策との関連について】
---------------------------------------------------------------------
本日はテーブルレイアウトについてお伝えしましたが、
SEOだけの観点で言うと、必ずしもCSSのホームページが上位に表示され、
テーブルレイアウトのホームページが上位に上がってこないという
訳ではないのが現状です。
それはSEO対策として良いとされている要因であって、CSSにしたから
上位表示される、テーブルレイアウトであるから上位表示されないと
いったものではありません。
実際、テーブルレイアウトであっても上位表示されているサイトは
たくさんありますし、CSSで上位表示されていないサイトもあります。
ただ、認識としては、検索エンジンにとっても、web標準に準拠した
レイアウトのための無駄なテーブルなどのタグを排除し、
すっきりとしたホームページである方が、キーワードも読み取りやすく
htmlソースとしては綺麗な状態であると思われます。
SEO対策は絶対的な要因は存在せず、アルゴリズムも変動するため、
難しいものではありますが、ユーザー本位のサイトを目指し、
ユーザーにも検索エンジンにも良いとされていることを
行っていくことをお勧めします。
それでは、また次号で元気にお会いしましょう。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる!SEO効果の高いアクセシビリティ対策」
───────────────────────────────────
□ 発行元 ..... "アクセシビリティ・ユーザビリティを考慮した
京都のホームページ制作会社"
レボネット株式会社 http://plus.revonet.co.jp
ビジネスパートナー募集 http://www.revonet.co.jp/bp
スタッフブログ http://blog.livedoor.jp/revonet_sakai
京都府京都市下京区朱雀正会町24番地
TEL:075-344-3348 FAX:075-344-3343
□ E-mail ..... sakai@revonet.co.jp
このメールマガジンの転送は自由です。よろしければ転送してください。
----------------------------------------------------------------------
□ 発行周期 ..... 毎月第2・4火曜日
□ バックナンバー.. http://plus.revonet.co.jp/backnumber.html
■ メルマガ配信登録・アドレス変更・配信停止はこちらからお願いいたします。
まぐまぐ .... http://plus.revonet.co.jp/magazine.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━