在 Skype、Facebook 等中链接时显示正确的页面名称

Question

我搞不懂这个，所以我只是制作了一个小网页，当我 link 它在 skype/facebook 时，我没有在 [=] 中得到页面的名称20=] 但我得到了。

"Open classfields installation"，我假设这是我之前在同一域中测试的 "web platform"。

我该如何更改？我的 <head> 看起来像这样

<meta charset="utf-8">
<title>My website title</title>
<meta name="viewport" content="initial-scale=1">
<link href="images/small_icon.png" rel="icon">
<meta name="description" content="My description">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="style/stylesheet.css">

Answer 1

首先，请绝对确保您分享的是正确的 URL。我知道这听起来很愚蠢，但你应该确保你期望的页面确实存在（而不是被 302 重定向到，或在 iframe 中，或类似的东西）。

确定后，您可以查看页面本身。根据您所写的内容，您可能需要添加 OpenGraph meta tags 以帮助网站清楚地查看页面详细信息，例如：

<meta property="og:title" content="Introducing our New Site"> 
<meta property="og:image" content="images/myimage.jpg"> 
<meta property="og:description" content="My amazing new site is amazing">

完成后，您可以要求 Facebook 使用他们的 URL Linter:

获取最新版本（否则它将是缓存版本）

https://developers.facebook.com/tools/debug/

您还可以调试 OpenGraph 标签以确保它也能识别它们。

我认为没有办法强制 Skype 获得新版本的 URL，但 OpenGraph meta 标签可能会帮助它看到你想让它看到的内容。

Answer 2

尝试使用以下元数据

<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

在 Skype、Facebook 等中链接时显示正确的页面名称

Show correct page name when linking in Skype, Facebook, etc

html

facebook

skype