无法生成我们网站网页的链接预览

Question

我创建了一个 React SPA。但是当我共享链接时，它既不生成链接预览，也不生成描述和标题。我使用来自 metatags.io 的元标签进行预览，但它不起作用。该网站部署在Vercel

在我的

index.html

文件中，我添加了这些元标记：

<title>My website</title>
<meta name="title" content="My website" />
<meta name="description" content="Lorem ipsum dolor sit" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.mywebsite.io/" />
<meta property="og:title" content="My website" />
<meta property="og:description" content="Lorem ipsum dolor sit" />
<meta property="og:image" content="./favicon.png" />

Answer 1

使用react-helmet和那些OG标签，我希望它能解决你的问题