nNetflix如何生成HTML标题，没有相应HTML代码的og标签

问题描述 投票：-1回答：1

我通过电讯与我的朋友分享了一个Netlfix系列，并发现它具有不错的预览图像。我想知道Netflix如何生成其元标记，例如标题，说明和用于预览的标记。

big bang theory

因此，我查看了页面的源代码。让我们enter code here以大爆炸理论为例：https://www.netflix.com/title/70143830

我发现页面的title仅是Netlfix，并且在源代码中找不到任何og标记。据我了解，og标记应包含在源代码中。

enter image description here

有人知道如何在不将元数据添加到源代码的情况下实现它吗？欢迎任何提示，关键字或教程！

seo facebook-opengraph
1个回答
0
投票

我认为您正在寻找的是ogp.me中记录的Open Graph协议。

使用这样的最小实现：

<html prefix="og: http://ogp.me/ns#">
<head>
<title>Pears</title>
<meta property="og:title" content="Pears" />
<meta property="og:description" content="Pears are a delicious fruit.  You should taste them!" />
<meta property="og:image" content="https://i.imgur.com/w8nXpYN.png" />
...
</head>
...
</html>

共享到此页面的链接，将电报呈现为：

telegram screenshot

EDIT：如果您希望图像更大，并出现在描述文本下方，则似乎可以进行以下操作：

<meta name="twitter:card" content="summary_large_image"/>

关于问题中的netflix链接，如果您用curl -i击中它，您可能会发现它返回301重定向到添加了区域的URL。用curl命中第二个URL，您将能够找到所需的数据。

[我注意到它还包含一个<script type="application/ld+json">标记，其中包含一组相似的信息，如Google的文章Understand how structured data works所述。但是，Telegram似乎没有渲染此图像，而是在上面的示例中更喜欢<meta>标签。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.