آیکن سایت نکست جی اسی فیکس نمیشه

---

شرح پروژه

سلام. وقتتون بخیر. 

اگه تجربه توسعه وب سایت با فرانت next.js دارید لطفا پیشنهاد ثبت کنید.

مشکلی که دارم اینه که آیکن سایت فیکس نمیشه. در واقع وقتی سایت توی مرورگر باز هست، توب تب مرورگر، آیکن رو درست نشون میده ولی وقتی گوگل سایت رو ایندکس کرده، با آیکن پیشفرض نکست جی اس ایندکسش کرده و توی SERP آیکن مثلثی نکست جی اس رو دارم. نه آیکن سایت خودم.

کارایی که کردم:

پریروز سایت رو زدم که ایندکس بشه. 

1. شرایط 2 روز پیش

1. یه فایل favicon.ico توی پوشه app پروژه گذاشتم.
2. یه فایل brand_favicon.ico هم توی پوشه public نکست جی اس گذاشتم. از layout اصلی پروژه بهش لینک دادم: 

export const metadata: Metadata = {
   title: `${process.env.OFFICE_NAME}`,
   description: `${process.env.OFFICE_DESK}`,
   icons: {
      icon: [
         { rel: "icon", url: "/brand_favicon.ico" },
         { rel: "shortcut icon", url: "/brand_favicon.ico" },
      ],
      apple: [
         { rel: "apple-touch-icon", url: "/brand_favicon.ico" }
      ]
   }
};

با این شرایط ایندکس شد و این مشکل پیش اومد. البته اندازه آیکن 32px بوده

2. دیروز کاری که انجام دادم این بود که یه فایل 48px*48px از آیکن سایت درست کردم. 

. فایل brand_favicon.ico رو از پوشه پابلیک پاک کردم. لینکش از فایل layout رو هم پاک کردم. سپس یه فایل favicon.ico توی پوشه پابلیک گذاشتم. 

. فایل favicon.ico که توی پوشه app بود رو هم پاک کردم. 

. تایتل صفحه رو تغییر دادم تا صفحه اصلی سایت دوباره ایندکس بشه. 

امروز که SERP رو میبینم تایتل جدید اومده ولی آیکن همچنان همون آیکن مثلثی نکست جی اس هست. 

لطفا دقت داشته باشید که توی https://example.com/favicon.ico آیکن سایت به درستی نمایش داده میشه. 

کش هم تا جایی که چک کردم نداره. cache-control : max-age:0 برای فاوآیکن زده.

مهارت ها و تخصص های مورد نیاز

---

---