アイキャッチを作るのは楽しい！そう思いませんか？なぜなら、格好良い・綺麗なアイキャッチができればブログが楽しく華やかに、また権威性高く見えるから。
例えば、あなたがお悩みを解決する為に調べにいったサイトが、綺麗で整っていればどう思いますか？しっかりしたサイトと感じたあなたは、悩みの解決法を読み進めることでしょう。
そんなデザインの入り口であるアイキャッチ。作るのが楽しくでしょうがないですよね！
でも、アイキャッチ作るの苦手なんです…。
わかります。良いと思って作っても何かピンとこない。それは、ちょっとした工夫や注意点ですぐ直ります。あなたも素敵なアイキャッチを作る事ができるんです！
ぜひ、最後まで読んで、素敵なアイキャッチを作れるようになってくださいね。
ウェブメディアにおけるアイキャッチの重要性
アイキャッチは、サイトやブログなどのウェブメディアにおいて、視覚的に魅力的な要素のことを指します。アイキャッチは、サイトやブログの訪問者にとって、最初に目に入る要素のため、サイトの集客やコンバージョンに大きな影響を与えることができます。
アイキャッチは、次のように重要です。
- コンバージョンの向上: アイキャッチは、サイトやブログの訪問者にとって最初に目に入る要素であるため、サイトの集客力を向上させることができます。特に、アイキャッチが魅力的であれば、訪問者がサイトにとどまってコンテンツを読む可能性が高くなります。
- ブランドの記憶力の向上: アイキャッチは、サイトやブログのブランドイメージを強化することができます。特に、アイキャッチが独特であれば、訪問者はサイトを覚えやすくなり、再訪問しやすくなります。
- 検索エンジンランキングの向上: アイキャッチは、サイトやブログのSEOに貢献することができます。特に、アイキャッチが高品質であれば、検索エンジンはサイトを高評価する可能性があります。
アイキャッチを作成する際には、画像や文字を使用し、視覚的に魅力的なものにすることが重要です。また、アイキャッチは、サイトのトピックやメインコンテンツに合わせて選ぶことが大切です。
こだわらないよりは、絶対こだわった方がいい！
アイキャッチに悩むブロガーは多い
「記事を書くのは好きなんだけど、アイキャッチを作るのが苦手すぎて困っています。」こういうお声をよく頂きます。
ブロガーという職業柄、文字を書く事に対しては覚悟を決めて始めていますよね。しかし、実際にはイラストや画像などをたくさん用いる事で良いブログが出来上がっていきます。「ブログにもデザインセンスがいるなんて聞いてない…。」そんな声が聞こえてきそうです。
では、実際にアイキャッチ作成を苦手だと感じているブロガーはどの程度いるのでしょうか。今回、twitterを利用してアンケートを行ってみました。
twiiterアンケート「アイキャッチを作るのは得意？」
| 項目 | 票数 | 割合 |
|---|---|---|
| 得意 | 34票 | 22.4％ |
| 苦手 | 81票 | 53.3％ |
| どちらでもない | 37票 | 24.3％ |
「どちらでもない」は、アイキャッチに悩んでいないと考えれば、半数以上の人がアイキャッチに悩んでいるようです。
アンケートでのご意見
どのように苦手なのか、ご意見を頂きました。
頭でイメージしてる映像を再現できないのです😅
— ヤス@りんご組🍎ブロガー (@yasu26rk) March 15, 2022
フォント名がよく分からないんで全部目視で使いたい雰囲気のもの探してますし🤣
人の作品を参考にやってくしかないんですけど、その時は所長のアイキャッチ集はとても参考になります😆
背景が写真のときの文字のエフェクトとかボクにとっては革新です🤣
ついつい使いまわしてしまいます…(￣▽￣;)
— えーちゃん ＊ポンコツ猫ブロガー (@eisukeboig) March 15, 2022
毎回作るのはしんどいっすねぇ(´；ω；｀)
所長、おはようございます😃
— しあん@心理系ブロガー&ライター (@saikolodsm) March 16, 2022
アイキャッチはイメージが全く思いつかないのでいつも辛いです😇😇
苦手です😂
— くうか🌷ゆるミニマリスト主婦 (@kuukahan) March 16, 2022
センスもないのでとにかく面倒で😅
カテゴリーごとにテンプレ化しつつあるので、多少楽になってきました😄
ヒトデブログを参考にアイキャッチ画像を作っていた、ほぼすべてが同じ画像になってしまいました😂
— さくちょ｜30代×副業ブロガー (@sakuchoman) March 15, 2022
アイキャッチに文字入れしたほうがいいってGoogle的に変わってから、難しいなあって思います😂
— ひだまりーぜ＠毎日おやつ (@hidamari_ze) March 16, 2022
正方形に切り取られてもいいように文字入れしてますが、本当はそこに文字を入れたくないんだけどなーって、、笑笑
みなさん、お悩みのようですね…！
アイキャッチのお悩みを解決
みなさんのお悩みは多種多様。いまいちうまくできない。同じ出来栄えになってしまう。そもそも、デザインが思いつかない…。
この様なお悩みを解消する為に、「アイキャッチのつくりかた」をまとめました。
あなたのお悩みが解消されますように！
オンラインデザインツール「Canva」
何をするにもまずは、デザインツールがなければ作品を作れませんよね。PhotoshopやIllustratorは、高いし難しそう…。
ハイ、大丈夫！無料で使える、最強のオンラインデザインツールをご紹介します。それがこの「Canva」。ブロガーに大人気のこのツールは、無料で無数の写真やイラストが使えます。
しかも、クラウド上にデザインを保存できるので、ログインさえすればいつでもデザインすることが可能。自分のパソコンを持ち歩かなくてもいいんです。
最近はプレゼンで使う会社も増えてきていますので、操作を覚えておいて損はないツールですよ！
CanvaPROならもっと便利に
有料の「CanvaPRO」にグレードアップすれば、さらに多くの写真とイラストが使用でき、写真の切り抜き機能も使えるようになります！価格は年契約で12,000円（税抜き）と高く感じますが、ひと月にすればたったの1000円。
PROを使いだしたら、これなしでは生きていけない体になってしまいました。
Canva for Teamsでもっとお得に
もっとお得に使う方法もあります。「Canva for Teams」プランをご利用になれば、5人で費用を分割してお安く使用することができます。こちらの費用は年額18,000円（税込）で、割り勘にすればひと月300円で使えちゃいます。
割間の方法だけ注意して決めてくださいね。
Canva関連記事
アイキャッチのサイズ
アイキャッチを作るうえで、まず設定しなければならないのが画像のサイズ。アイキャッチの推奨サイズは、WordPressテーマによって異なります。あなたのご使用のテーマで調べてみてくださいね。
もし、指定がないのなら、おすすめサイズ「1200px × 630px」で作成しましょう。横幅が1200pxあれば、ワンカラムの記事でも綺麗に表示させる事ができます。
Canvaで作成する場合は、「デザインの作成」を押したあとの検索バーに「はてな」と入力してみてください。「はてなブログ アイキャッチ画像」という検索結果がでてくるので選択してください。この画像サイズが1200px×630pxになります。
サイズが小さすぎると、画面表示されたときに画像がボケてしまいますよ！
写真と配置パターンを決める
アイキャッチを美しく見せるには、配置パターンを覚えておく必要があります。使用したい写真やイラスト、またはブログ内でのテンプレートのようなルールに基づいて決めていきます。
写真を手に入れる
アイキャッチで使用する写真はどこで手に入れるのか？ネットでいい写真をみつけたから、それを保存して使用…それは絶対にダメです。画像には全て著作権があります。
イラストや写真はダウンロードできるサイトで手に入れる様にしましょう。有料のサイトが多いですが、無料で手に入れられるサイトもあります。
また、「商用利用可」の写真が手に入れられるかを確認してください。商用利用とは商売に利用してもよいかどうか。ブログも、もちろん商用利用です。
Canvaの写真は基本的に商用利用化です。ただし、無加工のまま商品に印刷して販売するような行為は禁止です。使用した写真に必ずなにかしらの加工を施すようにしましょう。
CanvaPROなら、画像やイラストが気にせず使える！
テキストが載せやすい写真を選ぶ
テキストをどのように配置するか。これは非常に難しい問題です。特に写真の上にそのままテキストを乗せてしまうと、往々にして読みづらくなります。人物などが左右にずれていて、テキストエリアが開けている写真を選ぶと文字がのせやすくなります。
テキストが乗せやすい写真を選ぶと、とても楽です！
テキストが載せやすい写真の選び方
写真の上にテキストが載せづらいならテキストボックスを活用
写真の上に直接テキストを乗せてしまうと読みづらい。そんなときは、素材を作ってテキストボックスを作ります。
文字が映える色の素材を設置する事で読みやすくなるものです。
テキストボックスの設置方法によって、もとの写真の良さを消してしまう場合がありますので、注意して設置しましょう。
テキストボックスを使えば、ハッキリ文字が読めるように配置できます。
写真をモノクロにする
写真の上にテキストを乗せて読みづらいなら、思い切って写真をモノクロにするのも手です。モノクロにすることで、写真に乗せるテキストや素材の色が非常に映えるようになります。
見た目も格好よく仕上がりますので、おすすめの手法です。
モノクロだと色が減ってスッキリ！色が映えてとてもお洒落になります。
写真をフレームに入れてみよう
写真をフレームに入れてしまえば、廻りをすべてテキストエリアとして使うことができます。フレームも面白いものからお洒落な物まで揃っています。
フレームに関する記事
検索結果の画像に対応した正方形型にする
Googleの検索結果に、徐々に画像が表示されるようになってきているのにお気づきでしょうか。今後、すべての検索結果に画像が表示されるようになる時代が近づいてきています。
それならば、今から準備しておくべき。検索結果の画像は正方形に切り抜かれます。テキストを追いかけて、テキストのある場所を切り抜いてきますが、例外もあります。中央にテキストを集めておくのが一番安心ですね。
Youtubeのようなテキストを目立たせる配置
Youtubeはサムネイルの小さな画像で見る動画を決めるため、テキストを大きく目立たせる必要があります。
ブログでも同じような手法を用いて目立たせる事も可能です。
テキストの選定と配置
アイキャッチにおいて、文字は非常に重要です。なぜなら、その文字で読者を惹きつけられるが決まるから。
例えば、これは？と思うような文が書いてあると、記事を読みたくなりませんか？それだけアイキャッチのテキストは重要です。では、どのように配置したらよいのでしょうか。
キーワードを洗い出し選択する
アイキャッチに記事タイトルをそのまま入れている人、多くありませんか？記事タイルにはキーワードがふんだんに使用されている為、そのまま入れがちです。しかし、それはNG。
アイキャッチの長文は誰も読みません。キーワードを洗い出して厳選してください。本当に見せたいテキストだけにする事で、やっと読んでもらえるのです。
簡単なのは「箇条書き」
キーワードを洗い出しても、それを文章にしてしまうと読みづらくなってしまいます。
あなたはよく、「○○の、おすすめ○選！」という文章をアイキャッチに載せていませんか？この「の」が曲者でどうしても改行したくなりますよね。そうなったらデザイン的には壊滅的です。なるべく、文章にならないように「箇条書き」のイメージを持つと配置がしやすいです。
テキストボックスに配置する時は余白を確保
どうしてもテキストを大きくしたくて、横幅いっぱいに広げがちですが、スッキリ見せるためには余白が必要です。左右はもちろん、上下左右にも余白をとるようにしましょう。
余白がある事で落ち着き感がでます。あなたの好みのバランスになるように、いろいろ試してみてくださいね。
フォントの選び方
フォントには沢山の種類があります。可愛いフォントや格好いいフォント。どうしても使用したいけど、読みづらい…。そんなことありませんか？写真の上に乗せるとただでさえ読みづらいので、フォントはしっかりと選択する必要があります。
迷ったらゴシック体
デザインに自信のない方は、太目のゴシック体を使うのがおすすめです。
理由は、視認性が高いから。ゴシック体を使用すれば、写真の上でも読みやすいテキストが作りやすいです。
アルファベットは英字フォントを使用しよう
アルファベットは日本語フォントの中に入っている物よりも、専用の欧文フォントの方がお洒落なものがたくさんあります。
Canvaにもたくさんの欧文フォントが用意されています。面倒くさがらすに、探して試してみましょう！
それでも見えづらいなら「ふちどり文字」
ふちどり文字や浮き出しエフェクトを使えば、写真の上でも文字が読み取りやすくなります。ただし、ふちどり文字をやりすぎるとダサくなりますので注意して使いましょう。
Canvaは標準でふちどり機能がありません。それっぽい文字を作る事ができますのでご紹介しておきます。
色に拘る
アイキャッチにおいて色はとても大切なファクチャー。なぜなら、色によって読者の行動まで変わってしまうからです。青なら落ち着いて、赤なら情熱をもった印象になります。色の印象で読者の気持ちまで変わる可能性があります。
写真やイラストから色を取る
写真やイラストを使用する場合、そこから色を取るとまとまりやすくなります。
なぜなら、使用色数を減らせるから。色は使えば使うほど賑やかでうるさくなっていきます。白黒を除いた使用色数を３色までに抑えたい所です。
Canvaなら写真からの色取得が簡単！
テキストや素材の色を変更したい場合、Canvaなら自動的に写真の使用色を候補にだしてくれます。その中から色を選択することで、簡単に使用色彩数を減らすことができます。
サイト配色に合わせる
色に拘るなら、ブログのトップページの配色と合わせるのもよいですね。アイキャッチの色まで統一して、サイト全体の使用色を減らす事ですっきりした印象にする事ができます。
Canvaなら、色番号を入力して色を決めることができます。サイトカラーにあわせたアイキャッチや見出し素材などを作って統一感を出していきましょう。
フラットデザインに挑戦する
フラットデザインに挑戦するのもいいですね！
フラットデザインとは、モバイル端末など小さい画面でも見やすいように、平面的に仕上げたデザインの事。iPhoneやウインドウズなどもフラットデザイン化していますね。
フラットデザイン（Flat Design）は、インターフェースデザインの一種で、3Dやグラデーション、シャドウ、テクスチャなどの視覚効果を排除し、シンプルな平面的な見た目を採用することを特徴としています。 フラットデザインは、2010年代に入ってから、インターフェースデザインのトレンドとなりました。
フラットデザインには、次のような特徴があります。
- 平面的な見た目：3Dやグラデーション、シャドウ、テクスチャなどの視覚効果を排除し、シンプルな平面的な見た目を採用します。
- 大胆なカラー： 大胆なカラー使いが特徴的で、ポップで鮮やかな色使いが特徴
- シンプルなアイコン： アイコンもシンプルで、直線や平面的な形状を使用します。
- スケール感のあるフォント： 大きなフォントを使用し、見やすさを重視します
フラットデザインは、モバイルデバイスやタブレットなどのスクリーンでの使用を考慮し、シンプルで見やすいデザインを採用していることで、ユーザーエクスペリエンスの向上に貢献します。
フラットデザインは彩度を落とした色使いが特徴。彩度を上げるとリアルよりになるので避けましょう。
装飾素材を手に入れる
Canvaにも素材がたくさん用意されているのですが、いまいち良いものが無い素材もあります。その場合は、専門のサイトへダウンロードしにいきましょう！
サイトの利用規約を守れば、実質無料で使用できるサイトもたくさんあります。ルールに従って使用させて頂きましょう。
素材サイトの記事
アイキャッチをたくさん見て好みのデザインを探そう
デザインはまず真似をするところから。真似はよくないよ！というあなた。デザインの引き出しがたくさんないと、自分がどんなデザインをしたいかすらわかりません。
私もはじめはヒドイものでした…！
まずたくさんの参考をみて、自分がどういうデザインを作りたいのか認識しておく必要があります。
その為にも、自分が「奇麗だな」「お洒落だな」と感じるデザインを探して、まずは徹底的に真似してみるべきです。どうしてそのデザインが奇麗なのか、お洒落なのか。真似をすることでコツがわかってきます。
あなたの気に入るアイキャッチを探すならブログをたくさん見ていけばよいのですが、いろんなサイトを見て歩くのは大変です。アイキャッチを一挙に集めた企画記事を作成していますので、ぜひご覧くださいね。
アイキャッチに悩んだら ブログデザイン部
ここまでアイキャッチの作り方を解説してきました。それでも上手にアイキャッチが作れない…そういうあなたはどうすれば良くなるのか指摘してもらう仲間が必要かもしれません。
ブログデザイン部では、デザインの悩みや相談をすることができます。部員同士で意見を出し合って、よりよいデザインを作っていく場としてDiscodeに掲示板を用意しています。
ここでは、デザインだけでなく、ブログの悩みや雑談、ボイスチャットまで可能。同じ志を持つ仲間と交流を持つことができます。ぜひあなたも参加して、ブログ仲間とお洒落なブログを作っていきませんか？
アイキャッチの作り方に関するQ&A
【まとめ】ブログアイキャッチの作り方
- アイキャッチ制作はCanvaを使おう
- アイキャッチのサイズは「1200px × 630px」
- テキストの載せやすい写真を選ぶ
- 読みづらい写真なら「ふちどり文字」か「テキストボックス」
- 検索結果の画像に対応した「正方形」に収まるようなテキスト配置
- テキストエリア内は余白を意識する
- フレームに写真をいれて、テキストエリアを確保
- Youtube型はテキストを大きく目立たせる！
- キーワードを洗い出して、無駄な文字を省く
- 長文にしない
- 簡単なのは「箇条書き」
- ブログ配色にアイキャッチも併せるとスッキリ
- フラットデザインに挑戦しよう！
- それでもデザインに困ったら「ブログデザイン部」で相談しよう！
たくさん書きましたが、出来ることから試してみましょう。ひとつ、ひとつに意味がありますので、いくつか作っているうちに感覚がわかってくるもの。ぜひ試して、良い作品ができたら教えてくださいね！
どんぐり所長のおすすめツール
どこでも、どんなデバイスでも順位チェック
ブログ記事の順位を確認していますか？どんなキーワードが上下しているのか知る事はブロガーでは必須と言えます。
ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「Nobilista」。クラウド型のチェックツールです。
クラウド型とは、ネット上にあるサーバーにデータが保存されている順位チェックツールです。従って、お家のパソコン以外でも情報にアクセスできちゃうんです。これが想像以上に快適で、一度体験すると戻れなくなっちゃう。詳しい記事を書いていますので是非読んでみてください。
実は私、Nobilistaの公式アンバサダーをさせて頂いています。使いだしたら超気に入ってしまって、気づいたらアンバサダーになっていました。そんな私が、おすすめする「Nobilista」。今なら7日間無料でお試しができます。クレジットカードなどの情報を入れなくても試せるので、ぜひあなたにも試してほしい。
＼場所を選ばない快適さを体験して／
Nobilista公式サイト
当サイト推奨 デザインツール
当サイトでは、ブログ初心者でも簡単・無料で美麗なデザインが作成できる、オンライン画像作成フォーム「Canva」を推奨しています。数万点の素材やフォントが用意されていて、選ぶだけで簡単にプロ並みのデザインを作成する事ができます。これから先、会社員の仕事でも使用する事になるかもしれないほど普及が広まっています。覚えるなら早い方がいいですよ！
当サイトのデザインは、SWELLで再現可能
私はSWELLを2年使用してきました。現在４つのサイトでSWELLを使用しています。
SWELLを使用する理由は、簡単・綺麗・速い。
実際このトップページも、SWELLの標準機能だけでデザイン。
お洒落なブログを作りたいあなたにピッタリのWordPressテーマです。
私が実際に使用して実感したSWELLの特徴は以下。
- 完全ブロックエディタ対応
- 直感で使える操作性
- 便利な専用ブロックを多数用意
- お洒落なトップページが簡単に作れる
- 最速レベルのページスピード
- 一度購入すれば複数サイトに何度でも使用可能
- ユーザーの利便性を考える熱意の運営者
- SWELLを紹介すればアフィリエイト報酬が貰える（購入者のみ参加可）
- 販売価格 ￥17,600（税込）
唯一の欠点は価格の高さ。しかしそれは、SWELLがハイクオリティだから。
そして、運営者がとびきりの対応をしてくれる必要経費。
SWELLにはアフィリエイトプログラムがあり、紹介すれば利益を得ることもできます。
よく、「アフィリエイトがあるから紹介しているんでしょ。」と言われますがこれは違います。
惚れ込んだWordPressテーマに、たまたまアフィリエイトがあっただけ。
あなたもSWELLを体験すれば、きっと紹介したくなります。
＼圧倒的な操作性を体験せよ／
あなたも今日からSWELLER！
お気軽にコメントください