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

公開日: : 最終更新日:2014/03/15 WEBサービス

このエントリーをはてなブックマークに追加

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

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

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

スポンサーリンク

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

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

スポンサーリンク

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

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

4 ユーザーの好みに応じた細かい設定ができる

ITmediaのスマホサイトでは文字サイズ、行間、閲覧履歴削除などを設定する事ができます。
サイトやブログのスマホ最適化で参考にしたいITmedia
これまで紹介してきた3つほどインパクトのある機能ではありませんが、ユーザーの事を考えた心配りが感じられます。

まとめ

・スマホ最適化はITmediaを参考にしよう
・アクセスアップのためにスライド型サイドバーを導入すべき
・人気記事ランキングなどサイトやブログの目玉コンテンツはポップアップなどで手間なく閲覧できるようにすべき
・これからブロガーはUI,UXデザイナー的視点ももっておくと強い

ちなみに、ITmediaのネイティブアプリももちろんあります。ネイティブアプリでは、バックグラウンドでアプリを動かし、記事内容を取得しておいて起動時に読み込みを速くする処理などネイティブならではの機能も実装されております。より、快適にITmediaを利用したい方はこちらもどうぞ。

スマホサイト最適化で読んでおきたい記事

サイトやブログでスマホサイト最適化する際に見ておきたい記事まとめ 【WordPressプラグイン】
スマホ対応もしてくれてSEO効果もバツグンと話題のWordPressテーマ「Stinger」を導入しました!
【WordPress】jQueryスライドメニューを実装した際にハマったこと

自分でスマホサイト対応するのがツラかったら

仕事で悩む人から人気の記事

ブログ「らふらく」を購読する→follow us in feedly

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

ブログで稼ぐ方法をまとめてます

関連記事はこちらからどうぞ!

いつもシェア感謝です!今回もぜひ

このエントリーをはてなブックマークに追加
※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!
SNSでも自分の得意なことで収入を得る方法を発信しています。フォローすれば更新をチェックできますので、ぜひフォローを。
仕事依頼などのお問い合わせは「iwgp545@yahoo.co.jp」か、「TwitterのDM」、「Facebookのメッセージ」からお願いします。

SNSでフォローしてお金を稼ぐための情報を受け取ろう
LINE@で友達追加(スマホでLINEを起動 > その他 > 友だち追加 > QRコード読み取り)
ブログで生活しているタクスズキと申します。「好きなことを仕事に」を当たり前にする活動をしています。よく「真面目」と言われる89世代の意識高い系です。 スズキについて詳しく知りたい方はこちらからどうぞ
仕事のご依頼(広告掲載、記事寄稿など)はiwgp545@yahoo.co.jpからお願いします!