上の「検索窓」または「3本線のカテゴリー」から好きな記事を検索可能です!(^^)! トップページ下に「様々なランキング」も用意しています♪

ブログのおしゃれなヘッダー画像の作り方【無料で簡単に作れる】

ブログのおしゃれなヘッダー画像の作り方教えます

夕焼けにOKをしている画像
こんにちは!タカ(@THE_TAKABLOG)です^_^

僕は2019年7月にブログを開設し、世界が変わりました!

なぜブログを始めたかと言うと、以下の通り↓

ブログを始めた理由
  • 自分の頭の中をデータとして記録しておく日記的な場所を作りたかった
  • ブログを始めて影響力を持ちたかった(インフルエンサーになりたかった)
  • 会社員(サラリーマン)を辞めて、誰にも縛られず自由に暮らしたかった
  • 何もしなくても月30万は稼げるようになり、南の島でゆっくり暮らしたかった

 

この記事を読んでいただいているあなたは、少なくともブログに少しでも興味を持っている方ではないでしょうか?

そして、そんなあなたは、以下のような悩みがあるんじゃないですか?

悩み
  • ブログが継続できない・・・
  • 本業が忙しくてブログまで労力が回らない
  • ブログをどうすれば継続できるのか知りたい

 

筆者
僕も当時は同じような悩みを抱いていました!

 

↑この記事では上記のような悩みを解決します!

 

 

この記事を書いている現在の僕はブログ歴3年ほど。
アフィリエイト収入から生活費を自動化で稼いでいます。

 

上記の画像はSEO検索順位を1度にチェックできる『GRC』というツールの画面なのですが、ブログを更新し続け、半年間でSEO検索順位が爆上がりしました↓

関連記事

アフィリエイトを半年やってみた結果まずは、こちらの画像をご覧ください↓ もう1つの運営サイトである #サクキミ英語 がSEOブレイクしました❗実は、ある事情で、半年程前に記事を全て一端[…]

アフィリエイトを半年やってみた結果→SEO検索順位が爆発しました
関連記事

GRC検索順位チェックルールについて徹底解説します!この記事にたどりついていただき、ありがとうございます。この記事を読んでいただいている皆さんにはこんな悩みがあるのではないですか? 悩み 自分[…]

GRC検索順位チェックツールとは?料金プラン・評判・使い方を解説

 

僕が運営しているもう1つのブログサイト↓(Twitterで紹介しているサイトですね)
» サクキミ英語

 

筆者
ここから毎月20~30万円程の収益が入ってきます♪
ちょうど、英語学習ブログのアフィリエイトです!

 

僕は2019年の7月からブログ記事を書き始めているので、かなり後発です!

 

筆者
それでもしっかりと30万以上は稼げているので、
最新のブログ、アフィリエイト情報について詳しいはず!

 

学習者
確かに世に出ているブロガーさん達はかなり前もって始めていますもんね!

 

ブログを訪れた人が、まず最初に目にする場所といえば、ブログのヘッダーです。

ヘッダーはブログの顔であり、ブログ全体のイメージに大きな影響を及ぼすものです。

いくらサイトの中身やコンテンツの質が良くても、ヘッダーがイマイチなら「このサイトは信頼できなさそう」と思われてしまうリスクも。

ブログ訪問者にちゃんと価値提供するためには、記事の内容だけでなく、ブログのデザインも力を入れていくべきですが、「カッコよくてオシャレなヘッダーを作る」のってデザインとかをやったことがない人やブログ初心者にとっては、とてもハードルが高く感じられますよね。

僕自身もデザインの専門的な勉強は一切やったことがなかったので、最初はヘッダー画像を作るのにとても苦労しましたが、ちょっとしたコツを覚えたり、使える無料ツールと出会ってからは、一人でも簡単にいい感じのヘッダーを作れるようになりました。

 

というわけで今回は、ここまでいろいろと試行錯誤してきた僕が、300記事書き続けてきた中でわかった『無料で、できるだけ簡単に、カッコいいブログヘッダー画像を作る方法』を解説していきたいと思います^_^

 

この記事に関する注意点
この記事は『自分のブログのPV数を増やして稼ぎたい人』向けに書いています!
『俺は、自己満の日記のような記事を書きたいだけだ!』という方はそっとこのページを閉じてください(笑)

 

この記事の内容
  1. 良いブログヘッダー画像の基本条件とは?
  2. ブログでおしゃれなヘッダー画像を作るのに必要なもの
  3. ブログヘッダー画像の作り方手順
  4. ブログヘッダー画像に関するよくある質問・疑問

 

ちなみに、「まだブログ始めてないぜ!」という方は、以下の記事で『ブログの始め方・開設方法』を初心者向けに解説しているので、ぜひ始めてみてください^_^↓

関連記事

ブログの始め方・開設方法を知りたい方へ僕は、2019年7月にブログを開設し、世界が変わりました!なぜブログを始めたかと言うと、以下の通り↓ 自分の頭の中をデータとして記録しておく日記的な場所を作りたかった ブ[…]

【初心者向け】ブログの始め方・開設方法5つの手順【月5万稼げる】

 

また、『THE TAKABLOG』では、
『IT分野に関する最新記事をTwitterでも配信』しているので、
よかったら、フォローお願いします↓(^^)

 

筆者
では、いきましょう!

 

良いブログヘッダー画像の基本条件とは?

疑問・質問
ではまず、良いブログヘッダーの条件とは何かから見ていきましょう!

人によってヘッダーを見る際に意識するポイントは違うかもしれませんが、マーケティングやブランディングの視点から考える「良いブログヘッダーの条件」は以下の通りです↓

良いブログヘッダーの基本条件
  1. ブログの内容やテーマ、コンセプトがわかりやすい
  2. デザインの見た目がおしゃれ
  3. ブログの世界観が体現されている

1.ブログの内容やテーマ、コンセプトがわかりやすい

ただカッコよかったり綺麗だったり見栄えが良いだけでは、ブログのヘッダーとしては不十分です。

好ましいのは「このブログではどういう内容のコンテンツを発信しているのか」がパッと見ただけでわかるようなヘッダーです。もちろん、ブログ運営の目的意識によってもこの辺りの考え方は変わってきます。

ただ、届けたいターゲット(ブログを読んでほしい人)やブログに書いていく内容が決まっているのなら、ヘッダーを見ただけで「このサイトはどんな人のためにどんな内容の情報を発信しているのか」がわかりやすい方がいいでしょう。

そうすることで、ユーザーの滞在時間が長くなったり、1つの記事だけじゃなく、他の記事も巡回して見てもらえて、SEO的な評価も高まる可能性も上がります。

基本的にブログ読者は「知りたいことや調べたいこと」があって検索をしてブログに到達します。そんな時、目に飛び込んできたヘッダーを見て「このサイトは私が求めている情報がたくさんありそうだ!」と思ってもらうことができれば、もっと他の記事も見てもらいやすくなります。

 

2.デザインの見た目がおしゃれ

とは言え「デザインのカッコよさ」とか「オシャレさ」がいらないかというと僕はそうは思いません。

人は「感覚で好きになり、好きという感情を理屈で脳に納得させる生き物」だと言われているので、パッと見たときに「なんかカッコいい…!」と思われるのか「うわ…ダサい…」と思われるのかって、ブログをちゃんと読んでもらいファンになってもらう上では、かなり重要になってくるわけですね。

考えてみてください↓

  • ダサいデザインのブログをブックマークしたいと思えるか。
  • ダサいデザインのブログ記事をSNSでシェアしたいと思えるか。

そう考えると、とてもわかりやすいかと思います。

この辺は「センス」と言ってしまえばそれまでですが、元々デザインについてのインプットが少ない状態では「どんなデザインがカッコいいか」の感覚を持つことはできません。

 

まずはとにかく色んな人のブログを見て、ヘッダーなどのデザインに触れる回数を増やしてみるといいですね↓

関連記事

成功しているアフィリエイトブログサイトから分析してみる重要性こんな悩みを抱えている方はいませんか? 悩み アフィリエイトを始めたけど伸び悩んでいる アフィリエイトを始めたいけどどんなサイトにすれ[…]

アフィリエイトおすすめブログ例4選

また、この辺のセンスがないなと思う方は、今は無料でもカッコいいプロ並みのサイトを作れるWordpressテーマがたくさんあります!

以下の記事でおすすめのWordpressテーマを紹介しているので、参考にしてみてください↓

関連記事

アフィリエイトにおすすめのWordpressテーマ選びに悩んでいる方へアフィリエイトを始めようとしている方!アフィリエイトを始めたばかりの方! こんな悩みはありませんか? 悩み[…]

アフィリエイトにおすすめのWordpressテーマ

 

3.ブログの世界観が体現されている

じゃあ「一目見ただけで内容がわかって、かつデザインがイケてればそれでいいのか」と言うと、それだけでは不十分で、もう1つ気にした方がいいことがあります。

それは「そのデザインが自分(or サイト全体)のブランドにふさわしいかどうか」ってこと。

例えば、僕の好きな世界観は、『ホストのローランドさん』『テックキャンプというプログラミングスクールを運営しているビジネス系YouTuberでもあるマコナリ社長』です!

これは僕のイメージですが、

  • ローランドさん:黒を基調としたシンプルなモノクロ、孤高のカリスマ、恍惚
  • マコナリ社長:ネイビーを基調としたシンプルでビジネスマン的な色を多用、信頼

僕は好きなものをすぐ自分で取り入れるので、僕のサイトも黒を基調としたモノトーンで、要所要所にネイビーや青系を使っています(笑)

 

ヘッダーはサイトの顔と言われています。

どんな属性の読者がターゲットで、その人たちにどんな世界観のコンテンツを提供したいのかという点は、ブログ運営をしていく上で常に大事にしていきたいです。

 

ブログでおしゃれなヘッダー画像を作るのに必要なもの

to doリストの画像
では、ブログのヘッダー画像の基本を抑えていただいたところで、早速ヘッダー画像を作っていきたいと思います!

ゼロからヘッダー画像を作る際に、用意すべきものはパソコンと画像編集ソフト。それだけあれば十分です。

 

筆者
ちなみに、スマホやタブレットでもできるとは思いますが、僕は基本的にPCを使ってます。

 

そして、おしゃれなヘッダー画像を作るのに、僕は以下2つのツールを使っています↓

おしゃれなヘッダー画像を作るのに必要なもの
  • Photoscape:画像の編集を簡単に行うことができ
  • Canva:ブログのヘッダーやYouTubeのサムネイル画像、あるいはお店のポスターなどのグラフィックデザインを簡単に作成することができ

デザインに慣れている人や難しいことをやりたい人は、有料の専門ソフト(Photoshopなど)を使用してもいいですが、初心者の人が簡単にそれなりのものを作りたいのであれば、まずはこれだけで十分です。

Canvaは無料と有料版があり、有料版だと以下の特典がつきます↓

  1. 1つのブランドキットを作成し、独自のフォントとロゴをアップロード
  2. ワンクリックでデザインのサイズを変更できるマジックリサイズ機能
  3. 毎日新しいデザインが追加される42万点を超える無料テンプレート
  4. 7,500万を超える有料のストック写真、動画、グラフィックを無料で使用
  5. チームが使用するテンプレートとしてデザインを保存
  6. 100GBのクラウドストレージ
  7. ソーシャルメディアコンテンツを7つのプラットフォームにスケジュール

 

筆者
ちなみに、僕はCanvaを使いますし、上記4がありがたくて、有料版を使っていますが、無料版でも充分おしゃれな画像は作れます^_^ちなみに、有料版は1,500円/月です!

 

基本的なヘッダー作成はCanvaで、ヘッダーに使う画像の編集はPhotoscapeで行うのがおすすめです。

また、素材となる画像の探し方については、以下の記事で紹介しているので、ぜひ参考にしてください↓

関連記事

ブログではフリー素材を使う効果が半端ないという話こんにちは!タカ(@THE_TAKABLOG)です^_^僕は2019年7月にブログを開設し、世界が変わりました! なぜブログを始めたかと言うと、以[…]

ブログにおすすめのフリー素材・画像サイト21選

 

ブログヘッダー画像の作り方手順

手順の画像

では、事前準備も整ったということでブログのヘッダー画像を実際に作っていきたいと思います!

僕が普段やっているようなヘッダー画像作成の流れですね↓

ブログヘッダー画像の作り方手順
  1. フリーの画像素材を見つける
  2. ダウンロードした画像をPhotoscapeで表示する
  3. 必要に応じて画像を修正する
  4. Canvaを使ってデザインとコピーの調整をする
  5. 完成したヘッダー画像をWordPressのヘッダーに反映させる
注意
画像を使わずテキストロゴだけで完結させたい場合は1〜3の手順はカットしてください。

 

筆者
解説していきます!

 

1.フリーの画像素材を見つける

画像をベースとしたヘッダーを作るなら、まずは素材となる画像を用意するところから始めましょう。

あまりゴチャゴチャしていなくて、シンプルで洗練されたモノが良いですね。

画像素材は載せるだけで雰囲気が出るような、海外の素材サイトで配布されている画像がオススメです。画像を探す用のサイトは上で記しましたが、念のためもう一度貼っておきますね。

関連記事

ブログではフリー素材を使う効果が半端ないという話こんにちは!タカ(@THE_TAKABLOG)です^_^僕は2019年7月にブログを開設し、世界が変わりました! なぜブログを始めたかと言うと、以[…]

ブログにおすすめのフリー素材・画像サイト21選

2.ダウンロードした画像をPhotoscapeで表示する

先ほど紹介した無料画像編集ソフト、Photoscapeに先ほどダウンロードした画像を表示させましょう。

ここから本格的に画像を編集していきます。

 

3.必要に応じて画像を修正する

Photoscapeの画像
用意した画像のサイズを変えたり色合いを変えたい場合、切り抜きをしたい場合は、Photoscapeを使って画像を修正していきましょう。

上の画像のように色々と機能がついていますが、全て無料で使うことができます。

全て直感的に作業ができますし、失敗したら「取り消し」ボタンをクリックすることで、1つ前に戻ることができるので初心者の方にも簡単です。

 

筆者
Canva内でもサイズ等の細かいことはできますし、後からまた編集をしに戻ってきてもいいので、Photoscapeで色々とやっていてもイメージがわかない場合は、とりあえず次へ行ってしまいましょう!

 

4.Canvaを使ってデザインとコピーの調整をする

Canvaの画像
使用する画像の編集がだいたいできたら、Canvaを使って実際にヘッダー画像に落とし込んでいきます。

 

Canvaのトップページにいったら、まずは、右上の『デザインを作成』をクリックします↓
Canvaのトップページ

 

『デザインを作成』をクリックしたら、プルダウンメニューで各媒体のサイズが選べますので、自分が作りたいサイズに合わせて適当なものを選択してください!

今回は、ブログのヘッダー画像なので『プレゼンテーション』を選択します↓
Canvaの『プレゼンテーション』を選択する画面

すると、以下のような画面になるので、左上の『サイズ変更』というボタンを押して、自分のブログのヘッダー画像のサイズに縦幅と横幅を指定すれば自由に編集することができます↓
Canvaのサイズ変更画面

 

筆者
「縦幅」「横幅」は使用するwordpressテーマに準じたサイズを指定してください。(わからなければ使用するテーマのマニュアルを参照)

 

ブログのロゴも作成可能

ちなみに、Canvaを使えば、ブログのロゴも簡単に作成することができます!

例えば、当ブログのロゴは以下の画像の通りですが、これは3分くらいで直感を信じて作りました(笑)↓

THE TAKABLOGのロゴ

 

筆者
こんな感じで、Canvaを使えば、どんな画像デザインもほぼ全て簡単に作ることができます!

 

5.完成したヘッダー画像をWordPressのヘッダーに反映させる

最後に、完成したヘッダー画像をWordPressのヘッダーに反映させれば完了です!

やり方はWordpressのテーマによって異なるので、お使いのテーマのマニュアルをご参照ください。もしサイズ等が合わないという場合は、Canvaの画面に戻って調整をしていきましょう。

一度方向性さえ決まってしまえば、ヘッダーを作る作業は非常に簡単なので、ぜひいろんなサイトやブログをチェックしてヘッダー画像作成の参考にしてくださいね。

 

ブログヘッダー画像に関するよくある質問・疑問

質問・疑問の画像

最後に、ブログヘッダー画像によくある質問や疑問について解説します^_^

ヘッダー画像のサイズは?

自分のブログやWordpressのテーマに合わせましょう!

ヘッダー画像のサイズは通常は【横幅980px×縦幅250px】くらいでしょうが、自分が使っているWordpressテーマで規定のサイズがあるので、それに従いましょう!

ちなみに、僕はTHE THOR(ザ・トール)というテーマを使っていまして、1240PX×500PXですね!

『THE THOR』はSEO対策も完璧でおしゃれなサイトが初心者でも簡単に作れるのでおすすめですよ↓^_^

関連記事

WordPressテーマに悩んでいる方へブログを開始しようとしている方!アフィリエイトを始めようとしている方! こんな悩みはありませんか?  悩み Wo[…]

THE THOR(ザ・トール)の評判【凄さがわかる54の機能・特徴も解説】

ヘッダー画像をプロに外注するのはおすすめ?

ありだとは思いますが、1度自分で作ってみてからをおすすめします!

もちろんお金をかけてプロに頼んだり、ココナラ等のサイトでデザイナーを探すのもアリだと思います。

プロだと、本当にクオリティが高すぎますし、自分ひとりでは絶対に作れません!

ただ一方で、自分で作るメリットとしては、やっぱり微調整が自由にできる点が挙げられます。(WEBマーケティングにおいては細かいテストもめっちゃ大事です)

また、誰かに依頼する場合でも、一度自分で作った経験があるのとないのとでは、やっぱり依頼をする時の伝え方の精度も変わってきますよね。

なので、いずれにしても「ブログのヘッダー画像を自分で作る経験」はしておくに越したことはないですし、今回お伝えした方法で取り組めば、誰でも簡単に、そして無料でクオリティの高いヘッダー画像を作ることができます。

この辺の外注の話は以下の記事で僕の失敗談も兼ねて紹介しています!あくまでも、きじの外注の話ですが^_^↓

関連記事

ブログ初心者外注すると失敗しますこんにちは!タカ(@THE_TAKABLOG)です^_^僕は2019年7月にブログを開設し、世界が変わりました! なぜブログを始めたかと言うと、以下の通り↓ブ[…]

ブログ初心者の外注は失敗します【100記事外注してみた僕が解説】

 

Canvaって有料プランもありますか?

あります!月額1,500円です!

Canvaは月額1,500円で有料プランを使うころができます!

繰り返しになりますが、Canvaって有料プランでは以下の特典が利用可能になります↓

  1. 1つのブランドキットを作成し、独自のフォントとロゴをアップロード
  2. ワンクリックでデザインのサイズを変更できるマジックリサイズ機能
  3. 毎日新しいデザインが追加される42万点を超える無料テンプレート
  4. 7,500万を超える有料のストック写真、動画、グラフィックを無料で使用
  5. チームが使用するテンプレートとしてデザインを保存
  6. 100GBのクラウドストレージ
  7. ソーシャルメディアコンテンツを7つのプラットフォームにスケジュール

 

筆者
ちなみに、僕はCanvaを使いますし、上記4がありがたくて、有料版を使っていますが、無料版でも充分おしゃれな画像は作れます^_^

 

Canvaは有料プランを『30日間無料トライアル』ができるので、30日間無料で試してみて不要と思ったら無料プランにすればいいのではないでしょうか?

 

 

おしゃれなヘッダー画像を作ってブログの世界観を作ろう!

ブランディングの画像

今回は、ブログのおしゃれなヘッダー画像の作り方を解説しました!

ブログのヘッダー画像は、以下の手順で作ることができます↓

ブログヘッダー画像の作り方手順
  1. フリーの画像素材を見つける
  2. ダウンロードした画像をPhotoscapeで表示する
  3. 必要に応じて画像を修正する
  4. Canvaを使ってデザインとコピーの調整をする
  5. 完成したヘッダー画像をWordPressのヘッダーに反映させる

 

そして、上記の手順には以下2つのツールがあれな可能です↓

おしゃれなヘッダー画像を作るのに必要なもの

 

おしゃれなブログのヘッダー画像を作って、自分の世界観を作りましょう!

自分の世界観を作ることができれば、自然をファンが増え、ブログのPV数も増えていくはずです!

関連記事

アフィリエイトでクリック率(CTR)を上げたい方へアフィリエイトを始めようとしている方!アフィリエイトを始めたけど伸び悩んでいる方!それは、アフィリエイト広告のクリック率に原因があるかもしれません。 […]

アフィリエイトでクリック率(CTR)を上げる方法7選→平均値の倍を目標
関連記事

アフィリエイトのクリック数を増やしたい方へ!アフィリエイトを始めようとしている方!アフィリエイトを始めたけど伸び悩んでいる方! こんな悩みはありませんか? 悩み アフィリ[…]

アフィリエイトでクリック数を増やす方法7選【報酬を2倍にする裏技】

 

今回は以上です。

最後まで読んでいただき、ありがとうございました^_^

ブログのおしゃれなヘッダー画像の作り方【無料で簡単に作れる】
最新情報をチェックしよう!
>このブログは最強のWordPressテーマ『THE THOR』を利用しています!

このブログは最強のWordPressテーマ『THE THOR』を利用しています!

ブロガーやアフィリエイターのために開発された『SEO最強のWordPressテーマ』です!当ブログと似たようなデザインにしたい方、興味がある方は『評判や凄さがわかる54の特徴・機能』を徹底解説した記事を用意したので、以下のボタンからぜひ読んでみてください^_^↓

CTR IMG