如何更改搜索结果中的 "created using create-react-app"？

Question

我正在尝试 post 我的投资组合中的 link 到 linkedin 并且它总是显示“使用 React 应用程序创建的网站”作为描述，这绝对是不会让它看起来很专业。它已部署在我的域中，但有什么方法可以摆脱我域中所有 create-react-app 默认内容 link?

Answer 1

更改 public 文件夹中 index.html 文件的描述和标题，然后重建您的应用程序

  <head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
  name="description"
  content="Web site created using create-react-app"
/>
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700" rel="stylesheet">

<title>React App</title>

Answer 2

您需要更改 public 文件夹中的 index.htm 文件，标题和元标记将包含此默认标题。

Answer 3

您需要将这些元标记添加到 index.html 的 header 此外，图像尺寸应至少为 1200x627（根据 linkedin documentation）

<head>
    <meta property="og:title" content="*TITLE*" />
    <meta property="og:image" content="%PUBLIC_URL%/linkedin.png" />
    <meta property="og:description" content="*DESCRIPTION*" />
</head>

如果您在 LinkedIn 识别新 header 时仍然遇到问题，请再次插入 url，但在 url 末尾使用随机参数。

因此，如果您的网站 url 是： https://www.example.com

尝试使用空参数再次添加 link： https://www.example.com?1

这应该会强制 linkedin 提取新的头部数据。

如何更改搜索结果中的 "created using create-react-app"？

How can I change "created using create-react-app" in search results?

javascript

reactjs

react-native

create-react-app