ブログを運営している方に質問です。
ヘッダーを作っていますか?
![](https://www.myunblog.org/wp-content/uploads/2022/02/odoroki2.png)
ヘッダーってブログの一番上にある固定されてるパーツですよね?
![](https://www.myunblog.org/wp-content/uploads/2022/02/odoroki1.png)
![](https://www.myunblog.org/wp-content/uploads/2022/02/odoroki1.png)
![](https://www.myunblog.org/wp-content/uploads/2022/02/odoroki1.png)
あれって、なんのためにあるんですか?
![](https://www.myunblog.org/wp-content/uploads/2022/02/nayami3.png)
![](https://www.myunblog.org/wp-content/uploads/2022/02/nayami3.png)
![](https://www.myunblog.org/wp-content/uploads/2022/02/nayami3.png)
アイコンだってままならないのに、ヘッダーのことまで考えられません
![](https://www.myunblog.org/wp-content/uploads/2022/02/nayami5.png)
![](https://www.myunblog.org/wp-content/uploads/2022/02/nayami5.png)
![](https://www.myunblog.org/wp-content/uploads/2022/02/nayami5.png)
そもそも、デザインなんてしたことないから私には無理…
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun2.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun2.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun2.jpg)
あはは。
以前は私も同じことを考えていたので、みなさんがおっしゃることよ~く分かります!
こんなお悩み、実はCanvaを使えばあっという間に解決してしまうんです!
そこで、今回は「Canvaのテンプレートを使って、簡単5ステップでブログのヘッダーを完成」させる方法をお伝えします。
- ブログのヘッダーの役割
- Canvaのテンプレートを使って簡単5ステップでブログのヘッダーを作る方法
- Canvaでブログのアイコンを作る方法
この記事を読み終わる頃には、あなたもCanvaを開いてブログのヘッダー作成に取り掛かっていますよ!
今回はおまけでアイコンも作りますのでお楽しみに!
Canvaのテンプレでブログのヘッダーを作ろう
![](https://www.myunblog.org/wp-content/uploads/2022/01/shutterstock_1731172603-min-1.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/01/shutterstock_1731172603-min-1.jpg)
おしゃれなテンプレートが沢山あるCanva、ブログのヘッダー向きのテンプレートも豊富でこれを使えば簡単に作れちゃいます!
ヘッダーの作成をお見せする前に、ブログのヘッダーの役割についてお話ししますね。
ブログのヘッダーの役割
いつも何気なく見ているブログのヘッダーですが、実は大きな役割を担っています。
それは、以下の3つです。
- アイキャッチと共にブログの顔であること
- GoogleがE-A-Tの要素を重要視しており、ヘッダーもその判断材料であること
- SNSとの連携を図る上でヘッダーがSNS読者の目印になり流入を見込めること
アイキャッチと共にブログの顔であること
言うまでもなく、読者がブログを見たときの第一印象はアイキャッチ画像やヘッダーで決まります。
文章を読む前にアイキャッチ画像やヘッダーを見て、「自分が知りたい情報のブログかどうか?」「内容が自分の好みに合うか?」などを判断するので、非常に需要な役割です。
GoogleがE-A-Tの要素を重要視しており、ヘッダーもその判断材料であること
少し分かりにくいですが、Googleはサイトの評価をしており、良質なサイトを上位表示する努力をしています。
良質なサイトとして判断されるためには、「E-A-Tの要素」を持たなくてはならないのです。
- Expertise(専門性があること)
- Authoritativeness(権威があること)
- Trustworthiness(信頼できること)
つまり、管理者は、この3つの要素を満たす「信頼性が高いブログ」だとアピールする必要があります。
Googleにとっては、ブログの記事の内容はもちろん、他のパーツもブログサイトが良質かどうかの判断材料です。
このため、アイキャッチ画像はもちろんのこと、ヘッダーの質が悪いと、「手間や時間を掛けていない」「スキルが低い」などと判断され、「信頼性が高くないサイト」と判断されてしまう可能性があります。
特にヘッダーは固定されているので、いつも同じ評価を受けるパーツです。
すなわち、ヘッダーは、自分のブログを信頼性の高いものだとアピールするためには、とても重要なパーツとなります。
SNSとの連携を図る上でヘッダーがSNS読者の目印になり流入を見込めること
TwitterやInstagram、LINEなど様々なSNSで情報が流れている現代では、ブログを開設して待っているだけでは読者の流入の増加が難しくなっています。
そのため、多くのブロガーがSNSでも自分のブログをアピールし、次回の内容を予告するなどSNSを活用しています。
ヘッダーをきちんと作り、SNSと連携しておくことで、SNSで興味を持った読者が安心してブログサイトに訪問できます。
それにより、読者の流入の増加が見込めますね。
SNS対策としてもヘッダーは重要です。
Canvaのブログのヘッダー向きのテンプレを紹介!
次に、ブログのヘッダー向けのCanvaのテンプレートをご紹介します。
Canva内でテンプレートを検索すると案外簡単に必要なテンプレートを探せます。
例えば「ブログ ヘッダー テンプレート」で検索すると、下の画像のようにたくさんのテンプレートがヒットします。
![](https://www.myunblog.org/wp-content/uploads/2022/05/b37ac255cb526979f8fd4dbd67604b05.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/b37ac255cb526979f8fd4dbd67604b05.png)
数多いテンプレートの中から、ブログ、特に女性が運営しているブログのヘッダーに使えそうなテンプレートをピックアップしてみました。
![](https://www.myunblog.org/wp-content/uploads/2022/05/53bd1b5db0ecc51074d04e50e9dac316.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/53bd1b5db0ecc51074d04e50e9dac316.png)
このように色々な種類のテンプレートがあるので、ご自分のブログに合ったものを選べますね!
なお、無料の範囲で作成する場合、「プロ」と書かれたテンプレートは使用できません。
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun7.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun7.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun7.jpg)
「有料素材あり」と書かれたものは、編集はできますが、保存が出来ませんのでご注意下さいね。
ヘッダー作成の実例を紹介!!
![](https://www.myunblog.org/wp-content/uploads/2022/01/shutterstock_2019726239-min-1024x536.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/01/shutterstock_2019726239-min-1024x536.jpg)
ヘッダーが重要なこと、Canvaのテンプレートにはヘッダーに向いているテンプレートが沢山あることが分かったところで、ヘッダー作成の実例をご紹介します。
テーマを選んで実際に作ろう!
ここでは、ワタクシみゅんがいつかやってみたい「雑記ブログ」を想定してヘッダーを作ってみたいと思います。
タイトルは「MYUN BLOG」。
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun6.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun6.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun6.jpg)
シンプルイズベストです!
これに、サブタイトル「日々のあれこれ気ままに」とつけてみましょう。
私が日々思う事や好きな事、楽しいことなどを気ままに発信する内容を想定しています。
Canvaのテンプレートを使えば、なんと!簡単5ステップでヘッダーが完成します!
Canvaのテンプレでヘッダーを作る簡単5ステップ!
次に、実際に作成する工程を簡単5ステップでお見せします。
なお、今回はPC版Canvaで作業をしています。
- Canvaでカスタムサイズを選ぶ
- カスタムサイズでサイズを決定
- テンプレートを選択
- 画像やフォントを加工
- データを保存
次に、カスタムサイズで表示される横幅×高さに希望する数字を入力します。
![](https://www.myunblog.org/wp-content/uploads/2022/05/89455cee84cba723dba6e6f681faabd7.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/89455cee84cba723dba6e6f681faabd7.png)
なお、今回は表示速度を考慮して「600×135px」を使います。
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun7.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun7.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun7.jpg)
ブログによってヘッダーのサイズが違いますので、ご自分のブログのヘッダーサイズを確認してくださいね。
次に、テンプレートを編集します。
まずはブログのタイトルを入力します。
今回はテンプレートにあった縦書きの「RSVP」を削除してから、テキストの「本文を追加」で作成しました。
![](https://www.myunblog.org/wp-content/uploads/2022/05/aaa27bfb631c8a2e910be9b96c639187.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/aaa27bfb631c8a2e910be9b96c639187.png)
テキストのサイズを調整してタイトルはOK。
次にサブタイトル「日々のあれこれ気ままに」をつけます。
![](https://www.myunblog.org/wp-content/uploads/2022/05/a0259c7cbf04acedfdac37cf7fe72542.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/a0259c7cbf04acedfdac37cf7fe72542.png)
サブタイトルを入力してフォントやサイズを好みのものに調整しました。
必要であれば色合いを変えることも出来ます。
画像部分を選択すると、画像の色候補が左側に出ますので、好みに応じて変更可能です。
色パターンをいくつか持っておきたいなどの場合にも便利です。
ここでは、ブルーとピンクを逆の配列にしてみました。
![](https://www.myunblog.org/wp-content/uploads/2022/05/9bb768baae446ae5514b6f6db31b81ec.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/9bb768baae446ae5514b6f6db31b81ec.png)
これで、ヘッダーのデザインは完成です!
では、完成したデザインのデータを保存しましょう。
データの保存には2種類あります。
あとで、また加工したい場合は、左上の「ファイル」から自分のアカウントの「フォルダー」に保存し、
画像データとして欲しい場合は「共有」からPNGファイルでダウンロードできます。
![](https://www.myunblog.org/wp-content/uploads/2022/05/324ba3216b07a04c2bda7a9c5e0d12d8.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/324ba3216b07a04c2bda7a9c5e0d12d8.png)
完成したヘッダーはこのようになります。
![](https://www.myunblog.org/wp-content/uploads/2022/05/b8b9660aebf9acdd5c0944be7e1c070b.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/b8b9660aebf9acdd5c0944be7e1c070b.png)
Canvaのテンプレートを使えば簡単5ステップでブログのヘッダーが完成です。
Canvaのテンプレはアイコンも作れる!
ブログのブランドや管理者を象徴する便利なアイコン。
アイキャッチ画像につけたり、ブログ内の吹き出しに使えたりとなにかと役立つツールです。
ブログにアイコンを使うメリットはたくさんあります。
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun7.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun7.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun7.jpg)
アイコンについて詳しく知りたい方は「【フリー画像】おしゃれアイコンがダウンロードできるサイト5選!ブログの視覚効果UPしよう!」をお読みくださいね!アイコン作りに使える無料サイトなど役立つ情報が盛りだくさんです!
では、Canvaでアイコンも作ってみましょう!
手順は、ヘッダーとほぼ同じです。
- アイコンのテンプレートを選ぶ
- テキストや色を編集する
- 保存する
「ブログ アイコン テンプレート」で検索しました。
![](https://www.myunblog.org/wp-content/uploads/2022/05/f6e7ce9432c6cbe72bdc8b32c25981ff.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/f6e7ce9432c6cbe72bdc8b32c25981ff.png)
ブログに合わせて「シンプルなデザイン」のテンプレートを選びました。
今回は、スタンプのようなアイコンを作りたかったので丸いテンプレートを選んでいます。
![](https://www.myunblog.org/wp-content/uploads/2022/05/405f4a4ad8cc5fa35cf9ce2973bf7aac.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/405f4a4ad8cc5fa35cf9ce2973bf7aac.png)
次にイラストやテキストを編集しました。
なお、イラストなどの削除は「右クリック→削除」で出来ます。
![](https://www.myunblog.org/wp-content/uploads/2022/05/83274483ae8c7c3662f9316e7679effe.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/83274483ae8c7c3662f9316e7679effe.png)
アイコンのテンプレートもテキストの種類や色合いの変更が可能です。
![](https://www.myunblog.org/wp-content/uploads/2022/05/cefbf5466dfc7798ced3c59b559fd5ea.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/cefbf5466dfc7798ced3c59b559fd5ea.png)
こうして完成したのが画像のアイコンです。
![](https://www.myunblog.org/wp-content/uploads/2022/05/fd117441c68617db831b2374b2660961.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/fd117441c68617db831b2374b2660961.png)
色とフォントを変えて4種類作ってみました。
折角作ったアイコンなので、さっきのヘッダーに挿入してみようと思います。
黄色のアイコンを使いたかったので、先程のヘッダーの色合いを変更し、アイコンを挿入しました。
![](https://www.myunblog.org/wp-content/uploads/2022/05/cf08a032b2d67186104c9a38914e6c98.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/cf08a032b2d67186104c9a38914e6c98.png)
このようなヘッダーが完成しました。
ブルーのアイコンでも作成してみました。
![](https://www.myunblog.org/wp-content/uploads/2022/05/c5e78863a1e97535d2b707351bd95257.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/c5e78863a1e97535d2b707351bd95257.png)
アイコンを入れることで、テンプレを使いつつ個性的にすることも可能です。
実は、Canvaでは、「アイキャッチ」もテンプレートで作れちゃいます!
アイキャッチの作り方については「【Canva初心者】テンプレートを使ってアイキャッチを簡単に作ろう!」で詳しく解説しているので、チェックしてみてくださいね。
もっとオシャレなヘッダーを作りたいならCanva Proもオススメ
ヘッダーを簡単5ステップで完成させ、アイコンも簡単に作れてしまうとっても便利なCanva。
これが無料の範囲でできるのは驚きですよね。
さきほど、テンプレートの種類のところでもお話ししましたが、「プロ」と書かれたテンプレートと「有料素材あり」と書かれたテンプレートは、有料版である「Canva Pro」なら使いたい放題です。
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun5.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun5.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/02/myun5.jpg)
今回は無料の範囲でということで、泣く泣く諦めたオシャレなテンプレが沢山ありました。
もっとオシャレなヘッダーを作りたいあなたには「Canva Pro」がおススメです!
「Canva Pro」には嬉しい「30日無料トライアル」もあります。
もし、解約したくなっても手続きがとっても簡単な良心的なプランですよ。
Canva Pro使ってみたいけど、ちょっと不安というあなたは、「有料のCanvaPro・無料トライアルのスムーズな解約方法のコツを教えます!」をチェックしてみてくださいね!
![](https://www.myunblog.org/wp-content/uploads/2022/05/930eb2da87c6f9e4e13c242d3634f91e-1-1024x572.png)
![](https://www.myunblog.org/wp-content/uploads/2022/05/930eb2da87c6f9e4e13c242d3634f91e-1-1024x572.png)
ブログヘッダー|Canvaのテンプレで決まり!簡単5ステップで完成!【実例付き】まとめ
ここまで、Canvaのテンプレートを使ってブログのヘッダーを作る方法、アイコンの作成方法について解説してきました。
- アイキャッチと共にブログの顔であること
- GoogleがE-A-Tの要素を重要視しており、ヘッダーもその判断の使用材料であること
- SNSとの連携を図る上でヘッダーがSNS読者の目印になり流入を見込めること
- Canvaでカスタムサイズを選ぶ
- カスタムサイズでサイズを決定
- テンプレートを選択
- 画像やフォントを加工
- データを保存
- ヘッダーとほぼ同じ操作で作れる
- ヘッダーなどに簡単に組み込める
ブログの中で大事な役割を持つヘッダーもCanvaのテンプレを使えば簡単5ステップで出来ちゃいます。
しかもアイコンも作れてヘッダーに組み込むのも簡単!
こんなに簡単におしゃれで個性的なヘッダーが作れるなら、サクっと作ってみませんか?
ヘッダーが読者の目を引き、あなたのブログへのアクセスが増えること間違いなしです!
![](https://www.myunblog.org/wp-content/uploads/2022/01/shutterstock_1049793278-300x278.jpg)
![](https://www.myunblog.org/wp-content/uploads/2022/01/shutterstock_1049793278-300x278.jpg)
最後までお読みいただき、ありがとうございました。