おすすめのテキストリンク色について考察。Googleなど大手サイトが使用するカラーコード一覧

Webサイトやブログを運営していると、様々な疑問が生まれると思います。

そんな数多くの疑問の中から、他ページに誘導する際に使用するテキストリンクの色に焦点を当ててみます。

テキストリンクの色は重要？

一般的なWebサイトのテキストリンクは #0000ff がデフォルト色として使用されます。

ほとんどの大手サイトでも青系統の色でリンクするのが主流となっていますが、実はそれぞれ細かく違ったカラーコードを使用しているんです。

ハミダシ子

リンク色がちょっと違うだけで何か変わったりするの？

実は、テキストリンクの色がサイトの売り上げに影響を及ぼすことが証明された事例があります。

Microsoftが運営する「Bing」では、リンク色を変更したことによる広告クリック数の増加やユーザー関与の増大により、年間売上高が8000万ドル増加したそうです。

そこで当記事では、リンクがクリックされやすいカラーコードを確かめるべく、Googleなどの大手サイトが使用するリンクのカラーコードをまとめてみました。

GoogleやYahoo!などの検索エンジンを始めとした、有名な10サイトで使用されているテキストリンクのカラーコードをまとめてみました。

こうやって並べてみると、意外にも様々な色が使用されていることが伝わるかと思います。

青系統の色を使っているサイトでも、2018年4月時点ではデフォルト色である #0000ff が使われておらず、主張が強すぎない青色が選ばれている印象です。

またクックパッドでは、全く違った色である #330000 が使用されています。料理レシピに関するサイトなので、彩りを想起させる意図があると思われます。

はてなが使用する #333333 の意図ですが、テキストリンクの色でユーザーの目を引かせるのではなく、周りの装飾に適切な色を使用することで黒いテキストを際立たせているように感じました。

今回は、大手10サイトからおすすめのテキストリンクの色について考察してみました。まとめると以下のようなことが分かりました。

最優先すべきは、ユーザーが一目でテキストリンクと認識できる色を使用することです。

前述の通り、テキストリンクは、適切な色に変更するだけでクリック率やサイトの売り上げが増加するなどのポテンシャルを秘めています。ぜひ一度、見直してみてはいかがでしょうか。