【ブログテキストリンク】色は何色がいいですか？

と思ってる方はいませんか？

実は自分のブログのデザインが決まってくると、リンクの色も気になるようになります。

世の中のほとんどのWebサイトではデザインとともに、クリックしてリンク先に移動しやすいようにリンクの色についても考えて配色しているからです。

やしゅ

わたしも適当にリンクの色を考えていましたが、自分のブログのリンクの色を変えて、リンクがあるのがわかりやすくなりました。

をご紹介します。

主要なサイトのリンクの色を知ることで、自分の好みやブログのデザインを考えてどのリンクの色がいいか選びましょう。

そしてリンク先を読んでほしい読者に、リンクをクリックしてもらえたらいいですね。

Webサイトのテキストリンクの色の調べ方

あれこれインストールせずFirefoxで簡単に調べる方法をご紹介します。

「ブラウザー開発者ツール」を使います。

やしゅ

名前を聞くと難しそうですが、ちょっと使うだけなら簡単です。

調べたい色があるテキストの上で、右クリック　→　「調査」を選択

ブラウザの画面の下の範囲にブラウザ開発ツールが開きます。

その中に、a:linkという記載の後に「color: #007185」があります。

リンク部分のカラーコードは#007185ということがわかりました。

と簡単にチェックできます。

その他にも色を簡単にチェックできるような、ブラウザの拡張機能がありますので頻回に使う方、もっと簡単に色を調べたい方は使ってみてください。

などがあります。

主要なサイトのテキストリンクの色

青系統

ということは

テキストリンクの色としては青系統が

ということでしょう。

その他に黒もいくつか見られます

やしゅ

黒も違和感はありませんね。

テキストリンクの目的は、リンク先をみたい読者にリンクがあることをわかってもらい、リンク先に移動を促すことです。

そこを考えた上で、自分のブログのデザインや自分のこだわりを加味して決めるべきでしょうね。

やしゅ

テキストリンクの色があまりにも変な色なときには、読者はクリックするのを知らないうちに敬遠するかもしれませんから。

ブログのテキストリンクの色の変更の仕方

やしゅ

わたしのブログの例をご紹介します。

改訂前のテキストリンクは黒系統の色でした。

下線があるためリンクとはわかりますが、わたしだったらクリックせずにスルーしてしまいそうでした。

そのため青系統にすることにしました。

改訂前のブログのテキストリンク

テキストリンクは黒に下線です。

• これを青系統にします。

変更の仕方と改訂後のブログのテキストリンク

WordPress管理画面　→　「外観」　→　「カスタマイズ」　→　「各テキストとhタグ（見出し）」　→　「テキスト色一括変更」

旧：

新：

にカラーコードを変えました。

（カラーコードではなくて、色で選択することもできます）

変更方法は簡単ですが、ブログのテキストリンクの印象はがらりと変わりました。

厳密にはテキストリンクを変えることで、PVや収益が変わるかを考える必要があるでしょう。

少なくとも

と思ったときには青系統で変えてみるのがオススメです。

さいごに

をご紹介しました。

やしゅ

初心者でも簡単に変えることができますよ。

違和感ない色、クリックしやすい色（敬遠しない色）にすることで、読者の方にスムーズに移動を促しやすくなります。

「神は細部に宿る」という言葉があります。

• 細かい部分までこだわり抜くことで完成度が高まるという意味です。

やしゅ

テキストリンクの色の調整は本当にささいに見えますが、そのささいなことは、全体に大きく影響すると思っています。

みなさんもテキストリンクの色を少し意識して見てみてはいかがでしょうか！

わたしのブログは「Affinger」を使っています（→　WordPressテーマ 「ACTION（AFFINGER6）」）。

この記事がみなさんに少しでもお役に立てるとうれしいです。