【感想】2万回のABテストからわかった支持されるWebデザイン事例集はSEO対策最後の砦だった

【目からウロコ】2万回のABテストからわかった支持されるWebデザイン事例集の書評と要約

この記事のまとめ

ブログの書き方、ライティングには自信があるけどデザインはイマイチ…

そんな人へオススメの1冊、「2万回のABテストから分かった支持されるWebデザイン事例集」感想を書きました。

アクセス・PVはあるのに収益がなかなか発生しなくて悩んでいませんか?

SEO対策の最後の砦、デザインを本書で学びましょう

ナラ

検索順位は上がってきたけど収益にはつながらない…
PV数はそこそこあるのに、広告がクリックされない…
クリックされても、結局成約にはつながらない…

このような悩みはWebデザインで解決できるはずです!

ココ

PVがあるなら基本的なSEO対策は問題なく出来ているはずだよ

ウェブデザインを整えれば読者に行動を促す最後の一押しができるからもう少しがんばって

ナラ

そんな最後の一押しのカギとなるWebデザインを学ぶ目的で選んだのがこの1冊。

2万回のA/Bテストからわかった支持されるWebデザイン事例集の感想

ブログ運営に応用できる知識や考え方を中心に、2万回のA/Bテストからわかった支持されるWebデザイン事例集の感想をまとめます。

ウェブデザインの書籍としては、情報の網羅性と信頼性、フォローしている有名ブロガーの評価の高さといった観点から本書は厳選したオススメの1冊です。

ウェブデザインとSEOの関係

ウェブデザインとSEOの関係

そもそもウェブデザインの知識とブログ運営に関連はあるのか?

先ず意識すべきなのは、ブログのSEO対策は大きく2種類に分けらるということです。

1つは検索エンジン向けのSEO対策

  • 記事のタイトル、なるべく左側にキーワードを入れる
  • 見出しや本文中にも不自然にならない程度にキーワードを入れる
  • 階層構造を意識してブログ全体を設計する

これらの施策が検索エンジン向けのSEO対策です。

そしてもう1つは読者向けのSEO対策です。

ココ

読者の行動も検索順位を上げる要因になるの?

例えば“滞在時間”や“直帰率”などのユーザーの行動はグーグルがサイトを評価する重要な指標になるわよ

ナラ

  • 長く滞在しても不快にならないデザイン
  • 必要な情報がどこにあるのか一目でわかる快適さ
  • 思わずクリックしたくなるリンクの配置

 

このように、“滞在時間”や“直帰率”と深く関わるウェブデザインは重要なSEO対策なのです。

ところが、巷にあるSEO対策の本は検索エンジン向けのものに偏りがちです。

SEO対策が検索エンジン向けに偏ると、PVはあるのに成約率が低いという状況に陥ります。

「支持されるWebデザイン事例集」の要約|そもそもABテストとは?

2万回のABテストからわかった支持されるWebデザイン事例集の要約|そもそもABテストとは?

本書はそのタイトルの通り、ABテストの結果、より優れた成績(PVが上がった、成約率が上がった)を出したWebデザインとその根拠を解説してくれる事例集&解説書です。

多くのABテストの事例から「より優れたウェブデザインのポイント」について丁寧に解説されています。

ところで、そもそもABテストとはなんでしょうか?

ネットで調べてみると以下のような説明が見つかります。

近年、ウェブマーケティングやモバイルアプリケーションの分野で広く用いられるテスト手法としてA/Bテストが挙げられる。A/Bテストとは、複数の実装案の比較評価を目的とした、実際の運用に伴って行われるテスト手法である。

引用元:J-STAGE-“宣言的な可変性記述によるA/Bテストの自動化”

例えば、以下のような二つのリンクがあったとしましょう。(どちらもアマゾンのページにリンクします)

2万回のABテストからわかった支持されるWebデザイン事例集を見てみる

2万回のABテストからわかった支持されるWebデザイン事例集を見てみる

どちらの方がクリックされやすいでしょうか?

ココ

テキストリンクもボタン型のリンクも同じだと思うけど、差なんてあるのかな?

これらの答えの得られないデザインの良し悪しを統計的に導き出すのがABテストなのよ

ナラ

統計データから導き出される答えには客観性再現性があります。

この個人では不可能な検証回数により導き出された統計データこそ、「支持されるWebデザイン事例集」を読む最大のメリットです。

これ以上に信頼性の高い情報を得られるWebデザインの書籍は他にはありません。

2万回のABテストからわかった支持されるWebデザイン事例集-目次-

  1. なぜA/Bテストが必要なのか
    • A/Bテストとは
    • もっとも有名なA/Bテストの事例
    • なぜ継続的改善は必要なのか
    • 改善STEP1 ビジネスモデルを整理し、KPIを設定する
    • 改善プロセス
    • 改善STEP2 どこを改善するのか?
    • 改善STEP3 何を改善するのか?
    • ランディングページ(LP)について
    • 一覧ページについて
    • 詳細ページについて
    • フォームページについて
    • コピーについて
  2. ABテスト事例集
    • 金融編
    • リード獲得編
    • サブスクリプション編
    • EC編

「支持されるWebデザイン事例集」はブログ運営に応用できる?

2万回のABテストでわかった支持されるWebデザイン事例集はブログ運営に応用できる?

本書の特徴の1つはその情報の網羅性です。

目次をみてみると、

  • 金融編
  • リード獲得編
  • サブスクリプション編
  • EC編

と、それぞれのサイトの「ターゲット」や、狙っている「ユーザーの行動」に沿って個別にデザイン事例を紹介しています。

また、そこに取り上げられている事例集は、

  • セゾンゴールドアメリカンエキスプレスカード(クレジットカード)
  • ガリバー(中古車販売)
  • ヤマハ英語教室
  • Hulu(動画配信サービス)
  • BOOK-OFF(中古本買取・販売)

などなど、実際に私たちが普段の生活で利用したことのある大手企業のサイトばかりで、デザインがもたらす効果をイメージしやすいのも魅力です。

ココ

でも大手企業サイトの事例ばかりだと、個人ブログの運営に応用できる情報って限られてくるんじゃないの?

本書はただの事例集にとどまらず、なぜそのウェブデザインが支持されたのか?を丁寧に解説してくれているから心配しないで

ナラ

本書は大きく分けて、事例ページと解説ページの2つのパートで構成されています。

支持されるWebデザイン事例集の事例ページ

事例ページ

支持されるWebデザイン事例集の解説ページ

解説ページ

例えば以下のような詳しい分析と解説が事例ごとについているのです。

  • なぜA案ではなくB案が支持されたのか?
  • A案とB案とで読み手に与える印象はどのように変化するのか?
  • そのページの狙い毎に異なるポイントとはどこなのか?

ブログ初心者はこの解説から、以下のようなブログデザインに応用できるヒントを得ることが出来ます。

  • アクションを起こさせるまでの導線の引き方
  • 写真・イラスト・色使いの有効な配置方法
  • 読者の不安の取り除き方
  • 目立たせるべき情報の優先順位の付け方
  • PCサイズとスマホサイズでみたデザインの違いと使いわけ

特にブログはスマホで読まれることが圧倒的に多いので、スマホ画面での見せ方・デザインの解説は非常に参考になります。

支持されるWebデザイン事例集の注意点

2万回のABテストでわかった支持されるWebデザイン事例集の注意点|カスタマイズ能力は身につかない

支持されるWebデザイン事例集はブログ初心者の教科書としては理想的といえるくらいの良書です。

一方、残念ながら本書ではデザインのカスタマイズ方法まで解説されていません。

本書で学んだデザインを自身のブログに応用するにはhtmlやcssの知識が不可欠です。

ココ

htmlとかcssって暗号にしか見えなくて…自信ないな…

でもブログ運営を長く継続していきたいならhtml/cssの基礎を身に付けるくらいは避けては通れないわよ

ナラ

文系出身の私も、最初はhtml/cssのカスタマイズが苦手で苦労しました。

そんな苦手意識を克服するために実践したのがUdemy(ユーデミー)のオンライン講座です。

Udemyなら、セール中であれば人気のWeb講座が1000円台で購入できちゃいます。

また、買いきりなので自分のペースで勉強できるのも魅力です。

▼次の関連記事にUdemyの評判・口コミ、HTML講座を受けてみた体験談をまとめました

【実体験】Udemyの評判・口コミは?HTML講座を受けてみた感想【実体験】Udemyの評判・口コミは?HTML講座を受けてみた感想

特に日中忙しい学生や会社員にはこの手法をオススメします。

\ セールでお得にお買い求め /
Udemyをみてみる 

支持されるWebデザイン事例集の感想まとめ

2万回のABテストでわかった支持されるWebデザイン事例集の書評まとめ|デザイン知識を見つけて効果を最大化する

ブログは記事を書いてなんぼ!
デザインに時間を書ける前に記事を書け!
そもそもPVがなきゃデザインなんて意味が無い!

確かにその通りです。

でも、その最初の関門を乗り越えた先には、ブログデザインの改善は避けては通れない課題です。

ココ

ブログデザイン…今まで理由をつけて避けてきたけど、思い切って勉強してみようかな

HTMLやCSSの基礎を理解するだけで、ブログで実現できることの幅が一気に広がるわよ

ナラ

「2万回のABテストでわかった支持されるWebデザイン事例集」は検索流入が増えてきた人が読むSEO対策本です。

記事を書くことにも慣れ、読まれるブログから稼げるブログへの進化を目指している人にピッタリの1冊だと思います。

【ブログ本】初心者が着実にステップアップするための厳選10冊

  • ブログ初心者が先ず読むべき本
  • ブログ初心者がSEOを学ぶために読むべき本
  • ブログ初心者がライティングを学ぶために読むべき本

▼これらのレベル・目的別に厳選したオススメブログ本をまとめた記事はコチラ

【超入門】SEO対策のやり方がわかるオススメ動画と本を紹介

  • SEOのことをもっと知りたい!
  • SEO対策のコツがサクっとわかるオススメ動画は?
  • ブログのオーガニックサーチからの流入をアップさせたい!

▼そんな初心者向けSEO対策のやり方をまとめた記事はコチラ

【超入門】SEO対策のやり方は?初心者向けのオススメ本も紹介!【超入門】SEO対策のやり方は?初心者向けのオススメ本も紹介!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA