ベストECショップ大賞2006/グッドデザインショップ認定 特設サイト

全国イーコマース協議会(EC協議会)が運営する「ベストECショップ大賞」と「グッドデザインショップ認定」の解説を行う特設サイトです。

【H-01】リンクが全て正常に動作する

リンクが全て制作者の意図したページやファイルにリンクされているかどうかです。

リンク切れは、ユーザーに無益な行動をさせてしまうことになり、また、サイトの信頼感などを激減させてしまいます。

この項目に関するご質問、Q&Aはこちら

【H-02】アンカーテキストが具体的な内容になっている

アンカーテキストとはハイパーリンクを設定されたテキストのことを指します。そのテキストがリンク先の具体的な内容を示すものであるかどうかを審査します。

アンカーテキストは、「詳しくはこちら」などではなく、リンク先の具体的な内容を明示するべきです。SEO的見地からも効果があります。

この項目に関するご質問、Q&Aはこちら

【H-03】リンクが設定されているテキスト、画像が識別しやすくなっている

通常のテキストや画像とハイパーリンクが設定されているテキストや画像の区別をはっきりとつけることができるかどうかです。

テキストや画像にハイパーリンクを設定する場合、通常のテキストや画像との区別をはっきりつけ、利用者にリンクが張られていることを伝える必要があります。

アンカーテキストの装飾は初期設定の青色の文字色で下線付きというのをなるべく使用するのがよいでしょう。デザインの都合で変更する場合は、通常のテキストとの見分けがつけられるように文字色を変える、下線付きにするなどの設定が必要です。

また、画像にリンクを設定する場合は、ボタンのような立体的な画像にすることで通常の画像との区別がつき、クリックしやすくなります。

この項目に関するご質問、Q&Aはこちら

【H-04】各種ソフトが突然起動しないようになっている

メールソフトなどのブラウザ以外のソフトが起動する場合に、あらかじめソフトが起動されることが予告されているかどうかです。

ブラウザ以外のソフトが突然起動することは利用者が想定できない動作であり、起動時間やその他の処理の時間を取ってしまうことになります。利用者にブラウザ以外のソフトを利用させる場合は、あらかじめそのことを知らせておく必要があります。

例えば、アンカーテキストでメール送信アドレスを設定する場合、通常のテキストリンクとの見分けがつかないため、「メールソフトが起動します」といった注釈を書き添えておくと良いでしょう。

この項目に関するご質問、Q&Aはこちら

【H-05】HTTPリダイレクト設定をしていない

「リダイレクト」あるURLから他のURLに転送させることです。

この項目に関するご質問、Q&Aはこちら

【H-06】未訪と既訪が色分けされている

一度も参照されていないリンク先と、既に参照されたことのあるリンクのテキスト色がわけられているかどうかです。

スタイルシートの設定などで、未訪と既訪の色分けをする必要がありますが、全く同じになっている場合、ユーザーに不要な負担を与えることになりますので、注意しましょう。

この項目に関するご質問、Q&Aはこちら

ガイドライン項目一覧

A.トップページ
A-01:サイトの目的
A-02:セールスポイント
A-03:重要なリンク
B.デザイン全般
B-01:サイトの統一感
B-02:商品写真
B-03:基本デザイン要素
B-04:画像情報
B-05:画面解像度
B-06:ブラウザサイズ変更
C.ナビゲーション
C-01:情報構造
C-02:トップページへのリンク
C-03:現在見ているページの内容
C-04:ラベリング
C-05:グローバルナビゲーション
C-06:回遊性を高める
C-07:検索機能
C-08:ナビゲーション
C-09:フレームレス
C-10:新規ウインドウ
D.信頼性
D-01:買い物のヘルプページ
D-02:個人情報保護
D-03:特定商取引法に関する表示
D-04:総額表示
D-05:連絡先の明示
D-06:商品の詳細説明
D-07:セキュリティ
D-08:よくあるご質問
D-09:お客さまの声
E.アクセシビリティ
E-01:機種依存文字
E-02:音声・動画
E-03:HTML以外のデータ
E-04:img要素のalt属性
E-05:ブラウザの互換性
E-06:Flash、JavaScript
E-07:テキストによる構成
E-08:入力欄
E-09:ページのデータサイズ
F.配色
F-01:コントラスト
F-02:色の組み合わせ
F-03:色彩
G.テキスト
G-01:フォント指定
G-02:文字の大きさ
G-03:フォントサイズの可変
G-04:適切な区切り
G-05:専門用語などの使用
G-06:日付けの表記
G-07:見出しの設定
G-08:単語途中の空白
G-09:言語コード
G-10:行間の設定
H.ハイパーリンク
H-01:リンクの動作
H-02:アンカーテキスト
H-03:リンクの装飾
H-04:各種ソフトの起動
H-05:リダイレクト
H-06:訪問済みリンク
I.コンテンツ
I-01:サイト紹介ページ
I-02:情報の更新
I-03:情報量
J.HTML
J-01:title要素
J-02:meta要素
J-03:論理マークアップ
J-04:テーブルレイアウト
J-05:DOCTYPE宣言
J-06:CSSによる装飾

ベストECショップ大賞グッドデザインショップ認定