Favicon not visible in google search
Unanswered
Indian mackerel posted this in #help-forum
Indian mackerelOP
I currently have 2 websites that are using nextjs 13 app dir
https://portfolio-quiz.com/
https://www.freelogo.dev/
Both of their favicons are not displaying in google, do you have any knowledge on how can I fix that?
PortfolioQuiz is 384x384 and freelogo is 240x240
https://portfolio-quiz.com/
https://www.freelogo.dev/
Both of their favicons are not displaying in google, do you have any knowledge on how can I fix that?
PortfolioQuiz is 384x384 and freelogo is 240x240
7 Replies
Yellowfin tuna
I have the same problem, even with opengraph-image.jpg
@Indian mackerel I currently have 2 websites that are using nextjs 13 app dir
https://portfolio-quiz.com/
https://www.freelogo.dev/
Both of their favicons are not displaying in google, do you have any knowledge on how can I fix that?
PortfolioQuiz is 384x384 and freelogo is 240x240
this is quite a bit later, but it doesn't help that you don't have a
so, add the favicon file and wait some time and see it on google 🙂
/favicon.ico on the root of either websites... and for me google took a decent about of time to use my favicons...so, add the favicon file and wait some time and see it on google 🙂
@riský this is quite a bit later, but it doesn't help that you don't have a `/favicon.ico` on the root of either websites... and for me google took a decent about of time to use my favicons...
so, add the favicon file and wait some time and see it on google 🙂
Indian mackerelOP
I don’t understand, I’m using nextjs feature which lets me use png as favicons. Shouldn’t nextjs handle everything?
like this redirects to homepage: https://www.portfolio-quiz.com/favicon.ico
and this just 404s: https://www.freelogo.dev/favicon.ico
and this just 404s: https://www.freelogo.dev/favicon.ico
@Indian mackerel I don’t understand, I’m using nextjs feature which lets me use png as favicons. Shouldn’t nextjs handle everything?
yeah that works for normal favicons (on the pages), but you need to make sure you create a
favicon.ico file as nextjs doesn't auto convert it (so you can use an online converter)Polar bear
even .png can be converted to .ico directly, just rename it
@Polar bear even .png can be converted to .ico directly, just rename it
while that can work, it is not a very smart idea... (clients use file headers to actualy know hot to render, but you shouldn't scam extentions)