★★★ キャンペーン期間中、新規に『エックスサーバー』をお申し込みいただくと、 初回のご利用料金が最大30%オフ! 2024年11月5日(火)17:00まで! ・・・★★★☆彡

ブログのファビコンを簡単に作成する方法【ファビコンとは?~設置まで】

当ページのリンクには広告が含まれています。
  • これで解決!ブログのファビコンを簡単に作成する方法【ファビコンとは?~設置まで】

本記事を読めば、ブログのファビコンの作成・設置方法がわかるようになります。ファビコンは、検索結果画面のURL横に表示されたり、Webブラウザで新規タブなどに表示される画像です。特に検索結果に表示されるファビコンは、ブログの代名詞みたいな存在であり、小さいながら重要な役割を担っています。サイトに合った見やすいファビコンを設置することで、検索結果表示の際にクリックしてもらえる確率が上がります。検索上位サイトは、ほぼファビコンが設定されています。参考になれば幸いです。

メチャじじ

検索エンジンで検索表示結果見ると、URLの横にアイコンがあるサイトと、ないサイトもあるよね。ファビコンっていうのかな?

チョイじじ

そうだね。検索結果に表示されるようになってきたら、ファビコンがあったほうがいいよね。

ひろおじ

アイコン見ただけで、あの人のサイトだってわかるからね。
今日は、ファビコン作っていこう!

この記事では、ブログにファビコンを簡単に作成する方法お話をしていきます。

この記事はこんな方にオススメ
  • まだファビコンを設定していない方
  • 「ファビコンって何」という方
  • 検索エンジンの検索結果で自分のブログを印象付けたい方
  • ファビコンを作ってみたい方

早く希望の記事箇所に到達したい方はコチラ

ブログの始め方

当ブログでは、初心者が快適なブログ運営をするために必要な『エックスサーバー』と『SWELL』の説明。そしてWordPress導入後、10記事書くまでに必要なWordPressとSWELLの設定、必要なプラグイン等の徹底解説をしております。ぜひご活用くださいませ!

エックスサーバーとSWELLを紹介する人

\ シェアNo.1のレンタルサーバー /

シェアNo.1のWordPressテーマ

目次

ファビコンってなに?

「絵」ブログのファビコンがわからない人

ファビコンとは?

ファビコンとは(favicon)とは、Favorite Iconの略称で、検索結果画面のURL横に表示されたり、Webブラウザで新規タブを開いた際のタブ、Webページをブックマークした際に表示される画像のことです。

検索エンジンに検索結果の表示の際、URLの横にファビコンが表示されています

検索エンジンに検索結果の表示の際、URLの横にファビコンが表示されています

ChromeやFirefoxといったWebブラウザで、インターネットを閲覧するとき、そのアドレスバーにファビコンは表示されます。ブラウザタブにも表示されています。

アドレスバーにファビコンは表示

ファビコンは、ブログにとって必要か?

 「絵」ブログのファビコンの特徴を考えている人

ファビコンの特徴

ファビコンの特徴

  • 検索エンジンの検索結果にファビコンが表示される
  • ブログのクリック率が上がる
  • webサイトのブランディングに役立つ
  • 再来訪率・熟読率が向上する

ファビコンは必要か?

結論から言えば、ファビコンは、できる限り設定されることをオススメしたいアイテムです。
特に個人的のブログの場合、表示された一瞬で訪問者さまにイメージを伝える必要があります。ファビコンは視覚的にブログの特徴を伝える事ができます。また、発生するデメリットがないのも特徴です。

ブログのアイコンとファビコンは、どう違うのか?

「絵」ブログのアイコンとファビコンの違いを説明する人

わかりにくいので、このブログ(当ブログ)で説明しますね。

当ブログのアイコン

ひろおじ

このブログのアイコンは僕、「ひろおじ」になります

メチャじじ

ワシ、メチャじじだって、このブログのアイコンじゃぞ!

チョイジジ

そうなんです、このブログにはアイコンが3人いるんですけど、メインのアイコンは「ひろおじ」が務めています

このように当ブログでは、アイコンが三人設定されていますが、こういった吹き出しに利用されるほか、プロフィールなどにも利用されます。

サイドバーのプロフィール欄でもアイコンが設定されています。

サイドバーのプロフィール欄でもアイコンが設定されています

当ブログのファビコン

当ブログのファビコンは、ブログのサイトアイコンと同じ「ひろおじ」の絵が設定してあります。

検索エンジンに検索結果の表示の際、URLの横にファビコンが表示されています

当ブログは個人ブログですので、サイトアイコンとファビコンが一緒になってますが、商品を扱ってるブログや企業系になりますと、サイトアイコンがない場合やロゴをファビコンに設定するように見受けられます

サイトアイコン(ファビコン)設置のメリット

特に、検索エンジンでの検索結果の際に表示されるファビコンが重要

「絵」ファビコン設置のメリットを考えている人

発見してもらえる

通常のブログ運営においては、検索エンジンでの検索結果における表示、すなわち 「自然検索」「ナチュラル検索」(Organic Search)からの集客が柱になっており、この検索結果における表示で、選んでもらえるかどうかが、大きなポイントになります。表示順位は別としましても、同じフォーマットで表示される中、ユーザー様から選んでもらうには、視覚的にイメージを伝えれる事ができるファビコンは大きな役割していると言えます。

覚えてもらえる

ユーザー様は、気に入ったwebサイトが見つかるまで、流し読みのように検索やサイトを見ていきます。少し気になったサイトは、サイト全体を記憶するというよりファビコンを紐づけて記憶する方も多くみえます。再度、検索していた時でもファビコンが表示されるサイトであれば再訪してくれますし、記憶に残してもらいやすいというメリットがあります。

信用度が上がる

一般企業においても、会社のロゴやアイコンなどはとても重要視しています。そのロゴやアイコンを見れば会社全体を想像できることから、別な言い方をすれば、信用の証と言えます。これはブログでも同じことが言えまして、信用が重なればそのアイコンはユーザー様にとっても信用度が高いということになります。質の高いブログ運営をしていればブログの価値も上がり、サイトのアイコンもファビコンも表示されただけで信用度が上がります。

ファビコン(サイトアイコン)作成における注意点

「絵」ファビコン作成の注意点を考える人考える人

ブログの内容に合わせたファビコンにする

ファビコンはブログの代名詞みたいな働きをしますので、なるべくブログの内容に則したファビコンを作成することをが望まれます。例えば、子供のお弁当のブログを運営してるとしたら、ファビコンが筋肉モリモリの画像では、どうやっても合いませんよね。ブログの内容に合ったサイトアイコンやファビコンを用意する必要があります。

サイトアイコンとファビコンは、同じである方が分かりやすいですが、ブログの内容によっては、必ず一致することはないと思います。ユーザビリティの高い形をとる事が必要です。

小さくても見やすくわかりやすいアイコンにする

サイトアイコンもファビコンも表示される大きさは、とても小さなサイズです。あまり複雑なデザインや細かいアイコンでは、小さく表示された場合見にくくなるので、実際に表示されたときに認識しやすいサイトアイコンおよびファビコンを作るように心がけます。

このサイトのファビコンを作ってみたら・・・

「絵」ブログのファビコンを作っている人

Canva(キャンバ)でロゴデザイン見てみる

デザインツールCanva(キャンバ)では、無料で使えるロゴのサンプルがたくさんありますので、こういったロゴデザインを利用しながら、作っていくのもイメージが分かりやすいかもしれません。

無料で使えるロゴのサンプル

お洒落っぽいロゴがたくさんありますが、表示が小さくても分かりやすいサイトアイコン(ファビコン)にしていく必要があります。

Canva(キャンバ)でサイトアイコン作ってみよう!

STEP
Canvaサイトヘ
  • ロゴを入力
Canvaサイトヘ
STEP
テンプレートから選択
  • テンプレートが80000件ぐらいあるようなので、そこから合うものをえらびます。
  • (無料会員の人は、制限されます。僕も無料会員で使わさせてもらってます)
テンプレートから選択
STEP
サンプルロゴを選びます
  • このサイトのファビコンに合いそうなロゴを選んでみました。
サンプルロゴを選びます
STEP
カスタマイズしてみました
  • 色をこのサイトのサイトカラーに変更し
  • 「ひろおじブログ」の「ひ」だけを表示
ロゴをカスタマイズしてみました

ファビコンをSWELLに設置する方法

「絵」ファビコンをSWELLに設置する人
STEP
WordPress設定を選択

「カスタマイズ」「WordPress設定」を選択します

SWELL カスタマイズ
STEP
ファビコン(サイトアイコン)を設定します
  • サイトアイコンはブラウザのタブやブックマークバー、WordPress、モバイルアプリで表示されます。ぜひアップロードしましょう。
  • サイトアイコンは512×512ピクセル以上の正方形にしてください。

このような注意書きがありますので、SWELLで設定する場合は、アイコンの大きさに注意してください。

SWELL サイト基本情報
STEP
ファビコン(サイトアイコン)を設定は以上です

今日からあなたも編集長

WordPressについて知りたい方はコチラ

オススメなレンタルサーバーを知りたい方はコチラ

当サイトもエックスサーバー。理由はコチラ

早速WordPressでブログ始めたい方はコチラ

WordPressに興味のある方はコチラ

アフィエイトブログに挑戦したい方はコチラ

WordPress開設後、必要な設定等を確認していきたい方はコチラ

まとめ:ブログのファビコンを簡単に作成する方法

今回は、ブログのファビコンを簡単に作成する方法【ファビコンとは?~設置まで】について解説しました。

ファビコンとは(favicon)とは、Favorite Iconの略称で、検索結果画面のURL横に表示されたり、Webブラウザで新規タブを開いた際のタブ、Webページをブックマークした際に表示される画像のことです。

特に個人的のブログの場合、表示された一瞬で訪問者さまにイメージを伝える必要があります。ファビコンは視覚的にブログの特徴を伝える事ができます。また、発生するデメリットがないのも特徴です。

検索結果に表示された場合有利ですので、ぜひ設置しておいて欲しいアイテムです

具体的に気になる部分をチェックするのはコチラ

サイトに合った見やすいファビコンを設置することで、検索結果表示の際にクリックしてもらえる確率が上がります。検索上位サイトは、ほぼファビコンが設定されています。参考になれば幸いです。

ブログ1記事って何文字ぐらい?・・・・

ブログの1記事の最適な文字数がどのくらいがいいのかわかれば、それ見合った文字数でブログを書けばいいのですが、残念ながら、検索エンジンは文字数で判断してるわけでなくブログの内容で判断しているようです。しかし検索して上位を見てみると文字数が多い記事ばかり・・・。それは、ユーザーの悩みに丁寧に解説をすると自然と文字数が多くなるということです。それが最適解!。

また、「ブログのファビコンを簡単に作成する方法」がわかりましたら、次は「ブログにアイコンは必要か?【メリットや作り方のコツを紹介】」を確認してみましょう。

詳しいやり方は下記の記事で紹介しているので、あわせて読んでみてくださいね。

エックスサーバーとSWELLを紹介する人

\ シェアNo.1のレンタルサーバー /

シェアNo.1のWordPressテーマ

ブログの始め方

当ブログでは、初心者が快適なブログ運営をするために必要な『エックスサーバー』と『SWELL』の説明。そしてWordPress導入後、10記事書くまでに必要なWordPressとSWELLの設定、必要なプラグイン等の徹底解説をしております。ぜひご活用くださいませ!

よかったらシェアしてね!
目次