Question

我正在尝试设置一个页面，当它被共享/喜欢时，可以被Facebook正确地抓取。该页面将包含与之关联的YouTube视频，因此在og：video标签的内容属性中，我是否应该使用“预览”按钮将YouTube视频嵌入链接或实际的YouTube页面链接显示在Facebook上在Facebook上播放视频？

希望有人可以帮忙！谢谢！

Answer 1

您有两种选择。您可以将og:video设置为https://www.youtube.com/v/YOUTUBECODE，也可以将og:url设置为YouTube页面。

在我的示例中，我将此视频https://www.youtube.com/v/BQBjVr1iHH4嵌入到以下页面https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40中。我想Facebook每当有人在Facebook上分享我的页面时都会显示YouTube视频。

选项1：将og:video设置为https://www.youtube.com/v/YOUTUBECODE

元标记看起来像

<meta property='og:video' content='https://www.youtube.com/v/BQBjVr1iHH4' />

请注意，YouTube网址的结构与典型网址不同。您需要从YouTube链接中隔离“v”查询，并以我上面显示的og:video链接格式使用它。在我的示例中，v的值为BQBjVr1iHH4。

选项2：将og:url设置为YouTube页面。

如果您无法隔离v代码，则可以将og:url代码设置为YouTube页面。在我的例子中，它看起来像这样：

<meta property='og:url' content='https://www.youtube.com/watch?v=BQBjVr1iHH4' />

这将告诉Facebook从https://www.youtube.com/watch?v=BQBjVr1iHH4获取Open Graph标记并在嵌入中使用它。这意味着说明和标题将来自YouTube页面。但是，如果有人点击该链接，他们就会转到您的网站。

在我的示例中，如果有人在使用第二个选项时粘贴以下链接https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 Facebook会看到网址设置为YouTube并查询该YouTube链接以获取OG信息。一切看起来都像YouTube ，链接将点击https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40

另一个注意事项：确保使用 https ，而不是 http 。 Facebook不会在网站上嵌入任何非安全视频。

Answer 2

您可以在YouTube页面的源代码中看到og:video标记采用以下格式

<meta property="og:video" content="http://www.youtube.com/v/k86xpd26M2g">

您还可以在以下网址的源代码中看到简化的YouTube元数据示例：http://fb.stevelarsen.co.uk/example.html

您可以在此处阅读有关Open Graph协议的更多信息：http://ogp.me/

Answer 3

这是我发现的：

使用Facebook的开放式图形协议，Publisher现在可以使用来自任何URL的任何视频，只要该URL在其HTML的<head>中具有正确格式化的元数据即可。以下是<head>：

中应包含的信息列表

缩略图图片的网址：

<meta property="og:image" content="image_src URL">

SWF网址：

<meta property="og:video" content="video_src URL">

您网页的网址：
```
<meta property="og:url" content="URL">
```

名称：

<meta property="og:title" content="title">

说明

<meta property="og:description" content="description">

视频像素宽度：

<meta property="og:video:width" content="video_width">

视频像素高度：

<meta property="og:video:height" content="name="video_height">

内容类型：

<meta property="og:type" content="video">

Answer 4

<html xmlns:og="http://ogp.me/ns#"> 
    <head>
        <!-- ... -->
        <!-- [REQUIRED TAGS] -->
        <meta property="og:video" content="http://example.com/awesome.flv" />
        <meta property="og:video:height" content="640" />
        <meta property="og:video:width" content="385" />
        <meta property="og:video:type" content="application/x-shockwave-flash" />
        ...
    </head>

.flv文件的链接....查看https://developers.facebook.com/docs/opengraph/#types

Answer 5

对于那些偶然发现facebook提供的调试器的人，请注意以下事项：

当您登录调试器时，您处于https会话下。要在调试中查看您的视频，您需要在meta中添加视频的安全网址。添加youtube视频很简单，只需将页面网址放在og：url中即可。

花了一个小时来得出这个结论。太晚了我太累了，现在想睡觉:)。

Answer 6

我明白了。我看了一下Collegehumor.com是如何做到的，它们包含了一些Facebook API中没有提到的东西。而不仅仅是以下内容：

<meta name="og:video" content="whatever"></meta>
<meta name="video_style" content="whatever"></meta>
<meta name="video_height" content="whatever"></meta>
<meta name="video_width" content="whatever"></meta>

你还需要link rel="video_src"而且videothumbnail和og:image也有帮助 - 我不完全确定是哪一个做了但你去了。这有效：）

打开图表og：视频元标记内容

6 个答案: