当使用Facebook Sharer时,Facebook将为用户提供使用从源中提取的几个图像中的一个作为他们的链接预览的选项。如何选择这些图像,以及如何确保页面上的任何特定图像始终包含在此列表中?


当前回答

安全HTTPS

<meta property="og:image:secure_url" content="https://image.path.png" />

其他回答

把下面的标签放在头部:

<link rel="image_src" href="/path/to/your/image"/>

从http://www.facebook.com/share_partners.php

至于它在没有这个标记的情况下选择什么作为默认值,我不确定。

我无法让Facebook从特定的帖子中选择正确的图像,所以我做了这个页面上概述的事情:

https://webapps.stackexchange.com/questions/18468/adding-meta-tags-to-individual-blogger-posts

换句话说,是这样的:

<b:if cond='data:blog.url == "http://urlofyourpost.com"'>
  <meta content='http://urlofyourimage.png' property='og:image'/>
 </b:if>

基本上,你要硬编码一个if语句到你的网站的HTML中,让它改变元内容,不管你为那篇文章改变了什么。这是一个混乱的解决方案,但它有效。

旧方法,不再有效:

<link rel="image_src" href="http://yoururl/yourimage"/>

报告新方法,也不奏效:

<meta property="og:image" content="http://yoururl/yourimage"/>

在我执行它的第一天,它随机地断断续续地工作,从那以后就再也没有工作过。

Facebook linter页面,一个检查你的页面的实用工具,报告一切都是正确的,并显示我选择的缩略图…只是share.php页面本身似乎不能正常工作。肯定是Facebook的一个bug,他们显然不愿意修复,因为我在他们的系统中看到的关于这个问题的每个bug报告都说已经解决或修复了。

为了改变标题,描述和图像,我们需要在头部标签下添加一些元标签。

第一步: 在头部标签下添加元标签

<html>
<head>
    <meta property="og:url" content="http://www.test.com/" />
    <meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
    <meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
    <meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />

下一步: 点击下面的链接 https://developers.facebook.com/tools/debug

在您提到标签的文本框(例如http://www.test.com/)中添加您的URL。 点击DEBUG按钮。

它的完成。

你可以在这里验证https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/

在上面的url, u =你的网站链接

享受! !

当你在Facebook上分享时,你必须在标题部分添加你的html下一个元标签:

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

就是这样!

添加按钮,因为你应该根据FB告诉你。

你需要的所有信息都在www.facebook.com/share/