Javascript 如何更改URL的链接预览？_Javascript_Reactjs

Javascript 如何更改URL的链接预览？

javascript reactjs

Javascript 如何更改URL的链接预览？,javascript,reactjs,Javascript,Reactjs,我不知道从哪里开始，我的网站默认链接预览如下：我不知道为什么它会显示引导，而不是我的站点中的内容。这是我试图分享的页面：所以我希望链接会有图片和标题（被遮住）但好的一面是，当你点击引导链接时，它将重定向到我的页面而不是引导页面，但我仍然无法得到的是，为什么它显示引导而不是页面上的内容？我在哪里可以换谢谢你的帮助您需要使用或之类的工具来正确设置数据。您要设置的数据将是可以找到的openGraph数据。您的问题是中的这一行：这会告诉机器人程序、网络爬虫程序以及所有人，该页面与其他页

我不知道从哪里开始，我的网站默认链接预览如下：我不知道为什么它会显示引导，而不是我的站点中的内容。这是我试图分享的页面：

所以我希望链接会有图片和标题（被遮住）

但好的一面是，当你点击引导链接时，它将重定向到我的页面而不是引导页面，但我仍然无法得到的是，为什么它显示引导而不是页面上的内容？我在哪里可以换

谢谢你的帮助

您需要使用或之类的工具来正确设置

数据。您要设置的数据将是可以找到的openGraph数据。

您的问题是

中的这一行：

这会告诉机器人程序、网络爬虫程序以及所有人，该页面与其他页面完全相同。它甚至更进一步，表明这是您页面的正确URL

大多数自动化系统会在看到

标记后停止解析您的页面，而是像解析当前页面一样解析链接页面。这就是Facebook等从中获取引导元数据的地方

TL；DR:删除此行

作为将来的参考，您可以使用Facebook来解决此类问题。对于给定的URL，这是当前结果：

请注意规范URL和重定向路径字段，它们表示我的上述诊断。

不确定这是否是您正在寻找的答案，但我正在搜索如何更新您的react应用程序在其他应用程序中预览链接时显示的信息。我尝试的每个解决方案都不能使用github页面和react（react头盔、react元标记、react文档元）。最终起作用的是，您可以编辑

public

文件夹中的

index.html

来更改此信息。在头脑中的某个地方包括：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/IMDB.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <title>IMDB</title>
    <meta property="og:audio" content="http://example.com/bond/theme.mp3" />
    <meta property="og:description" 
      content="Sean Connery found fame and fortune as the
               suave, sophisticated British agent, James Bond." />
    <meta property="og:determiner" content="the" />
    <meta property="og:locale" content="en_GB" />
    <meta property="og:locale:alternate" content="fr_FR" />
    <meta property="og:locale:alternate" content="es_ES" />
    <meta property="og:site_name" content="IMDb" />
    <meta property="og:video" content="http://example.com/bond/trailer.swf" />


IMDB

您还可以使用API动态缩短链接，并发送希望在社交平台上显示的数据，然后在共享按钮中使用此缩短链接。

您的问题是专门针对Facebook的链接预览吗？@MTCoster否，我刚刚在facebook上发布了一个例子，你能告诉我们你正在测试的URL吗？这里是@MTCoster