- ブロトピ
My favicon was broken and I had no idea
For months my blog icon looked fine in my browser tab, so I assumed it was all set up correctly. Then I noticed Google Search was showing a blank globe next to my site.
I ran my URL through this free favicon checker: https://faviconmaker.net/favicon-checker
It scans the live site and gives you a 0-100 score plus a short list of what's broken. Mine flagged three things I never would have guessed: the favicon.ico declared in my HTML actually returned a 404, I had no apple-touch-icon at 180x180, and my web manifest was missing the icons Android needs for install.
The part that got me: my browser had been caching the old icon the whole time, so everything looked correct on my end.
About 20 minutes to generate a proper icon pack, paste the new tags in, deploy, and re-run the check. Score hit 100, and Google picked up the new icon a few days later.
If you've never actually checked yours, it takes about 30 seconds.
To be honest, https://faviconmaker.net is awesome!
I ran my URL through this free favicon checker: https://faviconmaker.net/favicon-checker
It scans the live site and gives you a 0-100 score plus a short list of what's broken. Mine flagged three things I never would have guessed: the favicon.ico declared in my HTML actually returned a 404, I had no apple-touch-icon at 180x180, and my web manifest was missing the icons Android needs for install.
The part that got me: my browser had been caching the old icon the whole time, so everything looked correct on my end.
About 20 minutes to generate a proper icon pack, paste the new tags in, deploy, and re-run the check. Score hit 100, and Google picked up the new icon a few days later.
If you've never actually checked yours, it takes about 30 seconds.
To be honest, https://faviconmaker.net is awesome!
Googleでログイン