FB良品の樋渡市長の顔写真がh3要素なのは不自然でも何でもない

FB良品(fb-ryohin.jp)というサイトがリニューアルオープンしたようですが、さっそくXSS脆弱性が発見されたり利用規約の不備やらで話題になっていますね。

このXSSは私も確認しましたが、あまりにも基本的な対処ができていないお粗末なシステムだと思います。

で、XSS以外にもいろいろ叩かれているわけですが、トップページの下の方にある樋渡市長の顔写真がh3要素でマークアップされていることを指摘する声が。

FB良品トップページの、市長のご尊顔に h3 が設定されてるよ。SEO 的に重要ってことかねえ。

コピ・ルアク (@12648430) 2012年12月9日 18:24(X)

多分、この3ヶ月くらいの間で、最も爆笑した指摘!見た瞬間にお茶のんでなくてよーかた。居間でも笑いが止まらない… QT @12648430: FB良品トップページの、市長のご尊顔に h3 が設定されてるよ。SEO 的に重要ってことかねえ。

TATSUMI, Takeo:辰己 丈夫 (@ttmtko) 2012年12月9日 20:29(X)

市長の顔がh3なのかww - FB良品 http://ux.nu/22wdp #miteru

Shinnosuke Takeda (@cnosuke) 2012年12月9日 21:52(X)
サムネイル画像
FB良品トップページの樋渡氏の顔写真とコメントの部分オリジナル画像

確かに、一見するとただの顔写真を見出しにするのはおかしいと思うかもしれません。しかし、HTMLを見てみると、こうなっています。

<h2 class="title3"><img src="/admin/upload/msdemo03/img/fb-top-potal02_77.jpg" width="536" height="40" alt="地元を愛するひとがこころをこめて送り出す品物" /></h2>
<h3 id="chairman"><img src="/admin/upload/fbryohin/img/hiwatasi.jpg" width="163" height="161" alt="武雄市長樋渡啓祐" />
</h3>
<p class="caption1" style="margin-top: 35px;">FB良品は、これまでのネットモールにて求められないような、隠れた銘品を購入できる、「地元密着型、物産通信販売サービス」です。…(以下コメントが続く)

「地元を愛するひとが…」というh2見出しの直下に樋渡氏の顔写真(hiwatasi.jpg)があり、その後に本文が続いています。

今はたまたまコメントをしている人が樋渡氏ひとりだけですが、もし今後複数の方がコメントを寄せる可能性も考えると、

  • それぞれに見出しを設定して、その直後に本文を記す
  • 順不同リスト(ul要素)を使う

のどちらかでマークアップするのが自然でしょう。そう考えると、たまたま一人であっても見出しを設定するというのは別におかしな事ではないと思います。仮に画像の代替テキストが空であったり、「樋渡啓祐の写真」などとなっていたらダメですが、このページは見出しとして適切な文言になっています。

最後に分かりやすく、スタイルシートを無効にして画像を非表示にしてみました。

サムネイル画像
CSSと画像を無効にした表示オリジナル画像

まったく不自然ではないと思うのですが、いかがでしょうか。

  • ちなみにSEOはほとんど考慮されていないと思います。まずそもそもトップページにh1要素がないですし。