Web担当者必見! リサーチ データ&市場調査レポート

金融系サイトは表に見えない要素にも気を配るべき/金融業界Webサイトクオリティ調査

金融業界のWebサイトでは、リンク、meta description、altテキストの状況は……

Webサイトのコンサルティングサービスを行うバーチャルコミュニケーションズは、金融業界75サイトのWebサイトの品質検査の結果を「金融業界Webサイトクオリティランキング」として発表した。各サイトのトップページから階層が浅い100ページを抽出し6つの検査項目をスコア化、重要度別の重み付けを反映させ、100点満点で評価して偏差値を付けている(詳しくは調査概要を参照)。

本調査での「クオリティ」とは、画面のデザインやユーザビリティではなく、リンク切れ(画像やCSSファイルなどの素材データを含むすべてのリンク切れ、別ページへのリンク切れ、ページ内リンクのリンク切れ)や要素の欠落(title要素、metaタグ内のdescription要素、imgタグ内のaltテキスト)といったHTMLの構成を示している。

調査は、日本アイ・ビー・エム社提供、バーチャルコミュニケーションズ社がサポートするWeb総合検査サービス「IBM Rational Policy Tester(アイ・ビー・エム ラショナル・ポリシー・テスター、以下 Policy Tester)」を利用している。

調査の目的は、日本の企業Webサイトの品質状況を把握し、比較・分析することによって問題点を探ること。調査を行ったバーチャルコミュニケーションズは、「よりユーザー視点に立った高品質のWebサイトを提言するための情報収集として使用できるのではないか」としている。では、ランキングの結果からお伝えしていこう。

※バーチャルコミュニケーションズでは、ほかにもWebサイトクオリティ調査を行っている。

ランキングトップはみずほフィナンシャルグループ

表1 金融業界Webサイトクオリティランキングトップ10
順位企業名分類リンク切れ
(すべて)
リンク切れ
(別ページ)
リンク切れ
(ページ内)
title要素
なし
descrip-
tion
なし
altテキスト
なし
評価偏差値
1株式会社みずほフィナンシャルグループ証券・商品先物取引業55552597.069.5
2野村ホールディングス株式会社証券・商品先物取引業55550595.068.5
3みずほ証券株式会社証券・商品先物取引業45551592.567.2
4株式会社みずほ銀行銀行業55352589.065.4
5中央三井トラスト・ホールディングス株式会社銀行業55450388.064.9
6三菱UFJリース株式会社その他金融業44554283.062.3
7富士火災海上保険株式会社保険業35550182.061.8
8株式会社東京都民銀行銀行業35453181.061.3
8東京海上ホールディングス株式会社保険業44552281.061.3
10興銀リース株式会社その他金融業44550279.060.2
10株式会社りそなホールディングス銀行業34555179.060.2
10株式会社千葉興業銀行銀行業35451179.060.2

ランキングトップを飾ったのは株式会社みずほフィナンシャルグループ。meta description要素の抜けはあったが、それ以外はリンク切れもなく、優秀だった。

2位の野村ホールディングス株式会社も、meta description要素の抜けが多かったこと以外は満点だった、

次いで3位のみずほ証券株式会社はページ内素材のリンク切れが1件、4位の株式会社みずほ銀行はページ内リンクのアンカー切れが9件あったが、(上位のサイトと同様にmeta description要素抜けがある以外は)優秀だった。

5位の中央三井トラスト・ホールディングス株式会社は、meta description要素の抜けが多かったが、ページ内リンクのリンク切れやaltテキスト抜けがいくつかあったほかは優秀だった。続く6位の三菱UFJリース(株)と7位の富士火災海上保険株式会社は、2サイトほぼ同じスコアで続いている。

総合評価の分布
グラフ1 総合評価の分布
縦軸に評価(ポイント)、横軸に75サイトの総合評価の得点(偏差値ではなく生の点数)を取っている。

業種別に、各項目の平均スコアをまとめると、表2のようになる。銀行業の全体評価が高くなった大きな理由としては、特にページ間のリンク切れが2位の証券・商品先物取引業に対して0.8ポイント高かったことが挙げられる。

表2 金融業界Webサイトクオリティランキングトップ10
分類リンク切れ
(すべて)
リンク切れ
(別ページ)
リンク切れ
(ページ内)
title要素
なし
descrip-
tion
なし
altテキスト
なし
評価評価のばらつき対象企業数
銀行業2.73.83.74.91.21.467.515.920
証券・商品先物取引業2.33.03.64.90.91.659.121.020
その他金融業2.02.53.84.91.51.155.216.924
保険業1.92.33.75.01.21.152.621.311

検査項目の個別スコアには大きな開きが

続いて、個別のスコアを掘り下げてみていくことにしよう。縦軸に評価スコア(0~5の6段階)、横軸に75社の数値を取り、スコアの分布状態を確認してみた。

画像やCSSファイルなどの素材データを含むすべてのリンク切れのスコア分布
グラフ2 「リンク切れ(画像素材すべて)」:画像やCSSファイルなどの素材データを含むすべてのリンク切れのスコア分布
別ページへのリンク切れのスコア分布
グラフ3 「リンク切れ(別ページ)」:別ページへのリンク切れのスコア分布
ページ内リンクのリンク切れのスコア分布
グラフ4 「リンク切れ(ページ内)」:ページ内リンクのリンク切れのスコア分布
title要素が設定されていないページのスコア分布
グラフ5 「title要素なし」:title要素が設定されていないページのスコア分布
metaタグでのdescription要素が設定されていないページのスコア分布
グラフ6 「meta description要素なし」:metaタグでのdescriptionが設定されていないページのスコア分布
altテキストが設定されていない画像のスコア分布
グラフ7 「altテキストなし」:altテキストが設定されていない画像のスコア分布

平均スコアが最も高かったのは「title要素なし」で、4.9ポイント(グラフ2)。多くのサイトでタイトルがきちんとつけられており、漏れがみられたのは75サイト中6サイトだけだった。ただし、今回の調査ではtitle要素の有無のみで判断しているため、複数のページで同じタイトルが付けられていても減点していない。実際にはタイトルが重複しているケースも多く見受けられるため、実質的にはこれよりも評価は低いと考えていいだろう。

最も平均スコアが低かったのは、「meta descriptionなし」「altテキストなし」の項目(グラフ6グラフ7)。meta descriptionは検索エンジンの検索結果ページでスニペットとして表示されることが多く、検索結果画面でクリックしてもらうためには重要な要素だが、75サイト中32サイトでは調査対象の半数以上のページで設定されておらず、うち、まったく設定されていないサイトが14サイトと、成績が悪かった。

altテキストは、画像を非表示にしているユーザー(モバイルユーザーに多い)に適切な情報を提供できるだけでなく、検索エンジンが順位付けのために利用することもある属性で、HTML/XHTMLの仕様でもimg要素には必須の属性となっている。最も抜けの多かったサイトでは、対象100ページで7000個以上の画像にaltテキストが設定されていなかった。

各項目の標準偏差(ばらつき具合)を調べてみると、「リンク切れ(別ページへ)」「リンク切れ(ページ内)」「descriptionなし」に関して、ばらつきが多かった。つまり、ちゃんとできているサイトとできていないサイトの差が大きいとということを意味する。

表3 各検査項目の平均得点と得点のばらつき
ばらつきは大きければ大きいほど、得点の高いサイトと低いサイトの開きが大きい
検査項目平均点(5点満点)ばらつき
画像やCSSファイルなどの素材データを含むすべてのリンク切れ2.21.2
別ページへのリンク切れ3.01.8
ページ内リンクのリンク切れ3.71.5
title要素が設定されていないページ4.90.3
metaタグでのdescription要素が設定されていないページ1.21.4
altテキストが設定されていない画像1.31.2

参考のために、各検査項目で1サイト100ページあたり問題点が何か所発見されたかの平均値を表4に示しておく。

表4 各検査項目の絶対数
1サイトあたり、調査対象となった100ページで各検査項目で発見された問題点の平均値
検査項目発見された問題点の個数
画像やCSSファイルなどの素材データを含むすべてのリンク切れ89.4リンク
別ページへのリンク切れ26.3リンク
ページ内リンクのリンク切れ11.1リンク
title要素が設定されていないページ0.1ページ
metaタグでのdescription要素が設定されていないページ50.1ページ
altテキストが設定されていない画像1234.2画像
◇◇◇

金融業界サイトの調査結果を、有名企業300社の調査と比べてみると、全体のなかでの総合評価の分布や、各検査項目の得点分布などは、かなり似通った状態だった。スコア分布に大きな違いがみられたのは、meta description要素抜け。金融業界のほうが、抜けが極端に多く平均点が1.1ポイントほど低かった。

また、別ページへのリンク切れも、金融業界のほうが平均点で0.2ポイントほど低かった。これも重要なポイントである。というのも、この調査では、ページ間のリンク切れは他の要素よりも大きな重み付けがなされているからだ。ページ内の小さな画像がリンク切れになっていることよりも、リンクをクリックして飛ぼうとした先で「ページが見つかりません」と言われるほうが、ユーザーにとって大きな問題となるものだ。

金融系のサイトでは、Webサイトと基幹のシステムを適切に連携させることや、サイトが止まらないことなど、より重要なポイントがあるのも確かだ。しかし、ここで示したようなミスは、ルールをしっかりと定めて日々のワークフローにチェックを組み込めば、かなりの割合で減らせるはずである。そういった細かい要素への意識を積み重ねていくことが、本当に良い体験を顧客に提供するサイトには必要とされているのではないだろうか。

調査概要

▲ページの先頭に戻る

  • 調査対象
    金融業界75サイト
  • 調査期間
    2009年12月12日
  • 調査方法
    日本アイ・ビー・エム社提供、バーチャルコミュニケーションズ社がサポートする「IBM Rational Policy Tester」
    日本IBMの「IBM Rational Policy Tester」の機能をオンラインで利用できるサービスとしてバーチャルコミュニケーションズが提供しているこのサービスを利用し、対象となった75社の公式Webサイトのトップページからクローリングを行い、浅い階層の100ページまでを調査。JavaScriptやFlashファイルへのリンクに対しても解析を行った。
  • 検査項目
    • 「リンク切れ(すべて)」:画像やCSSファイルなどの素材データを含むすべてのリンク切れ
    • 「リンク切れ(別ページ)」:別ページへのリンク切れ
    • 「リンク切れ(ページ内)」:ページ内リンクのリンク切れ
    • 「title要素なし」:title要素が設定されていないページ
    • 「description要素なし」:metaタグでのdescription要素が設定されていないページ
    • 「altテキストなし」:altテキストが設定されていない画像
    ※総合評価の算出時に、各項目は比重をかけて調整している。全体のなかでは「別ページへのリンクのリンク切れ」が全体の40%と最も高く重み付けされており、その他の項目は、ユーザーがアクセスする際に違和感を感じると思われるものや検索時に不適切な設定などを順に重み付けを行った。
  • 調査実施機関
    バーチャルコミュニケーションズ株式会社
  • 調査の特徴
    アプリケーションでの検査の為、人為的なミスなどが生じない。また、目視では判別することが困難なJavaScriptやFlashファイルの問題も把握できる。
用語集
CSS / HTML / JavaScript / Webサイトクオリティ / alt属性 / description属性 / meta description / metaタグ / title属性 / スニペット / ユーザビリティ / リンク / リンク切れ / 検索エンジン
この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

インデックス
検索エンジンがWebページをデータベースに保存しているデータベース。データベース ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]