アイコンを見るとインスタやFacebook,Lineだとひと目で判断できますよね。
そのアイコンを【ファビコン】と言いますが、設定していますか?
単に画像をファビコンとして設定するのは勿体ないですよ!
ファビコンの重要性とちょっとしたコツをお届けします。
そして私が実際に【WPブログ】と【はてなブログ】に設置した手順のご紹介もします。
設定がまだの人は是非、この機会に設置してみてはどうですか。
- スポンサーリンク -
【ブログ】サイトアイコンファビコンを設定しよう
【ファビコン】はサイトの看板となります。
車を運転中に遠くからでもコンビニの看板を見つけると、何のコンビニなのか分かりますよね。
あれのWeb版となり、サイトを開くと画面上のタブに表示されるアイコンのことです。
設置していますか?
ファビコンの重要性
【ファビコン】はWebサイトの看板、つまり【トレードマーク】となります。
この【ファビコン】は、実に小さなものですが存在は絶大なものです。
【ファビコン】が有るともたらすメリットは何かをお伝えしますね。
■ファビコンのもたらすもの■
- ユーザーに覚えてもらいやすい
- 複数のタブの中で見つけやすい
- きちんとしたサイト感が出る
- LP作成時の信頼度アップ
【ファビコン】がもたらすものは、何よりも大事な【信用】であると言っても過言ではないかもしれないですね。
沢山あるブログの中から抜き出る為の道具になる事は、間違いないですよね。
ファビコン作成のコツ
沢山あるサイトの中から、自分のサイトを見つけてもらいたいですよね。
その為の条件は、
- 目立つ
- 分かりやすい
- 覚えてもらいやすい
ものがお薦めですね。
単なる画像を設置すると、かなり縮小されるので何が描いてあるのかすら分からなくなってしまって勿体ないですね。
大手有名どころのファビコンは、どこもドーン!とひと文字やひとつ!と言った印象がないですか?
それは、3つの条件である【目立つ】【分かりやすい】【覚えてもらいやすい】をすべてクリアしてますよね。
たとえば、
【カエル】を看板にするならば全身ではなく、【カエルの顔】などの【カエル】だという事がパッと見で分かるようにすれば良いわけですね。
ファビコンの作り方
ココでは私が実際に作成し【WPブログ】と【はてなブログ】にファビコンを設定した手順をご紹介しますね。
では、まずは作り方の説明をします。
私は、Canvaを利用して【ファビコン】用の画像を作成しました。
①Canva【無料登録】
②【デザインを作成】ー【カスタムサイズ】
③カスタムサイズ【幅250 高さ250】ー【新しいデザインを作成】
*はてなブログ:250×250
*ワードプレス(賢威7):512×512以上
④【素材】ー【好きな物を選ぶ】私は正方形を選んだよ
⑤【色を変更】(四隅に〇が付くよう画像をクリック)
⑥【拡大】(双方向矢印になったらドラッグ)
⑦文字入力【Tテキスト】ー【本文を追加】ー【文字入力】
⑧【文字入力】ー四隅の〇をドラッグ【サイズ変更】ー色変更【色パレット】
⑨【ダウンロード】ー【ダウンロード】
ココまでがCanvaでの画像作成になります
上手く出来ましたか?
【ダウンロード】したものは、【ダウンロード】フォルダに入ります
ファビコンをブログに設定
では、ブログのタグに表示されるように設定しましょう。
■ワードプレス(賢威)■
【外観】ー【カスタマイズ】ー【サイト基本情報】ー【サイトアイコン】
*ファビコン作成サイズは、512×512px以上
*使用中のテーマにより設定方法が異なります。
■はてなブログ■
ダッシュボード【設定】ー【基本設定】ー【ブログアイコン】
*ファビコン作成サイズは、250×250px
【変更】や【保存】ボタンを押すのをお忘れく!
ー人気ページー人と被らない無料画像をゲット
- スポンサーリンク -
【ブログ】サイトアイコンファビコンを設定しようまとめ
ファビコンは、それほど重要じゃないんでは?と思われがちです。
小さいマークなのに与える物は大きい事は、もうお分かりですよね。
この機会に作成されるとどうですか?参考になれば嬉しいです。
読者になってもらえると嬉しいです
★応援クリック大感謝★
人気ブログランキング