本記事は、一部「広告」を含みます。本記事のもくじブログアイコンとは?ブログアイコンが重要な理由3つブログアイコンの作り方2つブログアイコンを作るコツ5つブログアイコンの便利な活用法6つブログアイコンでよくある質問5つ記憶に残るブログアイコンでブランディングせよブログアイコンをサクッと作りたいですか?この記事で紹介する「ブログアイコンの作り方」を実践すると、デザイン初心者でもあなたのブログにあった魅力的なブログアイコンを作成できます。そこで本記事では、初心者でもできるブログアイコンの作り方を解説しますね。この記事を読むと、ブログアイコンの重要性、作り方やコツ、活用方法などをマルっとを理解できます。結論、下記の方法にてブログアイコンを作ってみましょう。→新規登録で300円クーポンブログアイコンは、ブランディングで重要です。あなたのブログイメージを決定づける要素なので、決して手を抜かず、記憶に残るブログアイコンを作りましょう。\WordPressブログの始め方/WordPressブログを始めるなら、僕も愛用する「エックスサーバー」一択ですよ。国内シェア&サーバー速度No.1【hostadvice.com(2024年)】たったの月額ワンコインで始められます。【ミヤビ:当サイトの編集長】ブログ歴3年ブログ収益7ケタ達成ブロガー/デジタルノマドブログアイコンとは?ブログアイコンとは、ブログ運営者の「顔」をイメージした画像のこと。プロフィール画像や吹き出しなどによく使われまして、下記が当サイトのアイコンになります。=「運営主」=「個人ブランディング」でして、ブログ運営でほぼ必須レベル。正解はありませんが、発信ジャンルをイメージしつつ「〇〇ジャンルのブログといえば、〇〇さんだ」みたく、読者の脳ミソをハックできると効果的です。ブログアイコンの役割ブログアイコンには、下記の役割があります。その1:表現の幅を広げるその2:読者を飽きさせないその3:信頼性の獲得さりげなく、吹き出しなどでアピールすれば「単純接触効果」にて、無意識に好感度UPを狙えます。いろんな表情のアイコンを使うことで、文章に"リズム"が生まれては、表現の幅も広がります。これは、読者への「おもてなし」であり、黒く染まった文章なんて誰も読みたくないですからね。オリジナルアイコンを作ることで、パクリ防止にもつながります。差別化しつつ、Googleや読者から「信頼」をつかみとりましょう。ブログのアイコンの種類ブログアイコンには、下記の種類があります。顔出しブランド名、企業ロゴ企業でも「仮想キャラ」を作っては、ブランディング戦略として、ユーザーから支持を狙ってます。個人ブロガーなら、自分の似顔絵を模したイラストを作る場合が多いですね。あなたのブログと照らしつつ、好きなアイコンを作りましょう。ブログアイコンが重要な理由3つ無機質な文章だけでは、ブログは読まれにくいです。アイコンがあれば、ブログが華やかになりますよ。理由1:個人ブランディング理由2:文章に彩りが出る理由3:活用の幅が広い理由1:個人ブランディングブログアイコンは「個人ブランディング」に効果的です。要は「このアイコンは、あのブログだな...」と、シンプルに覚えやすくなります。カッコよく言えば「純粋想起をとる」と呼びまして、AをみたらBを思い浮かべる...といったように、ユーザーの脳ミソを無意識にハックさせる技術です。個人ブロガーの強みは、法人サイトにはない「色」を出せること。ブログアイコンがないと、文章だけで勝負するハメになり、ハードルはさらに上がります。今は「個人の時代」といわれ、ブランディング戦略として「アイコン」は重要ですよ。理由2:文章に彩りが出るブログ内でアイコンを効果的に使うことで、記事そのものが色鮮やかになり、リズムも生まれます。ミヤビブログアイコンは「吹き出し」でよく使われます!Google検索では、似た内容が書かれてる記事も多く、アイコンが使われることで「読みやすい!」「あなたの記事を読みたい!」と、読者ファンを増やせるかもです。使いすぎはクドいですが、ミントのように添えることで、読者に寄り添った質の高いコンテンツに一歩貢献します。ブログアイコンを作る価値は「大」ですよ。理由3:活用の幅が広いブログアイコンを作れば「活用幅」も広がります。後ほど詳しく解説しますが、活用法はたくさんあります。その1:ブログのプロフィール画像その2:SNSのプロフィール画像その3:ブログの吹き出しその4:ブログのファビコンその5:NFTその6:その他アイコンブログやSNS、普段の仕事でも使える万能アイテムです。基本的に、ブログ1本でビジネスしてる人は少なく、いろいろな媒体を組み合わせて伸ばすのがセオリー。ブログアイコンは、他のビジネスでも役立つこと間違いありません。ブログアイコンの作り方2つさてここからは、手を動かしてみる作業です。下記の方法にて、オリジナルなブログアイコンを作ってみましょう。方法1:自作【Canva】ブログアイコンを自作するなら「Canva」という無料デザインツールがおすすめです。直感的にサクサク操作できるため、デザイン初心者でもサクッとアイコンを作れます。手順2:デザインサイズを決める手順3:アイコンを作る手順4:画像をダウンロードするブログ運営では画像や素材を作る作業が多いため、有料プランを申し込んでもまったく損しませんよ。手順1:ログイン登録Canva公式サイトにアクセスしたら、新規登録します。Canva|手順1:ログイン登録すでにGoogleアカウントをお持ちでしたら「Googleで続行」を選択すれば、サクッと「3秒」で登録が完了します。手順2:デザインサイズを決めるCanvaにログインし、さっそくアイコンをデザインしましょう。テンプレもたくさん用意されてますが、今回は手動でサイズを決め、ブログアイコンを作ります。500px」とし「新しいデザインを作成」をクリックします。※大きさは自由ですが、必ず「正方形」サイズにしましょう。手順3:アイコンを作る試しに「ポテト」をモチーフとしたブログアイコンを作ってみますね。Canva|手順3:アイコンを作る左メニューより「素材」をクリックし、検索欄に「ポテト」と入力してみます。すると、ポテトに関するグラフィック素材がたくさんヒットします。素材をクリックするだけで、編集画面(右側の枠内)に自動配置され、あとは大きさを自由に調節するだけのカンタンな作業です。今回のケースでは「1:アイコン(メイン)」「2:素材(サブ)」「3:背景」を入れてみました。その他にも、テキストや傾き調整、透過レベルなどの編集も可能です。素材をアップロードして、自由に編集してみてください。ブログアイコンの場合、テキスト配置はおすすめしません。いうのも、コメ粒ほどの小さい文字なんて、誰にも読まれませんので。手順4:画像をダウンロードするあとは、完成した画像をダウンロードしましょう。Canva|手順4:画像をダウンロードする画面右上の「共有」>「ダウンロード」より、ファイルの種類は「PNG」を選択し、ダウンロードしましょう。あとは、WordPressなどにアップロードすれば、ブログアイコンとして使えます。セットで「画像のSEO対策」も大切でして、サイズ圧縮や代替テキストが必須です。詳しくは【10選】SEOに効果的!おすすめ画像対策まとめ【PV1.5倍/画像検索の重要性】をどうぞ。自分で作るのが苦手だな〜と感じる方は、お財布と相談しつつ「ココナラ」でデザインのプロに外注してみましょう。予算はピンキリですが、1,000〜10,000円ほどあれば問題ありません。SNSで募集してみたり、友人や知人に相談してみるのもアリかなと思います。画面右上の「会員登録」より、新規登録します。ココナラ|手順1:会員登録-01今なら、新規会員登録で「300円クーポン」を無料プレゼントです。ココナラ|手順1:会員登録-02すでにGoogleアカウントをお持ちでしたら「Googleで登録する」を選択すると、サクッと3秒で登録完了です。手順2:アイコン選択ココナラ|手順2:アイコン選択-01「イラスト・漫画」>「アイコン作成」をクリックします。ココナラ|手順2:アイコン選択-02世の中のクリエイターがたくさんのデザインを出品してます。あなたのブログデザインに合ったステキなアイコンを探してみてください。手順3:購入手続き金額を確認しつつ、支払い方法を選びましょう。ココナラ|手順3:購入手続き特に事情がなければ「クレカ」がラクですね。クレカ情報を入力したら「確認する」をクリックしましょう。ミヤビこれにて、ココナラの外注は完了です。ブログアイコンを作るコツ5つブログアイコンを作る際は、下記のコツを意識しましょう。その1:インパクトを出すその2:正方形で作るその3:完全オリジナルにするその4:親しみやすいその5:高画質コツ1:インパクトを出すブログアイコンは、ハッキリ大きなデザインにすること。基本的にブログアイコンは小さいですし、色が薄かったり、余白を意識しすぎると、"コメ粒"みたいに表示されます。そもそも、アイコンが深く見られることはありません。ユーザーは「忙しい生き物」でして、ブログを見る目的は「悩みを解決すること」ですから。目をこするようじゃ、それは「無」に等しいです。ユーザーに不快感を与えるので、インパクトあるデザインを心がけましょう。2:正方形で作る基本的に、アイコンは「正方形」です。オリジナリティを意識しすぎて、長方形や縦長なアイコンを作る人がいますが、やめておきましょう。武道にも「型」が存在するよう、型を逸脱すると、先生から怒られるハズ。それと同じように、ブログアイコンも「型」を守ること。500px」で作ってます。いえ、それだとファイルが重たくなるので、圧縮しましょう。丸く切りとろう正方形で作ったアイコンは、丸く表示させると「柔らかい印象」を与えられます。方法1:CSSで編集する方法2:WordPressテーマの機能を活用する当サイトでは、WPテーマ「AFFINGER」にて、丸く切りとるよう設定してます。テーマにて設定できない方は、CSSを編集して、丸く表示させる必要があります。具体的には「border-radius」をかければ良いですが、設定は人それぞれですね。別にむずかしくないので、ヒマなときにでも独学してスキルを身につけてみてください。関連:【おしゃれ】WordPressブログでCSSを編集する方法【プログラミング不要】コツ3:完全オリジナルにするアイコンは、ブロガーの個性が宿るため、独自性をガンガン出したいですね。既製アイコン(フリー素材)をそのまま使うと被りやすいため、ユーザーから「パクった」と認識されてしまいますね。100%ダメではないですが、フリー素材を使うなら、他人と被ってないか事前にリサーチすること。被ってないならそのまま使えばいいですし、被ってたら、編集しつつ、オリジナルアイコンにしましょう。何事においてもですが、完全に丸パクりはNG。「盗作」ですから、パクる以前に「人としてどうなの?」と思います。4:親しみやすいインターネットの世界は「誰が運営してるのか?」が見えにくいため、アイコンにて親近感を出しましょう。上記を意識すると、親近感あるブログアイコンを作れます。ブログを読んでもらうには、記事の有益さだけでなく「親しみやすさ」も重要ですよ。高画質なアイコンに仕上げましょう。ファイルは「PNG」or「WebP」です。ブログアイコンは、第一印象を決定づけます。リアル社会でも同じでして、たとえば、面接でも、第一印象が重要ですよね?人の見た目は「6割」で決まり、これは「メラビアンの法則」にて実証されてます。ブログアイコンの印象が良いと、それだけで「このブログは読む価値がありそうだな...」と、ユーザーの第一印象を有利に導けます。手を抜かず、高品質なアイコンに仕立てましょう。Optimizerの設定&使い方ガイド【画像のWebP化方法】ブログアイコンの便利な活用法6つ続いて、ブログアイコンの便利な活用方法をご紹介しますね。その1:ブログのプロフィール画像その2:SNSのプロフィール画像その3:ブログの吹き出しその4:ブログのファビコンその5:NFTその6:その他アイコンその1:ブログのプロフィール画像プロフィールには、アイコン画像を掲載しましょう。当サイトのプロフィールアイコンWordPressテーマによって、少し仕様は異なるものの、このようにプロフィール画像をカスタマイズできます。詳しいプロフィール記事の作り方については別記事をご用意してますので、しばしお待ちください。その2:SNSのプロフィール画像ブログアイコンは、SNSプロフィールにも使えて便利です。最近は、SEOだけでなく「SNS集客」が目立ちます。当SNSのプロフィール画像その際、気をつけるべきことが「ブログとSNSアイコンを揃える」こと。チグハグしてると、ユーザーに不信感や違和感を与えてしまいます。SNSアイコンをみれば「あのブログの人か!?」と、親近感がわきます。「ブログも運営してるんだ」と、新規顧客を獲得できるチャンスです。ツイッター、インスタ、YouTubeも同様。ブログとSNSアイコンを揃え、世界観を統一しましょう。その3:ブログの吹き出しブログ記事内には「吹き出し」を使うことがよくあります。アイコン付きの吹き出しを使えば、文章にリズムが生まれ、カジュアルな雰囲気を伝えられます。使いすぎや意味のない使用は控えましょう。吹き出しは、アクセントとして効果抜群です。視認性が良くなり、伝えたい内容も補足できたりと、個人ブログの表現方法が広がります。ミヤビこんな感じで使えばOK!その4:ブログのファビコンブログアイコンは「ファビコン」としても使えます。ファビコンファビコンとは、ブラウザタブや検索結果に表示される小さなアイコンのこと。当サイトのファビコンファビコンはクリック率やブランディングに重要でして、ユーザーが記事を検索したとき「ファビコンをチラ見しつつ、ブログ記事をクリックする」傾向にあります。タブを開きすぎたときの「目印」にもなりまして、ユーザーが画面上で迷子にならないための便利な"シロモノ"です。当サイトでは、ブログアイコンとファビコンは別にしてます。同じの方が良いと思います。ブランディング戦略としても大切なファビコンの作り方については【簡単】WordPressのファビコン設定&作成マニュアル【ブランディング戦略の重要性】をどうぞ。その5:NFTブログアイコンは「NFT」にも使えますよ。NFTNFT(Non-Fungible-Token)とは「非代替性トークン」のことでして、要は「世界で一つだけのデジタル資産」のこと。実は、当サイトのアイコンも「NFT」でして、その証拠に「こちら」をどうぞ。NFTを扱うには、仮想通貨やブロックチェーンといった少し高度な知識が必要です。ブログ以上に挫折要素が多く「これは、無理そうだな...」と思った方は「へー、そーいった使い方もあるのね...」くらいの感覚で、右から左へ受け流してください。ご興味ある方は、NFTを独学してみたり、僕に質問もご自由にどうぞ。その6:その他アイコン上記5つ以外にも、ブログアイコンはいろんなモノに使えます。Googleアカウントチャットアプリのプロフィールフリーランス案件のプロフィール今の時代、ビジネス運用を見据えつつ、"個人の顔"としてアイコンを用意しておきたいですね。いえ、フリーランス案件を受注する際は、本人の「自然な笑顔の写真」が良いですね。顔出しをしてないと怪しまれるため、それじゃあ、受注も遠のきますよ。質問1:絶対にアイコンは必要?場合によっては、不要なケースもあります。まとめサイトやトレンドブログ、ニュースサイトなど。この場合「鮮度の高い情報」が重要でして、ぶっちゃけ、運営者の顔はどーでも良いです。いえ、個人ブログのような属人性の高いブログなら、ユーザーとの親密さや記事のわかりやすさを伝える観点から、ブログアイコンはあった方が良いと思います。絶対ではないので、そこは頭を使って自分でも考えてみてください。アイコンを作れば成果が出る...なんてロジックはないので、走りながら考えることが大切です。質問2:おすすめなフリー素材は?ブログアイコンを自作するなら、無料かつ商用利用可能なフリー素材サイトから探してみましょう。MONOその3:Icon-rainbowこーいったフリー素材を活用しつつ、もしくは組み合わせつつ、あなただけの「世界観」を作ってみてください。その他、おすすめフリー素材サイトは【22選】おしゃれブログに大変身!フリー素材・無料画像おすすめサイト【用途別に紹介】をどうぞ。質問3:顔出しすべきですか?一般的に、アイコンより「顔出し」の方が良いと言われてます。顔出ししてる以上、ユーザーをダマすような発信はしづらいですし、なんだかんだ、人の顔を見ると安心できると思います。いえ、顔出しできない事情があったり、わざわざ笑顔をつくろい、照明や背景にもこだわった写真を用意するのはメンドくさいですよね...?僕も以前は顔出しでしたが、まぁ「YouTubeでいいかな?」と思いますし、逆に「どんな素顔なんだろう?」と読者の心をくすぐることもできます。それに、年を重ねると顔スガタは移ろうので、オリジナルアイコンでも問題ありませんよ。質問4:複数アイコンを用意すべき?必須ではありませんが、複数のアイコンを用意できると、ブログ運営の本気度がより伝わります。表情を用意できると、素晴らしいですね。文章に感情アイコンが加わると、表現の幅がグーんと広がり、成果も出やすくなります。いえ、自作はむずかしいので、ココナラなどでプロに依頼しましょう。質問5:著作権には気をつけるべき?特に、フリー素材を使う場合は「著作権侵害」に気をつけましょう。10年以下の懲役又は1000万円以下の罰金3億円以下の罰金(法人の場合)このように著作権侵害は刑事罰が重く、許可なく使用したり、配布、複製したりすることも禁止されてます。=「盗作」は絶対NGですよ。記憶に残るブログアイコンでブランディングせよ本記事では、デザイン初心者でもできる「ブログアイコンの作り方」を解説しました。ブログアイコンを作れば、ブログ運営者のイメージ像をサクッと表現できたり、文章にリズムも生まれます。読者に親近感を与え、記憶にも残りやすくなります。ブランディング戦略として効果的なので、この記事を読んだら、今すぐ手を動かしてくださいね。いうわけで、ブログアイコンを作るなら下記の行動をどうぞ。続きを見る最後までお付き合いありがとうございました。僕のTwitter(@ImperialMiyavi)もフォローしてもらえたら嬉しいです。本記事ではブログ記事構成の重要性や作り方を解説します。初心者向けに記事構成フォーマットとテンプレートをご用意しましたので、ご活用ください。読みやすいブログの書き方を知りたいですか?本記事では、読みやすいブログを書くコツ7つを解説します。読みにくいブログを書く方法は、簡単ですよ。本記事ではブログにおける引用の書き方を解説します。文章や画像など、正しい引用の書き方ルールを守り、著作権侵害しないブログを運営しましょう。当サイトのリンクについて当サイトでは、一部リンクに「アフィリエイト広告」を利用しています。「リンクフリー」を掲げており、リンクを貼る際の連絡は不要です。