完璧なブログのデザインを構成する11の(データドリブンな)要素

公開日:2014/08/28

最終更新日:2024/02/20

ブログ

無料で資料をダウンロード

SEOサービスのご案内
専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。

無料ダウンロードする >>
TechCrunch等、有名メディアのSEOやリデザインに関わり、自らも複数の人気ブログを運営する米国の天才デジタルマーケッターが語る、集客からコンバージョンまでより効果の高いブログデザインのツボとは。よくあるリスト記事と侮れない有益な情報が満載。 — SEO Japan

design

完璧なデザインのブログを作ろうとしているだろうか?コンテンツを読んでもらい、ソーシャルウェブでシェアしてもらい、そして、何よりも検索エンジンの結果で、上位にランク付けしてもらえるようなブログを目指しているだろうか?

私はGawker MediaTechCrunchを含む、多くの人気の高いブログのSEOを担当したことがあり、人気が高い理由を知っている。そして、幸いにも裏付けるデータも持っている。

そこで、人気の高いブログを作ろうとしている方のために、ブログのデザインに欠かせない11点の要素を紹介していく:

要素 #1: スレッド表示のコメントを採用する

様々なコメントのシステムが存在する。DisqusやFacebook等、選択肢には事欠かない。しかし、どのコメントシステムが、最も優れているのだろうか?

それは、スレッド表示のコメントだ。

なぜなら、このタイプのシステムを用いると、通常、投稿されるコメントの本数が、記事1本につき、16% – 33%増える効果があるためだ。コメントが多ければ多いほど、各ページのテキストの量は増える。そして、テキストの量が多いと、ランク付けの対象となるロングテールのキーワードが増える

スレッド表示のコメントにこだわるべきだ。アクティブなFacebookのコミュニティを抱えていたとしても、Facebookのコメントシステムの利用は避けた方が無難である。コメントを所有するのはFacebookであり、検索エンジンのトラフィックの増加には貢献しない。

要素 #2: スニペット

Quick Sprout(私が運営するサイト)のホームページには、記事の全文を表示していない。1つか2つ段落を見せているだけだ(スニペット)。このアプローチには、コールトゥアクション「クリックして続きを読む」に反応し、記事の残りを読むよう促す効果がある。

次の2つの主な理由があるため、全文ではなく、スニペットを用意してもらいたい:

  1. 注意が持続する時間は短い – 注目が持続する時間は、8秒間のみである。スニペットのみを見せると、読者が複数の記事から読む記事を選択することが出来る。読者は、興味のある記事に遭遇するまでスクロールを続け、その後、記事を読む。
  2. コンテンツの重複を避ける – 記事全文をホームページに掲載すると、コンテンツの重複が発生し、検索ランキングにマイナスの影響がもたらされる。そのため、スニペットの利用が推奨される。

ホームページでは、複数のコールトゥアクションのテキストをテストして、クリックして、記事を読む人の人数が一番多いバージョンを見つけたいところだ。私は以下のフレーズを試したことがある:

  • 続けて読む
  • もっと読む
  • クリックして続きを読む
  • 続ける

この中で、「クリックして続きを読む」が、その他の3つフレーズよりもクリックスルー率が10%以上高いことが判明した。もちろん、私のブログで功を奏したフレーズが、その他のブログでも役に立つとは限らないため、ご自身のブログでもテストを行うべきである。

要素 #3: スクロールするソーシャルボタン

Quick Sproutで様々なソーシャルボタンを試した。記事の始め、そして、終わりにボタンを配置したことも、記事の途中でツイートを要請したこともある。しかし、常に最も効果が高いデザインは、スクロールするソーシャルボタンである。

SharebarFlare等のプラグインは、ソーシャルトラフィックを27%増加させていた。

social media

スクロールするソーシャルボタンのプラグインを利用する際は、ボタンの数を3つに限定してもらいたい。つまり、読者が利用しているソーシャルネットワークの中で、人気が高いネットワークを3つ選ぶ必要がある。ちなみに、私のサイトでは、Facebook、Twitter、Google+が該当する。

選択肢を増やし過ぎると、経験上、ソーシャルトラフィックは減ってしまう。

要素 #4: フォントのサイズは11、もしくは、それ以上

約1ヶ月前、テキストのサイズが読みやすさに影響を与えることを記事の中で指摘した。

私は13のブログでテストを行い、フォントのサイズを8から9に引き上げると、読者がサイトでコンテンツを読む時間が13秒増加した。サイズを10にすると、さらに8秒間増え、11にすると、6秒間増加した。

ただし、ArialやTimes等の読みやすいフォントを利用していることが前提である。読みにくいフォントを利用しているなら、サイズを大きくしたところで、大きな効果は見込めない。

信じられないなら、実際にフォントを大きくしてみると良いだろう。

要素 #5: 右側にサイドバーを配置する

一部のブログでは、サイドバーが左に掲載されている。サイドバーを両側に用意しているブログもある。私は幾つか異なるレイアウトのタイプを試したが、コンテンツを左側に配置し、サイドバーを右側に配置するレイアウトが、最も効果的であった。

このレイアウトでは、読者は、コンテンツに集中することが可能であり、一方のブロガーは、サイドバーで、その他のアイテムを宣伝することが出来る。メインのコンテンツは、60%以上のスペースを占める必要がある。ビジターは、ブログの記事を読むために、ブログにアクセスしているのであり、その他の要素で気を散らすべきではない。

サイドバーをどうしても左側に配置したいなら、それでも構わないが、私が行ったテストでは、コンテンツを読む人は15%-25%減少してしまうことが判明している。

要素 #6: 経歴を紹介する

企業のブログを運営しているのであれ、個人的なブログを運営しているのであれ、読者とつながりを作るべきである。個人的なレベルでのつながりが存在しない状態では、コメントの投稿や購入は期待できない。

オープンに接すると、読者との絆を作ることが出来る。サイドバーで、簡単な経歴を紹介し、詳細な経歴ページにリンクを張ろう。

企業のブログを運営しているなら、設立者、もしくは、ブログを管理するチームの経歴をサイドバーに掲載する手がある。その際は、経歴の上に写真を掲載しよう。つながりを築くためには、ブロガーの姿が「見える」ことが条件となる

要素 #7: Eメール購読の選択肢を用意する

前にも指摘したことがあるが、Eメールアドレスの収集は、トラフィックを増やす上で、非常に重要度が高い。サイドバー上部のオプトインを利用することも、あるいは、もっと積極的に集めたいなら、ポップアップを利用することも可能だ。

emails

無料のEブック、または、コースを提供すると、Eメールの購読者が増える。また、名前とEメールアドレスではなく、Eメールアドレスのみを求める場合も、オプトインが10%前後増える。

今年の6月、Quick Sproutが得たトラフィックの28%は、Eメール経由であった。コメントとソーシャルシェアの大部分を占めていたのも、Eメールの購読者であった。

いずれにせよ、読者のEメールアドレスの収集を始めるべきである。新たにブログの記事を更新した際に、通知することが出来るためだ。

要素 #8: 人気が高い~ウィジェットを利用する

私のブログで最もクリックされている領域が、どこなのか見当をつけることが出来るだろうか?実はコンテンツではない

サイドバーには、ガイド、特に人気の高い記事、そして、現在人気が高いコンテンツを紹介する領域が用意されている。

popularity contest

ここが最もクリックされる回数が多い領域である。トラフィックを重要な記事に導くだけでなく、私が採用するクロスリンクの手法により、検索エンジンのランキングにもプラスの効果をもたらす。

Popularity Contest プラグインを利用しているなら、誰でもこのメリットを得ることが出来る。ただし、私のタブと同じようなタブを使いたいなら、ディベロッパーに調整を頼む必要がある。

要素 #9: Yoast SEOプラグインを使う

これほど簡単な調整方法はない。長い目で見ると、飛躍的に検索エンジンのトラフィックは伸びていく。

WordPressでブログを運営しているなら、Yoast SEO プラグインをインストールしよう。WordPressを利用していないなら、この記事で紹介している手順に従って、自力でSEOを実施する必要がある。

要素 #10: シンプルな配色とデザインを心掛ける

色によって意味は異なる。慎重にブログで利用する色を選んでもらいたい。心理的な観点においてだけではなく、選択する色は、色々な意味で重要である。色によって、コンテンツは読みやすくもなり、反対に、読みにくくもなる。

例えば、黒い背景に赤いテキストの組み合わせは、白い背景に黒いテキストの組み合わせと比べると、読みにくい。

出来るだけ余白のスペースを取り、テキストには黒を用いて、デザインをシンプルにするよう心掛けると良いだろう。ビジターはブログのコンテンツを読むためにアクセスしているのであり、デザインを複雑にする必要はない。コンテンツを読みやすくすることを目標に掲げよう

要素 #11: 画像を利用する

Quick Sproutでは、全ての記事の冒頭に画像を配置している。以前は、画像を掲載しないこともあったが、テストを行った結果、ホームページで記事をクリックする人が増えることが判明した。

images

どれぐらい増えたか想像してもらいたい。実は37%も増えたのだ。たった1枚画像を加えただけだ。魅力的な画像を用いているなら、良い結果が出るはずだ。反対に醜い画像を用いているなら、クリックする人は少なくなってしまう。

私はストック写真を利用している。著作権使用料無料の写真を使う手もあるが、通常、質はそれほど高くない

結論

トラフィックを増やすブログをデザインするのは、難解な取り組みではない。 今回紹介した手順に従うだけで良い。そうすれば、トラフィックは増えていく。

全ての変更を加える時間がないなら、スクロールするソーシャルボタンのプラグインとスレッド表示のコメントをインストールする作業から始めよう。この2点のシンプルな変更により、ソーシャルメディアのトラフィック、そして、検索トラフィックは、長期的に伸びていくだろう。

完璧なブログのデザインを構成する要素は他にもあるだろうか?

この記事は、Quick Sproutに掲載された「11 Essential Elements of a Perfect Blog Design (a Data Driven Answer)」を翻訳した内容です。

一番目のコメントに関しては日本のブログは米国程、コメントが活発に投稿されませんし、スパムコメント排除に時間がかかったりしてしまうので微妙な所とは思いますが、他はどれもタイトルだけ見ると一般常識の範囲と思いつつも、読んでみると、改めて気づきのある内容でした。統計値も多く、適度にデータドリブンなものも多かったですし、どれもテストしてみる価値は十分にありそうな内容でした。 — SEO Japan [G+]

記事キーワード

  • Facebook
  • X
  • はてなブックマーク
  • pocket
  • LINE
  • URLをコピー
    URLをコピーしました!

編集者情報

  • X
  • Facebook

アイオイクス SEO Japan編集部

2002年設立から、20年以上に渡りSEOサービスを展開。支援会社は延べ2,000社を超える。SEO/CRO(コンバージョン最適化)を強みとするWebコンサルティング会社。日本初のSEO情報サイトであるSEO Japanを通じて、日本におけるSEOの普及に大きく貢献。

メディアTOPに戻る

RECRUIT

一緒に働く人が大事な今の時代だからこそ、実力のある会社で力をつけてほしい。
自分を成長させたい人、新しいチャレンジが好きな人は、いつでも歓迎します。