[Blogger] ファビコンの設定(反映されない時の対処法あり)

Blogger

blogger favicon

ファビコンとは、もともとWebサイトをお気に入り登録した時に表示されるアイコンのことで、Favorite Iconを略してFaviconと呼ばれるようになったそうです。現在は、下の画像のようにブラウザのタブに表示されたり、スマホでGoogle検索をした時にURLの左に表示されたりしているのをよく見ると思います。Bloggerでは「Bloggerアイコン」が初期設定になっていますが、オリジナルのファビコンを設定しておけばブログのシンボルとして活躍してくれます。

favicon example

この記事では、Bloggerにおける「ファビコン」の設定方法についてまとめます。今回は改造というより「やっておいた方が良い設定」です。設定自体は簡単なのですが、「設定したのに反映されない」という現象が起きやすいので(筆者だけ?)、その対処方法もまとめておきます。

ファビコン用画像の準備

ファビコン用画像は、「正方形」かつ「容量100kB未満」である必要があります。そうでないとBlogger設定画面で怒られます。それと画像の著作権も各自で確認しておかないと著作者に怒られます。サイズは何でも良いですが、「48pxの倍数」がGoogleの推奨 です。かなり小さく表示されるので、シンプルな文字や絵にした方が目立ちます。ファイル形式はpng, jpg, icoのどれでも良くて、Bloggerが自動でico形式に変換してくれます。

ファビコンの設定

Blogger管理画面の「設定」から、一番上の「基本」項目の中にある「ファビコン」をクリックします。そこでファイルをアップロードして保存すれば、ファビコンの設定は完了です。しばらく時間がかかりますが(数分から数十分?)、ブログの表示を更新してタブにファビコンが表示されていれば成功です。スマホのGoogle検索結果に反映されるのはもっと時間がかかるようですが、そのうち出てくるので楽しみに待ちます。

Google検索結果に表示されない場合

実は、当ブログのファビコンが、スマホのGoogle検索結果に長い間表示されませんでした…。ファビコンを設定してから1か月以上たつのに…ブラウザのタブには表示されるのに…。

そこで、以下の対応をしました。

  1. ファビコンを設定し直し(一度消して再アップロード)
  2. Google Search Consoleでホームページを再インデックス
  3. ブラウザのキャッシュをクリアして再検索

対応後、毎日チェックしていましたが、2週間経過しても反映されなかったので諦めて放置…。ところが、1か月ほどたってふと先日見てみると、いつの間にか出ていました!

favicon mobile search

ファビコンが反映されない!という方、上記の対応を試して、気長に待ってみてください。Bloggerをやってる友人は2日ほどで反映されていたので、個人差があるようです。

おわりに

Bloggerにおけるファビコンの設定方法と反映されない場合の対処方法についてまとめました。簡単ながら、自分のブログっぽくなる楽しい設定ですね。

当ブログのBlogger改造リストはこちらにまとめています。よければご覧ください。

About Me

My photo
かもとしゃけ。聖書と音楽。
Follow Me?

Labels

Blogger (14) Other (3) Studio One (1) Tool (6)

Table of Contents