アフィリエイトのやり方講座4 サイトデザインを整える

アフィリエイト2

アフィリエイトのやり方講座では、「アフィリエイトでお金を稼ぐことに興味をもっている」、もしくは「稼ぐ準備を始めている」初心者に向けて、基礎的なやり方を紹介しています。

やり方講座第4回では、サイトのデザインを整えて見栄えのいいサイトを作る理由とその手順を紹介します。

まだ記事を書いたらダメなんですか?

きゃっと
サイトデザインってあとから変えられるんですよね?先にアフィリエイト記事を書いたっていいじゃないですか!
なまはむ
早く記事を書きたい気持ちもわかります。でもサイトデザインを全く考えずに進めると、成果が出にくくなって、挫折しやすくなるんですよ。

 

前回までで、サイトの作成が完了しました。「サイトを作ったし、早速記事を書こう!」と気分が高まっているかもしれません。

でもその前に一旦クールダウンして、サイトを綺麗にする作業に取り組みましょう。

というのも、サイトデザインを何も考えず、「後から」に記事を書き始めると、後からデザインを変更するためにかなりの時間を費やすことになります

そのような事態を避けるためにも、最初にサイトデザインをしっかり練りましょう。

また、アフィリエイトを始めたばかりの人は、「サイトの訪問者が増えない」「サイトの記事が読んでもらえない」といった悩みに直面していることと思います。

そのような問題も、サイトデザインを整えることで改善するので、ぜひ記事をご覧になってみてください。

 

なぜサイトデザインが大切なのか?

アフィリエイトで最終的に最も重要になるのは記事の質です。しかし、サイトデザインというのも非常に重要な要素です。

アフィリエイトで稼いでいきたい場合、サイトの評価を上げる必要があります。

サイトの評価は、記事を読んでもらうことで上がっていきますが、記事を読んでもらえるかどうかはサイトデザインが大きな影響力を持ちます。

人間には、物事を一瞬見ただけで判断する習性があるためです。

例えば、本を買うときに、表紙のデザインなどを見て、手に取るかどうか決めた経験はないでしょうか?

外装がボロいラーメン屋と、キレイなラーメン屋、前者は最初から敬遠してしまった経験はないでしょうか?

一目見た瞬間に「この人とは合わなそう」といった印象をもった経験があるのではないでしょうか?

このように人は一瞬見ただけで判断する傾向があるため、サイトデザインが重要なのです。

これが「ファーストビューが大事」といわれる理由です。

ファーストビューとは、「webページにアクセスした際に、スクロールせずに見えるブラウザの画面範囲」のことです。記事を読んでもらえるかどうかというのは、このファーストビューにかかってきます。

一般的に、ファーストビューですぐにページから離れてしまうユーザーの割合(直帰率)は70%以上といわれています。

つまり、ファーストビューでいかにサイトが有益そうかをアピールし、ユーザに「もっと読みたい!」と思わせることができるかが、アフィリエイトの成否のカギとなるのです。

それに成功すれば、サイトに興味がそそられて直帰率は下がり、平均セッション時間は伸びます。

ウェブサイトの直帰率を下げるための基本戦術ですので、これらの内部リンクの仕組みは、必ず自サイトにくみこみましょう。

ウェブサイト運営でお金を稼ぐ場合、サイト訪問者の管理人に対する信頼感が、重要になってきます。

信頼感のあるウェブサイトだと見込み客やファンが増え、リピーター(何度も自サイトを訪れる人)が増していきます。

信頼感は、主には有用な情報コンテンツを増やすことで得ていきますが、ウェブサイト作者のプロフィールを設置することでも獲得できます。

プロフィール用のページを作っておき、自分の似顔絵や写真、プライベートの情報、サイトの歴史などを書いておきましょう。サイト訪問者に、親近感を持ってもらうことができます。

 

最終的には、記事の内容が大事なのですが、入り口をキレイにしておくことで、サイトに対する印象がよく、信頼感があるので、商品を買ってくれる可能性も高まります。

人間はバランスが悪いものに違和感を感じる性質があります。

以前テレビで話題になりましたが、就活の面接で同じ内容の受け答えをしたら、顔が整った人が採用されるという実験データもあります。

記事を全部読んでもらえるかは記事の内容に影響されますが、記事を読んでもらえるかどうかは、サイトのデザインが大きな割合を占めます。

サイトのデザインは全ての記事で共通する項目ですので、早い段階でしっかりとしたデザインを固めておくと、記事の作成が楽になります。

逆に記事を書いてからサイトデザインの調整を繰り返していると、それぞれの記事を後から修正する必要が出てきて何かと時間がかかります。まずはしっかりとしたデザインを考えておきましょう。

 

サイトデザインの基本

アフィリエイトサイトを作成する場合、アート作品のような凝りすぎたデザインというのは、逆にアクセス数を損なってしまう可能性があります。

ファッション・アパレル関係の会社のホームページでは、アート作品のようなところもありますが、それは例外です。

ホームページのデザインや構造を考える上で一番重要なのは、あくまで機能性(ユーザビリティ)です。

デザインがいくらおしゃれでも、使い勝手の悪いデザインでは、ユーザーが関連するほかの記事を読もうと思っても、どこから読めばいいかわからず迷子になってしまいます。

そうすると、サイトの滞在時間が伸びないため、サイトの評価が高まりません。

必要最低限のデザインを構築したら、あとはサイト訪問者が必要な情報を得られやすいよう、内部リンク(自サイト内の別ページへのリンク)や、ナビゲーション(案内)を整えて、使い勝手のいいサイトに仕上げましょう。

 

サイトのユーザビリティーを向上させるデザイン

  • プロフィールページの設置
  • ページの最上部や最下部で、前ページ、次ページというようなリンクを作る
  • ページに関連するコンテンツのリンクを最下部にまとめておく
  • 最下部に、そのページの上部に戻るためのリンクを設置しておく
  • パンくずリストを作成する
  • カテゴリーページの設置
  • ロゴを作る
  • 注目コンテンツは、ヘッダーのメニューバーやサイドバーを利用して、ファーストビューに映るように工夫
  • ページ全体に背景色などを設定する場合、基本的には明るめの色を使う
  • 記事を読みやすいように、文字の大きさや行間にもこだわる
  • 大見出しと中見出し、小見出しを作る(HTMLのh1タグ、h2タグ、h3タグで設定)

 

ユーザビリティ(使い勝手)と、クローラビリティ(検索エンジンからの認識のしやすさ)を考慮して、どのページにも2クリックでたどり着けるようにします。

ある程度コンテンツが充実してきたら、カテゴリーページを設置してコンテンツをまとめます。トップページ→カテゴリーページ→各コンテンツ、というような3段階の階層になるよう、ウェブサイトを設計していきます。

他にも、サイトマップ(サイト内の全ページへのリンクをまとめたページ)や、更新履歴のページを用意しておくことで、ユーザビリティの向上をはかることができます。

ヘッダーに飾るタイトルには、ロゴを使うと印象が強くなります。ロゴはロゴジェネレーターを使えば、すぐに作ることができます。ウェブサイトを使って稼いでいく場合は、商用利用可能なフォントを使っていきます。

これでもほんの一部で、デザインで気にすべきポイントはほかにもたくさんあります。一つ一つは細かいですが、これが積み重なると、使い勝手に大きな差が生まれてきます。

神は細部に宿るといわれるように、ほんの小さなこだわりが使い勝手に大きな影響を及ぼしていき、ユーザーにこのサイトをもっと利用しようと思ってもらうことができるのです。

上記で紹介したように、サイトのデザインというのはこだわり始めると終わりがなく、初心者がいきなり設計するのはまずムリです。

きゃっと
いきなりこんなにたくさんのことをデザインしろって言われてもムリです…
なまはむ
初心者でも簡単にサイトデザインをキレイにする方法があるから大丈夫ですよ!それが次に紹介するテンプレートです。

 

なぜテンプレートを利用するのか?

テンプレートというのは「サイトの雛形」です。

テンプレートを使うだけで、HTML/CSSを知らない人でも簡単に美しいデザインのサイトが作れます

自分で一からHTML/CSSを記述してサイトを構築すると、このデザインを整えるのにかなりの時間を費やすことになります。

しかし、プログラミング言語というのは、ほんの一行、たった一文字違うだけでもうまく表示されなかったり、バランスがめちゃくちゃになったりします。

このバランスを整える作業というのは、かなりの熟練者でも時間を要します

わたしも当初、HTML/CSSを少しいじっていたのですが、見出しの表示を満足するものにするため、スタバで6時間かけていじった結果、自分がしたかった表示にできなかったことがあります。

その後も何度かそういう経験をしてわかったのは、その道のプロでない限り、デザインの微調整に時間を費やすのはムダということです。

そのような作業に時間を費やすよりも、テンプレートを利用して記事を書くことに時間を割く方が早く稼げるようになります。

上で挙げた項目以外にもデザインを整えるべき項目があります。

これらを全て調整するのは大変ですが、テンプレートを使用すれば、あっという間にこだわりの詰まった美しいデザインのサイトを手に入れることができます。

このテンプレートには無料のものと有料のもの2種類あります。

無料テンプレートにも優れたデザインのものもあるので、そちらもオススメですが、初期投資だと思って有料テンプレートを導入することを当サイトではオススメしています。

先ほども話した通り、サイトの見た目を綺麗にしておくだけでサイトの売上は大きく変わってきます。

当サイトも無料のものから有料のものに変えた途端、ユーザーの直帰率が下がり、PV(ページの閲覧数)が伸びました。

有料テンプレートは、サイトのデザインが洗練されているのはいうまでもなく、細かいデザインもこだわり抜かれていて、何より機能面が無料のものとは段違いです。

オススメのテンプレートをいくつか紹介していますので、参考にしてみてください。

その中でしっくりくるものがなかったとしても、テンプレートは星の数ほどありますので、必ず「これだ!」と思えるテンプレートが見つかります。諦めずに探してみてください。

 

オススメの無料テンプレート

Simplicity

無料テンプレートでオススメなのはSimplicityです。

フォントの大きさや行間などが絶妙で読みやすく、シンプルなデザインなのでカスタマイズがしやすいという点で人気です。

シンプルだけど飽きがこない素晴らしいテーマです。とにかく機能の多さが魅力的で、HTML/CSSの知識がほとんどなくてもAdSenseなどの広告を貼り付けることが出来ます。

また、サポートの対応がいいことでも知られており、テーマの作成者であるわいひらさんに質問すると大抵のことは答えてくれます。

カスタマイズの方法などについても、Simplicityの配布元を確認すればたくさん出てくるので、テーマ選びに困ったときは、是非一度使ってみて下さい。

 

Xeory

バズ部が提供している無料テーマ「Xeory」

Xeoryはかなりシンプルな作りですが、情報をまとめるサイトにはぴったりでかっこいいデザインだといえるでしょう。シンプルで高機能なサイトを作りたいならおすすめです。

使い方マニュアルも付属されているので迷うことも少ないはず。

 

STINGER8

有料テンプレートでも有名なAffingerの無料版がスティンガー8です。

有料版の方が高機能ですが無料版でも十分に使えます。当サイトも初めはこのSTINGERでサイトを作成していました。

アフィリエイト向けに設計されているため、SEO対策が取られており、このテーマに変えるだけでも検索順位が上がるといわれているほどです。

どのテンプレートにするか迷ったときはこれを使っておけば失敗はありません。

 

オススメの有料テンプレート

有料のテンプレートの方がデザインに優れており、カスタマイズ性も高くサポートもしっかりしています。

当サイトでオススメするのが「Stork」「ハミングバード」「AFFINGER4」の3つです。これらの有料テンプレートは無料よりも圧倒的に多機能で、何よりも非常に見やすいデザインになっています。

Stork(ストーク)

ストークは、人気ブロガーのJUNICHIさんとOPENCAGE(オープンケージ)が共同で作り上げたWordPressテーマです。

こちらのテーマは、「新しいスマホビュー時代を作ろう」というコンセプトで開発されており、スマホでの見やすさ・機能・デザイン性はばつぐんです。

HTMLやCSSの知識がない方でも、美しいサイトを作ることができます。当サイトは、Storkの初期設定からほとんど変更していませんが、それでも十分アクセスは集まっています。

とにかくスマートフォンでの使用感がすばらしいので、見た目のインパクトよりも「使いやすさ」「読みやすさ」にこだわりたい方におすすめです。

当サイトも、スマホでの利用しやすさを重視して、別のテンプレートからこのストークに乗り換えました。

ほかのテンプレートを選ぶときの比較対象として参考にもなりますし、一度ホームページを見て確認するだけでも価値があります。

こちらから一度確認してみましょう。

 

ハミングバード

ハミングバードは「誰が使っても簡単に美しいブログサイトを!」をコンセプトとして開発されたWordPress用テーマです。

初めてこのテーマを目にしたときは、そのサイトデザインの美しさにビビッときて、自分のブログ用に一目惚れして購入してしまいました。それほど洗練されたデザインです。

ハミングバードは、最初から美しいデザインですが、少しカスタマイズするだけで、オリジナルなデザインを実現させることができます。

値段はストークよりも3,000円ほど安いので、少し高くて手が出ないという方は、こちらを検討されてはいかがでしょうか。

 

WING AFFINGER5

WING(AFFINGER5)は、アフィリエイト専用の便利機能が搭載された、アフィリエイトに特化したWordPressテーマです。

上でも紹介しましたが、もともとアフィリエイターに人気の高かった「スティンガー」を機能面やSEO対策面でパワーアップさせたものがWINGです。

SEO対策に必要な機能が標準装備され、商品ランキング、Youtube動画背景、スマホ専用メニュー、スマホ専用検索フォーム、関連記事一覧など、アフィリエイトをする上で「こういうのがあったら便利だな」と思う機能が盛りだくさんです。

これらを使いこなせばオリジナリティの高く、売上も高いサイトを目指せます。

ただ、AFFINGER5の初期デザインはわりとシンプルで、カスタマイズしてオリジナリティを出す仕様となっています。

それにはHTML/CSSが必要になるので、どちらかというと中級者向けのテンプレートになります。

廉価版のAFFINGER4もあります。こちらは通常9,800円ですが、当サイトのリンクから購入すると9,000円に割引されます。

 

 

まとめ

アフィリエイトのやり方講座第4回では、サイトデザインを整えることについて紹介しました。

やり方講座第5回では、記事の書き方について紹介していきます。

NEXT アフィリエイトのやり方講座5 記事を書くための5つの下準備

 

 

 

なまはむ
記事が参考になった方はフォローしてくださると励みになります!

コメントを残す

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.