I noticed that the correct branch has been selected but the source is not being updated , even after redeploy
# Favicon Not Showing in Search Results for Next.js 14 App# Favicon Not Showing in Search Results for Next.js 14 App
## Problem Description
I have a favicon set up in my Next.js 14 app using the App Router, but it's not showing up when searching for my website. I've tried the following:
1. Added favicon in the `app` directory
2. Specified the favicon in the `metadata` object in `layout.tsx`
3. Placed a copy of the logo in `/public/icons/favicon.ico`
However, the icon still doesn't appear in search results.
## Current Code
Here's my current `layout.tsx` configuration:
```tsx
import type { Metadata } from "next";
import Script from 'next/script';
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import "./globals.css";
import { go3Font } from './fonts';
export const metadata: Metadata = {
title: "Frisspits - Professionele Schoonmaakdiensten",
description: "Frisspits: uw allround schoonmaakpartner in Friesland en omstreken.",
icons: {
icon: "/icons/favicon.ico",
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="nl" className={go3Font.variable}>
<body className={`flex flex-col min-h-screen bg-background font-go3`}>
<Header />
<main className="flex-1">{children}</main>
<Footer />
<Script
id="schema-org"
type="application/ld+json"
dangerouslySetInnerHTML={{
__html: JSON.stringify({
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Frisspits",
"description": "Professionele schoonmaakdiensten voor bedrijven en woningen in Friesland en omstreken.",
"url": "https://frisspits.nl",
}),
}}
/>
</body>
</html>
);
}
Project Information
-
Deployment URL or Custom Domain: rr – Deployment Overview – Vercel
-
Environment: production
-
Project Framework: Next.js 14
-
Build Settings:
-
Framework Preset: Next.js
-
Node/Runtime Version: v20.17.0
-
Package Manager: npm
-
Relevant Packages: dont think so
Questions
- Is there anything wrong with my current favicon configuration?
- Are there any additional steps I should take to ensure the favicon appears in search results?
- Could this be related to search engine caching, and if so, how long might it take for changes to appear?
Any help or insights would be greatly appreciated. Thank you!
