見出し画像

Google検索結果のファビコンを更新してみました

ホームページはちょこちょこマイナーチェンジしています。

タイトルの「Google検索結果のファビコン」というのは、これです。↓

会社名やURLの前の画像をファビコンと呼ぶようです。
Google検索でゴモジーの検索結果の左側に出るのがファビコン。

今では↑のように、ゴモジーのロゴから「ゴ」を切り出した画像を、
ファビコンにしています。

少し前までは、↓のようなファビコンが表示されていました。。

少し前のファビコン。。ドット絵です。めっちゃ小さい。。
検索結果のファビコンも丸の中に四角があって。。

なんでこんなに小さいかというと、以下の規格に基づいて、16 x 16ピクセルで作成してたためです。

通常、ファビコンは 16x16 ピクセルの GIF、PNG、または ICO 形式で保存されます。

https://developer.mozilla.org/ja/docs/Glossary/Favicon
ブラウザのタブにもファビコンが出ます。16x16ピクセルは収まりがいい。(旧ファビコン)
新ファビコン。

ゴモジーのファビコンはドット絵なのに、
Google検索すると他のサイトは綺麗なファビコンばかり。
ゴモジーのファビコンも綺麗にしたい!


Google検索のガイドラインを確認。

ファビコンのサイズが 48 ピクセルの倍数になっていること(例: 48 x 48 ピクセル、96 x 96 ピクセル、144 x 144 ピクセルなど)。SVG ファイルの場合は、サイズに関して特別な指定はありません。有効なファビコン形式は、すべてサポートされています。

https://developers.google.com/search/docs/appearance/favicon-in-search?hl=ja

あー。。やっぱり画質はもっと高くてもいいみたいです。


では、144x144ピクセルのpngファイルでファビコンを作ってみます。
画像はゴモジーロゴの一文字目を使います。

ゴモジーのゴ

あとはhtmlのheadタグのiconを新しい画像に変更したら、

ブラウザにゴモジーのゴのファビコン

ブラウザのファビコンがゴモジーのゴになります。
と、これが本題ではないので、Google検索結果をチェック。

旧ファビコンのまま。。

変わってません。。


再度、Google検索のファビコンガイドラインを確認。

Google では、ホームページをクロールするたびにファビコンの有無、またはファビコンの更新の有無を確認します。ファビコンを変更し、Google にその変更を知らせたい場合は、サイトのホームページのインデックス登録をリクエストできます。更新が検索結果に反映されるまで、数日かかることがあります。

https://developers.google.com/search/docs/appearance/favicon-in-search?hl=ja

Googleにファビコンが変わったことを伝えるために、インデックス登録をリクエストした方が良さそうです。

リンク先のsearch consoleからリクエストします。

あとはGoogleがゴモジーサイトをクロールしてくれるのを待つだけです。


翌々日には、検索結果にゴモジーのゴが表示されるようになりました。

ゴモジーのゴ

スマホで見ると、サイトのサムネイルでもゴモジーのゴが表示されます。

ゴモジーのゴのサムネ

ファビコンを変えるだけだと思ったら、意外と数日かかりました。
ゴモジーのゴが検索結果に表示されてよかったです。