我无法在网站的元数据中添加图像

Question

这是我的网站在谷歌上的样子：

图片

我想添加我的徽标。我尝试过将徽标添加到页面的元数据中，但它没有显示。

export const metadata: Metadata = {
  title: "CardCounter - Learn Blackjack and Card Counting",
  description:
    "Unlock the secrets of card counting with CardCounter. Master advanced blackjack strategies, boost your edge over the house, and start winning consistently! Whether you're a beginner or an experienced player, our expert card counting tips and blackjack tutorials will help you master the game. Learn to count cards, optimize your gameplay, and improve your odds at the table.",
  keywords:
    "Blackjack, card counting, learn blackjack, advanced card counting, card counting strategies, blackjack training, basic strategy, expert card counting tips, master blackjack",
  openGraph: {
    title: "CardCounter - Learn Blackjack and Card Counting",
    description:
      "Unlock the secrets of card counting with CardCounter. Master advanced blackjack strategies, boost your edge over the house, and start winning consistently! Learn expert tips and improve your odds.",
    url: "https://www.cardcounter21.com/home",
    images: [
      {
        url: "https://upload.wikimedia.org/wikipedia/commons/d/d5/Card-counter-logo.png",
        alt: "CardCounter Logo",
      },
    ],
  },
  robots: {
    index: true,
    follow: true,
  },
  alternates: {
    canonical: "https://www.cardcounter21.com/home",
  },
};

如果有人可以告诉 mw 如何添加我的徽标，以便当有人搜索我的网站时它会出现，我将不胜感激。

谢谢！

Answer 1

您要寻找的是

favicon.ico

，您需要做的就是使用大小为

.ico

像素的

16x16

文件，其名称必须为

favicon

，以便在搜索过程中可以找到它构建或开发时，您需要在

app

目录中添加此文件