Favicon not showing on google search engine and neither in bing

Help
1

I have added the metadata under app/layout.tsx

export const metadata: Metadata = {
  title: {
    template: `%s | Ottoni`,
    default: APP_NAME,
  },
  description: APP_DESCRIPTION,
  metadataBase: new URL(SERVER_URL),
  icons: {
    icon: [
      { url: "/favicon-96x96.png", type: "image/png", sizes: "96x96" },
      {
        url: "/web-app-manifest-192x192.png",
        type: "image/png",
        sizes: "192x192",
      },
      {
        url: "/web-app-manifest-512x512.png",
        type: "image/png",
        sizes: "512x512",
      },
      { url: "/favicon.svg", type: "image/svg+xml" },
      { url: "/favicon.ico", type: "image/x-icon" },
    ],
    apple: "/apple-touch-icon.png",
  },
  manifest: "/site.webmanifest",
  openGraph: {
    title: "Ottoni Pesca",
    description: APP_DESCRIPTION,
    url: "https://ottoni-pesca.com",
    siteName: "Ottoni",
    images: [
      {
        url: "https://ottoni-pesca.com/apple-touch-icon.png",
        width: 1200,
        height: 630,
        alt: APP_DESCRIPTION,
      },
    ],
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: "Ottoni Pesca",
    description: APP_DESCRIPTION,
    images: ["https://ottoni-pesca.com/apple-touch-icon.png"],
  },
};
3

Hi @13chentsaij-3841, welcome to the Vercel Community!

It seems like a Google search issue more than a Vercel issue. A quick google search lead me to Google Search Forum results:

Suggestions commonly range from choosing correct icon format, size, and ensuring that the access is not blocked by robots.txt configuration.

Let me know if you need more help.