京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー7
新聞のようにホームページにも適切な見出しが必要 vol.7
【2006.08.22 vol.7】毎月第2・4火曜日発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんにちは、レボネット株式会社の坂井です。
当メルマガの第7号をお読みいただき、ありがとうございます。
甲子園では全国高校野球決勝戦が再試合となり熱い試合が終わりましたね。
暑い日が続く中、高校生のがんばる姿から熱いものを受け取りましたので
アクセシビリティについても熱く語っていきたいと思います。
このメルマガではこれからのインターネット環境やウェブサイトにとって
必要不可欠なアクセシビリティ対策を中心に、皆さんが一番興味をもって
いるSEO(検索エンジン最適化)対策と絡めてご説明します。
SEO効果の高いアクセシビリティ対策を施したホームページ制作に
ついてのご相談は無料でお受けしておりますのでお気軽にどうぞ。
■■ レボネット株式会社 電話番号 075-344-3348 ■■
□アクセシビリティとSEOの関連について□
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
目次 ・新聞のようにホームページにも適切な見出しが必要
・初歩からのアクセシビリティ・SEO対策実践講座（見出し編）
・編集後記
発行元・レボネット株式会社
坂井 和広
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
第1号のメルマガでは、簡単にSEOとアクセシビリティの用語説明をしました。
まだ、アクセシビリティという言葉を聞いたこともないという方は
当メルマガのバックナンバーをご覧ください。
バックナンバーはこちら→http://plus.revonet.co.jp/backnumber_1.html
■新聞のようにホームページにも適切な見出しが必要
ホームページにも新聞のような見出しがあれば、ページ内容もわかりやすく
アクセシビリティ対策となるばかりか見出しとされた部分は検索エンジンも
重視して読み込むためSEO対策としても有効です。
まず、見出しとは、簡単に言いますと記事の要点を短い言葉にまとめて、
記事の内容が一目で分かるように付けられた題名のことです。
新聞や書籍を思い出してみてください。新聞には一番目立つ第一面、
書籍では表紙や帯があって、一番伝えたいタイトルがあって、
書籍では目次があって、その目次や見出しごとに内容が書かれている
という文書構造になっています。
ホームページにおいても新聞や書籍と同じようにタイトル、
見出しを付けて人を引きつけ、わかりやすくする必要があるのです。
タイトルも目次も見出しも何もない、そういったホームページを良く
みかけることがありますがあなたのホームページは適切なタイトル、
見出しがついていますか？今すぐ確認してみてください。
ホームページもそれぞれのページが合わさり、1つの新聞や書籍に
なるように構成し、それぞれのページもまた、新聞や書籍のような
構造にするととてもわかりやすいですね。
見出しがなかったとしても健常者の方でであれば、文章のレイアウトや
文字の大きさなどから視覚的に文書の内容や構造を判断できるかも
しれません。
ですが、視覚障害者の方等、音声ブラウザの利用者は視覚的に情報を
得ることができないため、音声だけでは文書の構造を判断することが
困難になります。
見出しをつけることによって音声ブラウザ利用者にとっても内容の
把握がしやすく、文書構造が伝わるようになります。
音声ブラウザ利用者は、全ての内容を聞く前に見出しだけを読み上げたり
する機能を使い、知りたい情報だけ効率よく情報を得ることができるように
なるのです。
さらに検索エンジンは、見出しとされた内容を重要視するため
見出し部分は目的とするキーワードを盛り込んだ人目の引くキャッチコピーを
いれることで検索エンジン上位表示を実現するSEO対策となります。
見出しをいれることで視覚障害者の方で音声ブラウザ利用者にとっては
内容が把握しやすいアクセシビリティ対策となり、健常者の方にとっても
視覚的にわかりやすく検索エンジンにとっても読み取りやすいSEO対策と
なりますので、皆さんもホームページを見直して、適切な見出しを
つけてみてください。
■初歩からのアクセシビリティ・SEO対策実践講座（見出し編）------------------
ここからは初歩的なことからアクセシビリティ対策・SEO対策の実践方法に
ついて、ご説明していきます。本日は適切な見出しについてです。
前回のソースを使って、body内の見出しを挿入したソースを以下に表示します。
<body>
<h1>一番重要な見出し1(大見出し)</h1>
<h2>見出し2(中見出し)</h2>
<h3>見出し3(小見出し)</h3>
<h4>見出し4(小見出し)</h4>
<h5>見出し5(小見出し)</h5>
<h6>見出し6(小見出し)</h6>
</body>
以上のように見出しのタグはh1～h6を使用しますが、それぞれのタグについて
ご説明します。
<h1>～</h1>
ページ内で一番伝えたい、重要なことを伝える大見出しです。
<h2>～</h2>
大見出しから内容がいくつかに別れる場合の中見出しです。
<h3～6>～</h3～6>
中見出しからさらに細かい見出しの小見出しです。
テキスト表記よりもh1などを使って、見出しとする方がSEO効果がありますので、
目的とするキーワードを盛り込んだ見出しをつけてください。
基本的には一番重要なh1は各ページにつき1つとすることが好ましいとされていますが、
1ページに複数存在するホームページもありますし、h1が複数存在し、検索エンジンでも
上位に表示されているサイトもありますのでどちらでも構わないと思われます。
また、文法上正しくするために、数字をとばさずにh1からh2、h3…h6の順番に
使用してください。
このソースを作ってブラウザで確認してみますと、見出しはh1、h2、h3と
数字が大きくなるにつれて、文字の大きさが小さくなりますが、文字の
大きさはCSS(スタイルシート)を使用して指定するため、文字の大きさを
考えてh1、h2などを使い分けるのではなく、ページ内の重要度を考えて
見出しを作ってください。
大きい文字にしたいからh1を使用する、または一番小さい文字にしたいから
h6を使用するといった使い方はしないでください。
本日は音声ブラウザ利用者にとってもわかりやすい見出しをつくる
アクセシビリティ対策、検索エンジンにとってもページ構造をわかりやすく
する見出しについてお伝えしました。
本日のメルマガはここまで。
次回からも"SEOとアクセシビリティの融合"について、なぜ”検索エンジン
対策に最も効果的”なのか基本的事項から順に詳しくお伝えします。
さらに、初歩からわかるようにアクセシビリティ・SEO対策の基本的な
対策方法を"初歩からのアクセシビリティ・SEO対策実践講座"と題して
具体的に掲載していきます。
当メルマガではできるだけ専門用語なども簡単にご説明しておりますが、
もし、わからない用語がありましたら、こちらのヤフーコンピュータ
用語辞典で検索して調べてみてください。わからないことがあったら
なんでもインターネットで調べられるのでとても便利ですよね。
その他、当社へのご質問という形でも受け付けていますのでお気軽に
ご質問下さい。
→ http://computers.yahoo.co.jp/dict/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
情報格差をなくすための障害者や高齢者に配慮したアクセシビリティ対策や
長期的な検索エンジン対策に最も有効なXHTML・CSSコーディング、顧客拡大・
売上増のための検索キーワードを意識したSEO対策など、「アクセシビリティ
とSEOの融合」を図り、web標準に準拠した最も新しいホームページを制作
いたします。
【レボネット株式会社サービス案内サイトREVO plus】
→ http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■SEO・アクセシビリティ対策済 ホームページ制作をご依頼の場合
20ページまで 207,900円（税込）
※企画・構成等が含まれております。
こちらは特別モニター価格となっておりますので、実績、ご感想などを
ホームページ上で公開させていただきます。
★ご紹介者にキャッシュバック
ホームページ制作をご紹介いただいた方に制作費の10%を還元いたします。
ご依頼・お見積もり・お問い合わせ・ご紹介はsakai@revonet.co.jpまで
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記】
---------------------------------------------------------------------
アクセシビリティに考慮したアクセシブルでクリエイティブなサイトを
募集するアックゼロヨン・アワードは9月15日が締め切りです。
アクセシビリティに考慮したホームページを作って、多くのウェブ
利用者とコミュニケーションをできる幅を広げ、SEO対策としても有利な
サイト設計がされたホームページを応募してみてはいかがでしょうか？
ご応募は以下のホームページまで
→ http://www.acc04.jp/
もし、応募に際してサイトに不安をお持ちでしたらご相談下さい。
→ sakai@revonet.co.jp
先週のお盆休みに2、3日実家の金沢に帰りました。
昼間は日差しが強くて暑いですが、京都のような蒸し暑さはなく、夜は
涼しくて快適に眠れました。
京都が好きな方は金沢にも遊びに行ってみてください。
小京都というだけあって、何か共通する部分が見つかると思います。
----------------------------------------------------------------------
これからアクセシビリティを広めるため、皆さんのSEO対策のため、
皆さんのさらなる顧客拡大、しいては売り上げアップのための情報源
となり、インターネットの利用環境をより充実したものとなるように
当メルマガがお役に立てるよう願っております。
毎月第2・4火曜日に当メルマガを発行しております。
----------------------------------------------------------------------
☆このメルマガへのご意見・ご質問やホームページ制作・オンラインショップ
構築のご依頼・ご紹介などございましたらご遠慮なくメールください。
あなたもお気軽にこのメルマガへのご意見・ご希望をお送りください。
必ずお返事させていただきます。
メルマガ【 誰でもわかる！SEO効果の高いアクセシビリティ対策 】では、
もっとお役にたてる情報を配信したいと考えておりますので、あなたの
アクセシビリティやSEOについてのご意見・ご感想などもお待ちしております。
..... sakai@revonet.co.jp
最後までお読みいただき、ありがとうございました。
レボネット株式会社
坂井 和広
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「誰でもわかる！SEO効果の高いアクセシビリティ対策」
───────────────────────────────────
□ 発行元 ..... "アクセシビリティ・SEO対策ホームページ制作会社"
レボネット株式会社 http://plus.revonet.co.jp/
京都府京都市下京区朱雀正会町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
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━