ITmediaのスマホサイト最適化が完璧すぎる！ブログやサイト運営者は参考にしよう！

本ブログでモバイルからの流入が70%を超えている事からもわかるように、サイト運営者はこれからスマホ最適化を進めていく必要があります。というかやらないと終わります。そんな中、私たちブログ運営者が参考にすべきサイトを見つけました。それはITmediaです。今回は、ITmediaのスマホサイトのスゴいと思った点をまとめていきます。

1 ネイティブアプリのようなUI、UX

まずビックリしたのが初期アクセス時に表示されるチュートリアルです。

スマホのネイティブアプリ（AppStoreやGoogle Playからインストールするアプリ）では、初回起動時にユーザーを迷わせないためにチュートリアルを表示されるのが当たり前になっていますが、それをWebで実現しています。チュートリアルのおかげで初回訪問ユーザーはITmediaサイトを迷わずに周遊する事ができるでしょう。ユーザーに易しい設計になっていますね。さらに、サイト上部の固定ヘッダーにより、ユーザーがいつでもメニューを参照する事ができ、サイトの主要機能を存分に使う事ができます。これがあるだけでサイト滞在時間は大きく伸びるでしょうね。ネイティブアプリの下にある固定バーと同じ働きをします。

2 スライド型サイドバーでユーザーに記事をもっと読んでもらえる

Facebookが導入して、各アプリで主流となったサイドバーにメニューを置くUIもITmediaでは採用しています。

サイドバーにメニューを配置し、カテゴリ分けした記事や最新記事を表示する事でユーザーの直帰率を下げる事ができます。ユーザーとしては、操作しやすい位置に他の記事一覧がある事で、「これも読んでみよう」となるわけですから。スマホ最適化を本ブログで進める上でのこのサイドバースタイルは必須だと思っております。

3 ページ遷移せずに人気記事ランキングを閲覧できる

ブログで目玉コンテンツになるのは、やはり人気記事ランキングです。多くの人に見られているという事はそれだけ多くの人が価値を感じているという事なので、サイトの価値をアピールしやすい部分です。しかし、たいていのスマホサイトでは、記事の下に人気記事を配置しており、ユーザーにスクロールしてもらわなければ閲覧できない造りになっています。しかし、ITmediaスマホサイトでは、スクロールという面倒な動作をせずとも、１タップで人気記事ランキングを表示できるようにしているのです。

冠ボタンを押すだけで、ランキングのポップアップが表示され、気になる記事を押せばその記事を読む事ができます。こういったユーザーに優しい造りもITmediaサイトのいい所なのです。