アフィリエイトブログの配色を解説！見出し・ボタンの色でおすすめは？

今回はアフィリエイトブログの配色ですね。結構デザインにハマる人って多くて、ヘッダーや見出し、ボタンのそれぞれをどんな色にするのか？悩む人がいます。

で、先にいっちゃうとですね・・・正直アフィリエイトで稼ぐことから最も遠いのが「サイトカラー」です。迷ったら白黒で全然OK！！

自分は１０年以上アフィリエイトやっているし教えていますが、「ブログの配色で購入を決定した！」って言う人に会ったことないんですよね。

ただ、一部戦略によっては色が決め手となる場合もあると思うので解説します。

アフィリエイトブログの配色と売り上げの関係性について

まず、ブログの配色やデザインと売り上げの関係性です。これは自分の失敗談も含めて話したいのですが‥。結論は３つです。

自分の商品を販売する場合、ヘッダーや挿入画像でイメージ喚起させるのすごく重要だと思います。またウェブデザインスクールとか、特定の配色に特化したファッションジャンルはまあ、見られると思います。

ただ、そういう人はインスタ見ますからね・・・。読むより見るのが好きな人を集めるならSNSの方が有利です。

正直デザインをメンバーさんと一緒にかわいくしまくって、動きも入れたのに全く売り上げと関係のないことが多かったんですよ・・・。

４～５時間かけてボタン画像にチューリップの花を入れてCSS葉っぱを揺らそうと頑張って、なんとかできたものの売り上げのと関連ゼロですｗ

本人はすごくうれしそうだったんですが・・売上との関連は全く見られませんでした。その後彼女は、自分でアクセサリー作って売ってるから、役に立ったようですが。

アフィリエイトリンクの色はグーグル広告に合わせよう

まず絶対変えてはいけないのはテキストリンクの色ですね。世界で一番見られている広告リンクはやっぱりGoogleです。そのグーグルが使っているリンクの色は青です。

そこを変えてしまうともはや「リンク」には見えないという人もいます。

ボタンリンクに関しては「青・緑・赤」があって心理学の面から利用されています。リンク直前の煽り（マイクロコピー）を入れた方がクリックされるので色はもともとブログにあるもので良いと思います。

ブログの記事内に使える色は基本三つ！蛍光ペンは１つが無難

後は記事内の文字カラーですね。これは黒板と同じです。なぜ教師が黒板に複数の色を使わないか？というと生徒が実際に覚えられないからです。

原則は白チョーク・黄色・赤。ですよね？色弱の人を考えて、緑や青・紫はめったに使わないはず。

うすい色も老眼にはむしろきつい・・。

蛍光ペンも基本は黄色が無難です。たまに学習ノートを７色にしている生徒を見かけましたがあまりテストが出来ていないような気がしてます・・・。

ブログの全体の配色は美術で習った色相環を元にする

こういうの一般的だと思うんですが、アフィリエイトブログって記事内に写真画像を多く使いますよね？

実際有料テーマでオシャレに見えても自分が使う写真の色と合っていない・・・なんてことも多いので自分は隣り合った同系色を使うことが多いです。

大きなテーマカラーを決めてそれに合わせた色を２色。

アフィリエイトリンクの本とんどが「青」で構成されるため、さすがに背景は青じゃダメですよ？そんなことしているブログ見たことないですけど・・。

配色と購買意欲の関係も一応気にする

一応カラーマーケティングで言われている要素です。基本的にアフィリエイトブログはECショップや販売ページと異なり、その橋渡しをする存在です。

自分のジャンルによってベースカラーを決めてもいいかと思いますが、自分が繰り返しやった実験ではブログの見出しの色を変えた程度で売り上げがめちゃ伸びるなんてことはなかったです。

それより「売れるキーワード」「検索１位」「セールスコピー」「挿入画像」「売れる商品」という要素の方が圧倒的に重要だと思ってます。

参考：【成果を上げる色の選び方】色彩心理学から学ぶ サイトカラー（LISKUL）

ブログ全体と見出し配色の決定方法

後はブログの全体のカラーと見出しの色の関係です。これだけ分かればいいですよね？

この３つが手っ取り早いっす。世界中のウェブデザイナーさんが最強の色の組み合わせをけんきゅうしてくれていますので、それを見出しに当てはめればOK！！

カラーパレットを使いパレットメーカーで配色決定

ウェブデザインの配色サイトの組み合わせとかみると正直無限に出てきてしまって、どれが最適なのか？センスがないとよくわからないってことが多いです。

私も法人関係のウェブデザイナーさんと相談しますが「なぜその配色？」っていうのはバランス感覚という部分がある。

よくわからない人はも自分で色を混ぜないで、プロが作った色のなかから選んだほうがいいと思います。

他人のブログの色を抽出して自分のサイトに当てはめてもOk！

後は普段から自分がブックマークしているサイトですね。そのサイトの配色パターンをもらってしまっても特に問題ないと思います。

もちろん、コンテンツまでそっくりマネしてパクリサイトにするのはダメですよ？

例えばグーグルクロームに入る「カラーピッカー」であれば参考サイトの気になる色を外から抽出できます。そのカラーコード表を自分のものに採用すれば良いと思います。

好きなファッションブランドのサイトなんかを参考に自分が作りたい色を決定してください。

→　カラーピッカー

実店舗の配色を真似するのもあり

アフィリエイトの世界もだんだんリアル店舗に近くなってきているんです。動画やライブ配信で売ったりするし。

ということは反対にオシャレな実店舗からサイトの配色やデザイン構想を勉強してもいいですよね？先ほどのカラーピッカーで色も抜けるし、「自分が行きたいな！」って思える店舗情報をみるのはどうでしょうか？

アフィリエイトボタンの色は何が最適？

ボタンの色	一般的な意味合い	クリック率の傾向
赤	緊急性、情熱	2.5%
緑	成長、平和	2.0%
青	信頼、安定	2.2%
黄色/オレンジ	楽観、エネルギッシュ	2.8%
灰色	中立、無難	1.5%

最近は単色だけではなく２色を混ぜたカラーもありますが、緑や赤がクリック率が高いのかと思います。

緊急性の高いキーワードで上位表示している記事は赤色。文章を読んで安心して買いたい人は緑か青など自分のサイトに来ているキーワードによって変えてもいいかと思います。

リンクボタン色はASPのバナーから割り出すことも可能

・・・・マッチングアプリのペアーズは誠実な色で青でボタン周りは白。クリック率の順番に並べ替えてみましょう。

結婚となるともう少し意識が高めですね。オーネットは赤です。恋愛ジャンルはいいのか？などと考えてみる。

アフィリエイトブログの見出しの色は何がおすすめ？

アフィリエイトブログの場合は、商品バナーや画像をよく使うと思います。その場合どのバナーにも合う色の方がいいですよね？

迷ってしまったら青・緑・黒は他に何が来てもなじみやすいです。女性向けに全振りするならピンクでも良いかと思います。

黄色とか白は文字が見えにくくなるのであまりお勧めしていません。

アフィリエイトサイトは商品が主役！写真画像とリンクを目立たせよう！

繰り返しますが自分で情報販売をするのでなければ、アフィリエイトサイトは商品やサービスを主役にしてそこにうまくつなげるサイトを作ってください。

差がつく部分は記事内に入れる写真や図解・比較表や条件検索などの機能性だったりします。

販売ページのデザインだけは自分ではコントロールが出来ません・・。ブログのデザインはすごく時間がかかる割には売り上げに直結しないことが多いです。

意外と素人感のあるリアルな写真をちりばめたサイトの方がクリック率が高かったりします。

やっているとめちゃ楽しいのですが（笑）本質とブレないようにしてください！