gpt4 book ai didi

html - 为完成的 react 应用程序创建样式化的 url

转载 作者:行者123 更新时间:2023-12-03 21:58:58 27 4
gpt4 key购买 nike

部署我的 react 应用程序后,我注意到当我在 whatsapp 上共享它时,链接看起来非常基本。

标题是“React App”,描述是“用 create-react app 创建的网站”。

我已经设法从 index.html 中的元数据更改标题和描述,并得到如下内容:

我的应用

我的描述

我试图让它看起来像这样:

enter image description here

我读过 React Helm ,但我不明白它是否适合我的情况。

提前致谢!

最佳答案

为了确定您的网站在社交媒体上的外观,您需要添加更多包含 Open Graph 数据的元标记。

// These are the 4 required properties, but there's more
<meta property="og:title" content="My Title">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.mycanonicalurl.com">
<meta property="og:image" content="mymainimage.jpg">

使用此协议(protocol),您可以告诉爬虫使用哪些属性来构成 WhatsApp、Facebook 等上的这些预览。

这是所有可用属性的文档:

https://ogp.me/

关于html - 为完成的 react 应用程序创建样式化的 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60692172/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com