Next.js Discord

Discord Forum

Dynamic favicon not showing in Google search results?

Unanswered
American black bear posted this in #help-forum
Open in Discord
American black bearOP
Hi guys,

I have a CMS which stores all content of my Next.js app including favicons. The favicon is shown correctly on the browser tab, but it does not show in the Google's search results. What could be causing this issue?

Here is the output of my generateMetadata() function in root layout.tsx.

{
  title: 'Title',
  description: 'Description',
  openGraph: { images: [] },
  // this url downloads the png when navigated to
  icons: [ { url: '/api/media/file/favicon.png' } ]
}

17 Replies

American black bearOP
American black bearOP
bump
American Sable
@American black bear i dont think its possible to do it in google search results
Google only crawls pages every few days
unless there is high traffic
theres no guaranteed way to make them update quickly. they are considered low priority
American black bearOP
I think the problem is that google cannot get the favicon for some reason. It had it set up ever since the website was deployed, and if it's in the search results it has been crawled. Google just cannot get it for some reason.
and that takes a bit
thats how it works
when you update your favicon Google wont immediately show the new icon in search results or browser tabs It only updates after Googlebot crawls your site again and picks up the change
Google usually refreshes favicons within a week or two if the crawl happens
also try Google Search Console’s URL Inspection tool to request indexing
American black bearOP
I understand that, but my favicon hasn't changed. The main problem is that it's not being indexed at all.
If my website is in the search results but the favicon isn't, that means that Google failed to index it.
American black bearOP