本記事は、一部「広告」を含みます。本記事のもくじファビコンとは?WordPressブログにファビコンを設定するメリット4つWordPressブログのファビコンを設定する方法3つWordPressブログのファビコンを作成するコツ5つWordPressブログのファビコン画像を作る方法3つファビコン作成におすすめ!フリー素材サイト3選WordPressブログのファビコン作成の注意点WordPressブログのファビコン作成でよくある質問3つWordPressブログはファビコンでブランディングせよWordPressのファビコン設定&作成方法を知りたいですか?本記事では、WordPressのブランディング戦略として重要な「ファビコン」の具体的な設定方法や作り方を解説します。この記事を読むと、ファビコンの重要性を理解しつつ、WordPressの初期設定で必要なファビコンをブログ初心者さんでもサクッと作ることができます。ファビコンが表示されない場合の対処法についても、丁寧に解答しました。ファビコンは、ブログ運営の「看板娘」です。事実、ブログサイトの「顔」としてブランディングできますから、本記事を読み終えたら、ファビコンを設定しましょう。\WordPressブログの始め方/WordPressブログを始めるなら、僕も愛用する「エックスサーバー」一択ですよ。国内シェア&サーバー速度No.1【hostadvice.com(2024年)】たったの月額ワンコインで始められます。【ミヤビ:当サイトの編集長】ブログ歴3年ブログ収益7ケタ達成ブロガー/デジタルノマドファビコンとは?ファビコンとは、ブラウザのタブやブックマーク、検索結果に表示される小さな「アイコン画像」のことです。ファビコンは、下記の場所に表示されます。表示場所3:ブックマーク表示場所4:モバイル検索画面PC画面の場合、画面上部「タブ」と呼ばれる場所に、ファビコンが表示されます。PCタブに表示されるファビコンまた、サイトや記事をブックマークした際にも、ファビコンが表示されます。ブックマークなどに表示されるファビコンスマホ検索でも、検索結果にファビコンが表示される仕様です。2023年3月より、PC検索上でも、ファビコンとサイト名が表示されるようになりました。icon)→略して「favicon(ファビコン)」です。ファビコンを設置する目的ファビコンを設置する目的(本質)は「ブランディング」にあります。目的2:ブランディング対策たとえば「おっ...この鷲のファビコンは、ミヤビさんだな」という感じ。ファビコンは「目印」にもなりますし、タブを開きすぎてサイト上で迷子になったときでさえ、ファビコン頼りに目的ページへの到達も可能です。ファビコンは、直接的なSEO対策ではありませんが、ブランディング戦略における「脳内SEO」として、必須ですね。このようにファビコンは、ユーザーの利便性を向上する重要な施策の一つ。装飾目的ではなく、ブランディング戦略の一環として、クリック率UPに効果アリですよ。=「WordPressマーク」として自動表示されます。WordPressのデフォルトファビコンこれじゃあ、ブランディング戦略として差別化できませんよね?むしろ、読者からすると「うーむ...この記事は微妙そうだから、スルーしよう...」という心理が働き、クリック率が低下します。読者に「この記事は、〇〇さんだ」と脳内ハックを仕掛けられるよう、必ずオリジナルのファビコンを作りましょう。WordPressブログにファビコンを設定するメリット4つWordPressブログを運営するなら、120%ファビコンを設定した方が良いですよ。メリットは、下記のとおりです。メリット1:検索結果に表示されるメリット2:ブランディング戦略につながるメリット3:目印になり、ユーザーが迷子にならないメリット4:ユーザーファーストむしろ、ファビコンを設定しないデメリットは、1ミリも存在しません。それは機会損失ですので、必ずファビコン対策を行うべきです。メリット1:検索結果にファビコンが表示されるファビコンを設定すると、検索結果にファビコンとサイト名(ページタイトル)がセットで表示されます。キャッチーでインパクトあるファビコンを作れば、検索画面で目立ちますし、ユーザーからクリックされやすくなるので、ぜひおすすめです。ファンなら、ファビコンを見ただけで、あなたのサイトを判別できますからね。ファビコンは、テキスト情報であるページタイトルやメタディスクリプションより、一瞬で決定的情報を与えられます。ファビコンは「キャッチーなデザイン」にしましょう。メリット2:ブランディング戦略として有効WordPressでファビコンを設定すれば、サイトのイメージ作りやブランディングに役立ちます。「Twitterのロゴ」をイメージしてください。「青い鳥」を想像しませんでしたか?これこそ、まさに「ブランディング」でして、言葉は悪いですが、いわば「洗脳」です。=「青」「鳥」といったイメージを持ってるハズ。純粋想起をとるつまり「〇〇といえば、あなた」(マーケティング用語で「純粋想起をとる」)というユーザー認知を狙う戦略として、ファビコンは効果的です。良い記事を書いて読者満足度も高まれば、リピーターにつながりますし、ファビコンを見ただけで「あなたのブログ」という脳内ハックも狙えます。結果として、クリック率も高まりますし、直接的なSEO対策というより、むしろ間接的な「脳内SEO」としてファビコンは「効果抜群」です。メリット3:目印になり迷子にならないタブを検索画面でたくさん開いた場合も、ファビコンが目印になってくれるので、サイト上で迷子になりません。文字より画像に視線が注目するので、こーいう意味でも、ファビコンは重要です。メリット4:ユーザーファーストになるブログ購読者の中には「ブックマーク」や「お気に入り」でサイト管理してる人もいます。僕自身も、お気に入りのブログを、上記のように管理してます。ファビコンが設定されないと、WordPressマークになります。サイト名で確認しなければならないのは、読者ファーストじゃないですよね?ブログの「固定ファン」を作るには、ユーザーファーストの意識が大切です。WordPressブログのファビコンを設定する方法3つWordPressでファビコンを設定&表示する方法を解説します。方法3:WordPressのプラグインを使うファビコンの設定方法は、上記のとおりですが「方法1」だけ理解すればOKです。テーマファイルをいじったり、プラグインを使う方法もありますが、WordPressの標準機能を使えば、マルっと秒で解決できるので、今回は割愛します。方法1:WordPressのデフォルト機能WordPress管理画面「外観」>「カスタマイズ」>「サイト基本情報」に進みます。WordPressファビコンの設定方法:手順1「サイトアイコンを選択」より、画像を指定してアップロードします。WordPressファビコンの設定方法:手順2UPするファビコン画像を「選択」し、代替テキスト(alt属性)とタイトルを入力しましょう。WordPressファビコンの設定方法:手順3ファビコンのプレビューを確認しつつ、問題ないなら「切り抜かない」を選択します。必要な場合は、切り抜いて「正方形」に調節してください。WordPressファビコンの設定方法:手順4上記で問題なければ「公開」をクリックします。すると、WordPress画面に反映されます。ミヤビ以上でファビコン設定は終わり、カンタンでしたね!WordPressブログのファビコンを作成するコツ5つWordPressブログの「顔」であるファビコン。その存在は小さいながらも、ユーザーを惹きつけ、固定読者の脳内をハックする、魅力的なデザイン設計が大切です。上記5つのコツを押さえつつ、ブランディング戦略も意識しながら、魅力的なファビコンを作りましょう。1:正方形のアイコンファビコンは、ほとんどのブラウザで正方形にクリップされるため、正方形のアイコンを使用します。512px以上の正方形」です。=「画質が荒くなる」ですので、高解像度のファビコン画像を用意しましょうね。2:シンプル・イズ・ベストファビコンはとても小さい画像のため、複雑なデザインだと視認性が悪くなります。細かいデザインを避けるテキストも避ける必ず「1トピック」を意識してください。3:デザインを大きく目立たせるファビコンは、ただでさえ小さな画像。デザインは、最大化させましょう。日本人は「余白」が好きですが、逆に小さく目立ちません。余白などあまり気にせず、とにかくインパクト重視にデザインしてください。当サイトのファビコンミヤビ論より証拠、僕のファビコンをご覧ください!コツ4:背景を透過させる場合によっては、ファビコンの背景を「透過」させるのもアリです。デザインによりけりですが、スタイリッシュに見えますよ。当サイトも試験的に透過デザインを試しましたが、いまいちでした。ABテストしつつ、インパクトある方を選びましょう。5:上下左右の中央配置ファビコンのトピックは、上下左右の中央揃えにドカンと配置しましょう。どのサイトも、きっちり中心寄せしてますので、セオリーから外れるのは論外です。WordPressブログのファビコン画像を作る方法3つそれでは上記5つのコツを踏まえ、ファビコンを作成する方法を解説します。方法3:外注ミヤビ特にこだわりがないなら「フリー素材」でOKです。方法1:フリー素材ファビコン素材を用意するなら「フリー素材」がおすすめです。理由3:洗礼されてる種類も豊富で可愛いらしいマテリアルデザインから、シンプルでオシャレな洗礼されたデザインまで、いろんな種類のファビコンが「無料」で利用できます。詳しくは「ファビコン作成におすすめ!フリー素材サイト3選」で解説します。方法2:自作Webデザインの知見がある人は、ファビコンを自作するのもありですね。世界で一つだけのファビコンを作りましょう。いえ、デザイン知識のない人が、ファビコンを自作しようとすると、ほぼほぼ失敗します。いうのも、デザインにインパクトがなかったり、色使いが微妙だったりして、イマイチになってしまうからです。僕も自作してわかりましたが、ショボいファビコンになった苦い過去があります。デザイン知識や経験の乏しい人は、自作をあまり推奨しません。フリー素材もたくさんありますし、すでに完成されたデザインを使うことをおすすめします。小綺麗でオリジナリティあるファビコンをプロのデザイナーやイラストレーターに依頼するのもアリですね。オリジナリティ&クオリティ高いファビコンを用意するなら、やはりプロに依頼したほうが満足いく結果になります。セットで、ロゴやヘッダー画像などの依頼も検討できます。デザインを外注するなら「ココナラ」が定番ですよ。ファビコン作成におすすめ!フリー素材サイト3選ファビコンに使えるおすすめフリー素材サイトを3つ紹介します。デザイン)は、商用利用可能&無料で使える、マテリアルデザインが可愛らしいフラットなアイコンに最適なフリー素材サイト。JPG、PNGはもちろんのこと、「illustrator」「photoshop」で編集可能なベクターデータ、EPSデータ、どのデバイスでも劣化しない&軽量な「SVG」もあります。512」、ファイル名は「PNG」or「SVG」を選びましょう。「背景なし」画像データもダウンロードできます。背景を別素材で組み合わせれば、オリジナリティあるファビコンに仕上げられますね。ミヤビ高クオリティ&可愛いらしいので、超絶おすすめです。モノ)は、商用利用可能&無料で使えるモノトーンのアイコン素材サイト。シンプルなデザインで可愛らしいアイコンがたくさん用意されており、こちらも非常におすすめです。MONOのダウンロード方法お好きな素材から、サイズは「512px」を、カラーも自由に決めて、ファイルは「SVG」or「PNG」でダウンロードできます。背景も透過されており、使い勝手は抜群。ファビコンで大切な要素は、パッと見の「わかりやすさ」です。コチラも使って見てください。レインボー)は、商用利用可能&無料で使えるアイコンをダウンロードできるサイト。MONO」と似てますが、デザインに幅を持たせたいとき、コチラもご覧いただくと、お気に入りのアイコンが見つかるかもです。Icon-rainbowのダウンロード方法サイズは「512px」を、カラーも好きに選べ、ファイルは「SVG」or「PNG」でどうぞ。背景も透過されてるので、便利ですね。フラットデザインが可愛いですので、ファビコン用におすすめなサイトです。コチラもお使いください。今回は無料で使える「Canva」と「ラッコツールズ-透過画像作成」という2つのツールを使って解説します。手順2:ラッコツールズで透過画像をダウンロード手順3:WordPressにファビコン画像をUPなお、有料プランを申し込むと、透過画像をダイレクトでダウンロードできますので、工程が一つ減ります。×512」ピクセルでデザインの枠を作ります。手順1:Canvaでデザインを調整-02ダウンロードしたファビコン画像をアップロードし、白枠の中に格納します。その際、大きさは最大化させましょう。手順1:Canvaでデザインを調整-03右上の「共有」より、PNGファイルをダウンロードします。有料プランですと、背景透過された画像をダウンロードできます。二度手間になりますが、仕方ありませんね。手順2:ラッコツールズで透過画像をダウンロード手順2:ラッコツールズで透過画像をダウンロード続いて「ラッコツールズ-透過画像作成」より、Canvaでダウンロードした画像をアップロードし、新たに背景を削除した画像をダウンロードしましょう。手順3:WordPressにファビコン画像をUPコチラは「WordPressブログのファビコンを設定する方法3つ」にて解説しました。ミヤビ以上3ステップです!WordPressブログのファビコン作成の注意点ズバリ、他人と被らないファビコンにしましょう。絶対にファビコンを被せないファビコン作成でフリー素材を扱うデメリットとしては、他人とデザインが被る可能性が挙げられます。インフルエンサーと同じ、もしくは似たようなファビコンにしてる人を見かけますが、マジで意味ないので、やめた方がいいですね。ユーザーから「なんだ...偽物かよ」と判定されたら、その時点で信頼性が失われてしまいますので。オリジナルのファビコンを作ろうブログに本腰入れるなら、他人と被らないオリジナルのファビコンを用意しましょう。理由1:信頼性につながる理由2:差別化につながる理由3:認知度もUPするファビコンを設置する目的(本質)は「ブランディング」でしたよね?たとえ、同じハンバーガーチェーン店でも「マクドナルド」と「モスバーガー」のロゴデザインは大きく異なります。認知されてるデザインに被せても、むしろ「逆効果」ですので、差別化をはかりつつ、独自のブランドを構築してください。512ピクセル以上の正方形」が推奨サイズです。512px」でデザインを作りましょう。これより解像度が低いと、画質が粗くなります。画質の悪いファビコンは、読者に違和感を与えるので、必ずデザイン性を意識してください。質問2:ファビコンの拡張子は?ファビコンのファイル形式は、下記のとおりです。その1:「.gif」形式その2:「.png」形式その3:「.ico」形式フツーに「.png」形式の画像ファイルでOKです。質問3:ファビコンが変わりません...よく「ファビコンが表示されない...」といったお悩みも多いですね。WordPress画面のタブ上では、ファビコンが表示されてるものの、検索結果ではファビコンが表示されてないパターン。上記を試しつつ、ファビコンが適切に表示されるか確認しましょう。Generator」を開きます。Fabicon」をクリックします。Generatorでファビコン表示を確認-02「Android」「iOS」「デスクトップブラウザ」の表示に対応していれば、OKです。方法2:ブラウザキャッシュを削除ファビコン設定前の「ブラウザキャッシュ」が残っている場合があるため、キャッシュを削除してみましょう。キャッシュとは、過去のアクセス履歴をブラウザに保存しておくことで、再びWebサイトにアクセスしたときに表示速度を速める機能です。下記のコマンド操作より「スーパーリロード」を試してみましょう。Rバグってる原因のほとんどは「キャッシュ」だったりします。キャッシュ削除は、ブログ運営で必須知識ですので、この際にマルっと覚えておきましょう。方法3:サイトをインデックス登録Google検索にファビコンを表示するには、そもそも、ブログのURLがGoogleにクロールされ、インデックス登録される必要があります。クロールには数日かかる場合もあるので、ファビコンがGoogle検索でも反映されるのをゆっくり待ちましょう。Googleインデックス登録の手順を解説します。Googleサーチコンソール|インデックス登録手順1まずは「Googleサーチコンソール」の検索欄に「サイトURL」を入力し、[Enter]キーを押します。Googleサーチコンソール|インデックス登録手順2本サイトの場合は、すでにインデックス登録済みでして、上記のような画面になります。登録されてない場合は「インデックス登録をリクエスト」しましょう。Googleサーチコンソール|インデックス登録手順3インデックス登録のリクエストを送信すると、上記の画面になります。これにて、サイトのインデックス登録は完了。数日後、クローラーがサイトをクロールし、Google検索にインデックスされる「かも」です。サイトや記事がGoogleにインデックス登録されるワケではありません。それゆえ「かも」と濁しました。インデックス登録されない場合、Googleに「検索結果に表示させる価値ナシ」と判断されてる証拠です。インデックス登録の対策は、別記事をご用意しております。ユーザーが検索結果を見た際に一目でサイトを見分けられるように、ファビコンがウェブサイトのブランドを視覚的に表したものとなるようにしてください。ファイルの場合は、サイズに関して特別な指定はありません。有効なファビコン形式は、すべてサポートされています。頻繁に変更しないでください)。かぎ十字章)などの不適切なファビコンは表示されません。該当する表現がファビコン内で見つかった場合は、デフォルトのアイコンに置き換えられます。引用元:Google検索セントラル|検索結果に表示するファビコンを定義するWordPressブログはファビコンでブランディングせよ本記事では、WordPressブログのファビコン設定方法や作り方を解説しました。メリット1:検索結果に表示されるメリット2:ブランディング戦略につながるメリット3:目印になり、ユーザーが迷子にならないメリット4:ユーザーファーストファビコンがないと「手抜き」という印象を与えかねません。クリック率が下がり、固定読者もつきにくです。ユーザー視点でも不親切でしたね。細かいですが、ファビコンをしっかり作り込むことで、ブログ運営の熱意や信頼性をユーザーにアピールできます。上記コツ5つを意識しつつ、魅力的なファビコンを作ってください。=「ブランディング」です。戦略的に、サイトの付加価値を高めましょう。いうわけで、今回は以上です。本記事を読み終えたら、今すぐファビコンを作ってくださいね。WordPressで行うべき設定は他にもいくつかあります。セットで【20個】WordPressおすすめ初期設定ガイド【失敗を避ける方法】もどうぞ。本記事ではブログヘッダー画像のおしゃれな作り方やコツを解説します。ぶっちゃけ、無理して作る必要はありませんよ。【保存版】ブログSEO対策の完全ロードマップ【普遍的に通用します】ブロガー向けにSEO対策の基礎〜応用をまとめました。将来に渡り普遍的に通用するSEOノウハウをお伝えします。本記事ではブログドメインの決め方を解説します。7つのコツを実践し、あなただけの素敵なブログドメイン名を決めましょう。当サイトのリンクについて当サイトでは、一部リンクに「アフィリエイト広告」を利用しています。「リンクフリー」を掲げており、リンクを貼る際の連絡は不要です。