时间戳

首页 > 解决方案 > 在您自己的网站上共享带有缩略图的链接

javascript - 在您自己的网站上共享带有缩略图的链接

问题描述

我需要一些方向。我正在用 django 构建一个社交媒体网站，我正在尝试将其设计为 twitter/facebook，这样当有人发布链接时——比如来自《纽约时报》——它会显示文章的标题以及随附的缩略图. 问题是：我什至不知道这叫什么，也不知道如何开始。有人可以指出我正确的方向吗？即使只是一个术语我可以谷歌了解更多？在此处输入图像描述

标签： javascripthtmlcssdjangotwitter

解决方案

这称为 Meta 标签和 OpenGraph 标签。您可以为一般用途添加元标记，Open Graph 标记将帮助您自定义网站的预览，例如 Facebook 和 Twitter。

您需要将 meta 和 og(OpenGraph) 标签添加到您的网站标题部分。请参阅下面的示例元标记，

  <meta name="description" content="My website description">
  <meta name="keywords" content="Some,Tags,Here">
  <meta name="author" content="Your Name">

请注意，并非所有内容共享平台都支持 OpenGraph。有些确实使用元标记来生成他们的预览。

请参阅下面的一些示例 OG 标签，

<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />

您可以在此处阅读有关 OG 的更多信息https://ogp.me/

推荐阅读