共享嵌入 YouTube 视频的网页不会共享网页文本

发布于 2024-12-02 21:03:17 字数 707 浏览 0 评论 0原文

我在我的网站上添加了 Facebook“点赞”按钮,并且正在分享嵌入 YouTube 视频的帖子。

问题在于 Facebook 上的这些共享页面仅显示视频预览图像和网页标题。它不显示网页文本。请注意,我并不是想分享视频本身,只是分享预览图像、网页标题和描述。

奇怪的是我的一些 YouTube 视频帖子会从网页中提取描述。我网站上的所有其他共享帖子都工作正常。

至于一些例子...

http://mantrasoftware.net /2011/09/02/staind-not-again-official-video/ - 此页面仅在分享到 Facebook 时显示预览图像和网页标题。

http://mantrasoftware.net/2011/08/29/ trackmania-2-canyon-educational-video/ - 此页面显示预览图像、网页标题和网页描述(帖子文本)。

我无法弄清楚这两个页面在 Facebook“点赞”目的方面有何不同。任何帮助将不胜感激。

I've added a Facebook "Like" button to my website and I'm sharing posts with embedded YouTube videos.

The problem is that these shared pages on Facebook are just displaying the video preview image and webpage title. It doesn't display the webpage text. Note that I'm not trying to get the video itself to share, just the preview image, webpage title and description.

The weird thing is SOME of my YouTube video posts will extract the description from the webpage. All other shared posts from my website work fine.

As for some examples...

http://mantrasoftware.net/2011/09/02/staind-not-again-official-video/ - This page will only show the preview image and webpage title when shared to Facebook.

http://mantrasoftware.net/2011/08/29/trackmania-2-canyon-educational-video/ - This page shows the preview image, webpage title AND the webpage description (post text).

I can't figure out where these 2 pages differ for Facebook "Like" purposes. Any help would be appreciated.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梦途 2024-12-09 21:03:17

您应该尝试添加 og 描述标签。

更多信息可以在这里找到:https://developers.facebook.com/docs/opengraph/

此描述标签包含帖子文本。

You should try adding the og description tag.

More info can be found here: https://developers.facebook.com/docs/opengraph/

This description tag contains what shall be the post text.

甲如呢乙后呢 2024-12-09 21:03:17

您需要向页面添加一些额外的元标记...
您可以阅读开放图协议了解更多详细信息...
基本上你需要将这些标签添加到你的页面 -

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">
  <head>
    <title>The Rock (1996)</title>
    <meta property="og:title" content="The Rock"/>
    <meta property="og:type" content="movie"/>
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
    <meta property="og:site_name" content="IMDb"/>
    <meta property="fb:admins" content="USER_ID"/>
    <meta property="og:description"
          content="A group of U.S. Marines, under command of
                   a renegade general, take over Alcatraz and
                   threaten San Francisco Bay with biological
                   weapons."/>
    ...
  </head>
  ...
</html>

You'll need to add some extra meta tags to your pages...
You can read about the Open Graph Protocol for more details...
Basically you need to add these tags to your page -

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">
  <head>
    <title>The Rock (1996)</title>
    <meta property="og:title" content="The Rock"/>
    <meta property="og:type" content="movie"/>
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
    <meta property="og:site_name" content="IMDb"/>
    <meta property="fb:admins" content="USER_ID"/>
    <meta property="og:description"
          content="A group of U.S. Marines, under command of
                   a renegade general, take over Alcatraz and
                   threaten San Francisco Bay with biological
                   weapons."/>
    ...
  </head>
  ...
</html>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文