京都市 ホームページ制作 会社 / アクセシビリティ・ユーザビリティ配慮
メルマガバックナンバー6
わかりやすい適切なリンクを提供していますか？ vol.6
【2006.08.8 vol.6】毎月第2・4火曜日発行
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
障害者や高齢者をはじめ、誰もがアクセス可能なホームページについて
考えるwebアクセシビリティは、検索エンジン（SEO）対策に最も効果的です。
顧客拡大、売上増のための「アクセシビリティとSEOの融合」やホームページ
作成について出来るだけ簡単に解説いたします。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんにちは、レボネット株式会社の坂井です。
当メルマガの第6号をお読みいただき、ありがとうございます。
毎号お話しているアクセシビリティを考慮したサイト設計、
適切なキーワードを盛り込んだSEO対策を施したサイト設計は最初が
肝心ですから、新規ホームページ制作でお困りの方がいましたら、
ご連絡ください。
暑い日が続きますが、今週もがんばっていきましょう。
このメルマガではこれからのインターネット環境やウェブサイトにとって
必要不可欠なアクセシビリティ対策を中心に、皆さんが一番興味をもって
いるSEO(検索エンジン最適化)対策と絡めてご説明します。
SEO効果の高いアクセシビリティ対策を施したホームページ制作に
ついてのご相談は無料でお受けしておりますのでお気軽にどうぞ。
■■ レボネット株式会社 電話番号 075-344-3348 ■■
□アクセシビリティとSEOの関連について□
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
目次 ・わかりやすい適切なリンクを提供していますか？
・初歩からのアクセシビリティ・SEO対策実践講座（まとめ編）
・編集後記
発行元・レボネット株式会社
坂井 和広
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
第1号のメルマガでは、簡単にSEOとアクセシビリティの用語説明をしました。
まだ、アクセシビリティという言葉を聞いたこともないという方は
当メルマガのバックナンバーをご覧ください。
バックナンバーはこちら→http://plus.revonet.co.jp/backnumber_1.html
■わかりやすい適切なリンクを提供していますか？
皆さんのホームページにも様々なリンクがあり、リンクを使ったサイト設計が
なされていると思いますが、そのリンクが使いやすくわかりやすいものに
なっているか、意識したことがありますか？
本日も、アクセシビリティ対策だけでなく、SEO対策にとっても重要である
適切なリンクの提供についてお話します。
一般にホームページを閲覧する際、メインメニュー、サイドメニューなど、
ウェブサイト内には様々なリンクが存在し、得たい情報を得るために
画像リンク、テキストリンクなどをクリックし、閲覧していることと思います。
サイト設計において重要な基盤となっているリンクがわかりやすいかどうかで、
ホームページへの集客後の反応、操作性に影響を与えます。
健常者の方にとってみれば違和感なく使用できたとしても、目が見えないため、
音声ブラウザを使用している方にとって非常にわかりにくいサイト設計を
されている場合もあり得るのです。
そこで、アクセシビリティの観点から誰にとってもわかりやすいやさしい
リンクの提供について次にポイントを絞ってみていきます。
ポイント1. 認識しやすいリンクの表示
視覚的な観点からですが、リンクテキストの表示だと認識しやすい、
わかりやすいリンクにすることがまずあげられます。
文字の色が他のテキストと同じで特に装飾もされていない場合は、リンクで
あると判断することが難しいため、リンクが貼られている場合は色を変えたり、
下線を引くなど、見た目でもわかりやすくする必要があります。
ポイント2. リンクテキストは大きく囲む
こちら、ここ、などホームページ上に短いテキストでリンクを貼ることは、
高齢で手がふるえる方や肢体が不自由な方など、細かいマウスの操作が困難な
方にはそのような短いテキストリンクをクリックすることは大変な作業となり
ますし、ポイント3でもご説明するようにリンク先の内容がわかるような
リンクテキストにする必要があるため、
詳しくはこちらの新規ホームページ制作のページをご覧ください。
など、短い単語にリンクを貼らずに、文章全体にリンクを指定する工夫を
することが大切です。
ポイント3. リンク先の内容がわかるようなテキスト表示
詳細、リンク、こちらなどの言葉をリンクとしている場合は、音声ブラウザを
使用している方にとって、どのようなページにリンクされているのかわからず、
リンクページにとぶことが不安であるばかりでなく、リンクページにとぶための
適切な情報判断ができません。
そのため、
新規ホームページ制作のページへ
このページのトップへ
など、リンク先のページの内容がわかるようにし、全てのページに
一貫性のあるテキストリンク表示をしてください。
画像リンクの場合は、もちろんaltを挿入して、代替テキストで適切な
リンク先の説明と、必要な場合は画像の簡潔な説明を指定してください。
音声ブラウザ利用者の方にとってみれば、画像表示はaltを読み上げますので、
目の見えない方は、そのaltで、リンク先のページの内容を推測することを
覚えておいてください。そのため、画像リンクのaltにはページ内容を把握できる
説明が必要なのです。
altについて詳しくは、当メルマガの第3号バックナンバーをご覧ください。
→http://plus.revonet.co.jp/backnumber_3.html
ポイント4. リンクテキストとリンク先ページとの一致
音声ブラウザは開いたページのタイトルを最初に読み上げますので、
誘導するリンクテキストとリンク先のページタイトルを同じテキストにする
ことで、音声ブラウザ利用者がリンクからとんだ先で最初にリンクテキストと
同じページタイトルが読み上げられれば、目的のページ（リンク先）に確実に
進めたという安心感を与えることができます。
同じページで同じリンク先へのリンクがある場合は、同じテキストリンクを用い、
逆に、リンク先が異なるのに同じテキストリンクが用いられていると、音声ブラウザ
利用者を迷わせてしまいますので、リンク先が異なる場合は異なるテキストリンクを
用い、リンク先ページにしっかりたどり着いたことを確認できるように配慮して
ください。
タイトルの付け方については、当メルマガの第4号をご覧ください。
→http://plus.revonet.co.jp/backnumber_4.html
このようにSEO対策にも効果的なタイトルをリンクテキストとして用いることで、
ページ内の検索キーワードが増えますので、適切なリンクテキストを表示する
ことはアクセシビリティ対策となるばかりでなく、SEO対策にとっても
効果的なのです。
それは、アクセシビリティ・ユーザビリティに配慮して、迷わないように丁寧に
リンクを作成したり、テキストを作成することで、そのホームページ自体に
検索エンジンに認識できるキーワードが増え、SEO対策にもなっているということです。
その他、外部からリンクを貼ってもらう場合は、目的とする検索キーワードを
盛り込んだリンクテキストにすると、検索エンジンにとってはそのキーワードを
含んだページであると認識できるため、SEO効果も上がります。
これらの対策をすることで知らず知らずのうちにSEO対策にもなっていると考え、
ユニバーサルなウェブサイトの取り組みの第一歩として、皆さんも是非、
取り組んでみてください。
■初歩からのアクセシビリティ・SEO対策実践講座（まとめ編）------------------
ここからは初歩的なことからアクセシビリティ対策・SEO対策の実践方法に
ついて、ご説明していきます。本日の内容はこれまでのまとめです。
これまでご説明してきました、title、Keywords、Descriptionを実際に
htmlソースに当てはめてみまして、最終的には1つのホームページが
できるようにご説明しますので、一旦以下のようにまとめて表示します。
<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta name="Keywords" content="ここにキーワード10個を目安に記載" />
<meta name="Description" content="ここにホームページの紹介文を記載" />
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>ここにタイトルを記載</title>
</head>
<body>
</body>
</html>
まず、以下のようにバージョン1.0のXML宣言と文字のエンコーディング方式
shift_jisを使用して、宣言します。
<?xml version="1.0" encoding="shift_jis"?>
次に、使用しているHTMLのバージョン、使用する要素や属性を定義するため、
以下のように宣言します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Transitionalは旧版との互換性を保つために用意された文書型定義で、
推奨されない要素や属性を使用できるものですが、今回はこちらを
例に使用していきます。
次に、以下のように日本語のLANG属性を指定します。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
その後、head内に上記のようにキーワード、ディスクリプションを記載し、
以下のようにページを表示する文字コードを記述します。
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
次に、タイトルを記載します。
以上のようなソースを例としてこれから具体的なページを制作しながら、
アクセシビリティ・SEO対策実践講座を続けていきたいと思います。
具体的でわかりやすいアクセシビリティ、SEO対策の実践的なお話をしていきたいと
思っておりますので、これから少しづつページができあがっていくのが
今から楽しみですね。
本日のメルマガはここまで。
次回からも"SEOとアクセシビリティの融合"について、なぜ”検索エンジン
対策に最も効果的”なのか基本的事項から順に詳しくお伝えします。
さらに、初歩からわかるようにアクセシビリティ・SEO対策の基本的な
対策方法を"初歩からのアクセシビリティ・SEO対策実践講座"と題して
具体的に掲載していきます。
当メルマガではできるだけ専門用語なども簡単にご説明しておりますが、
もし、わからない用語がありましたら、こちらのヤフーコンピュータ
用語辞典で検索して調べてみてください。わからないことがあったら
なんでもインターネットで調べられるのでとても便利ですよね。
その他、当社へのご質問という形でも受け付けていますのでお気軽に
ご質問下さい。
→ http://computers.yahoo.co.jp/dict/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
情報格差をなくすための障害者や高齢者に配慮したアクセシビリティ対策や
長期的な検索エンジン対策に最も有効なXHTML・CSSコーディング、顧客拡大・
売上増のための検索キーワードを意識したSEO対策など、「アクセシビリティ
とSEOの融合」を図り、web標準に準拠した最も新しいホームページを制作
しております。
【レボネット株式会社サービス案内サイトREVO plus】
http://plus.revonet.co.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■SEO・アクセシビリティ対策済 ホームページ制作をご依頼の場合
30ページまで 504,000円（税込）
※この金額には消費税が含まれております。
ご希望の内容によっては金額が多少変動いたしますので、一度詳しい
内容をお伺いさせていただきます。
★ご紹介者にキャッシュバック
ホームページ制作をご紹介いただいた方に制作費の10%を還元いたします。
ご依頼・お見積もり・お問い合わせ・ご紹介はsakai@revonet.co.jpまで
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【編集後記】
---------------------------------------------------------------------
早いものでもう8月の中旬、日本各地で30度を超える真夏になりましたね。
日本全国どこへ行っても暑いと思いますが、京都の夏は特に暑いです。
冬寒く、夏暑い京都は盆地だけあって、蒸し暑さが違います。
そんな京都に会社を構えるレボネットは8月の12日から15日は
お盆休みに入りますが、メールはいつでもお受けしておりますので、
よろしければご質問・ご意見・ご感想をお寄せ下さい。
皆さん、楽しいお盆休みをお過ごしください。
----------------------------------------------------------------------
これからアクセシビリティを広めるため、皆さんの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
このメールマガジンの転送は自由です。よろしければ転送してください。
----------------------------------------------------------------------
□ 発行周期 ..... 毎月第２・４火曜日
□ バックナンバー.. http://plus.revonet.co.jp/backnumber.html
■ メルマガ配信登録・アドレス変更・配信停止はこちらからお願いいたします。
まぐまぐ .... http://plus.revonet.co.jp/magazine.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━