如何在Facebook上实现共享时显示特定的图像作为缩略图？
我正在尝试分享这个方法。 我使用的代码如下
http://www.facebook.com/share.php?u=my_website_url 现在，当Facebook显示在左侧显示一些缩略图。 这些图像是从我的网站上挑选的。 我如何select一个特定的图像作为缩略图，或者至less停止显示缩略图？
你可以用我的博客地址进行检查。
这篇博文似乎有你的答案： http : //blog.capstrat.com/articles/facebook-share-thumbnail-image/
具体来说，使用如下所示的标签：
<link rel="image_src" type="image/jpeg" href="http://www.domain.com/path/icon-facebook.gif" />
图像的名称必须与示例中的名称相同。
点击“确认预览”
注意：标签可以是正确的，但是根据他们的文档，Facebook只能每24小时擦一次。 使用Facebook Lint页面将图像inputFacebook。
从Facebook的规范，使用这样的代码：
<meta property="og:image" content="http://siim.lepisk.com/wp-content/uploads/2011/01/siim-blog-fb.png" />
来源： Facebook分享
我的标签是正确的，但根据他们的文件，Facebook只会每隔24小时擦一次。 使用Facebook Lint页面将图像转化为Facebook。
在这里input您的url，FB会更新您网页的元数据：
Facebook使用og:tags和Open Graph Protocol来parsing在共享对话框或Facebook上的新闻提要中预览您的URL时要显示的信息。
og:tags包含以下信息：
- 页面的标题
- 页面的types
- url
- 网站名称
- 页面的描述
- Facebook的user_id的页面pipe理员（在脸书上）
这是一个例子（取自facebook文档 ）的一些og:tags
<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"/>
一旦你已经实现了og:tags的正确标记，并设置它们的值，你可以testingFacebook如何使用Facebookdebugging器来查看你的URL。 debugging器工具还会突出显示使用页面上的og:tags发现的任何问题或缺less的问题。
有一件事要记住的是，Facebook 确实对这些信息做了一些caching，所以为了使更改生效，您的页面将不会像文档中所述的那样被刮掉 ：
编辑Meta标签
您可以通过更新页面的标签来更新页面的属性。 请注意，og：title和og：type只能在最初编辑 – 在您的页面获得50个喜欢标题变得固定后，并且在您的页面收到10,000个喜好后，types变得固定。 这些属性是固定的，以避免令人惊讶的用户已经喜欢的页面。 达到这些限制后，更改标题或types标签什么也不做，您的页面保留原来的标题和types。
要在Facebook上反映这些变化，您必须强制您的页面被刮掉。 当页面的pipe理员点击Likebutton或当URLinput到
Facebook URL LinterFacebookdebugging器中时，该页面被抓取。
我看到所有提供的答案都是正确的。 然而，忽略了一个重要的细节：图像的大小必须至less为200 X 200像素，否则Facebook会用符合页面标准的第一个可用图像replace缩略图。 另一个事实是，所需的最低限度是包含Facebook为了使og：image生效所需的3个元素：
<meta property="og:title" content="Title of the page" /> <!-- NEXT LINE Even if page is dynamically generated and URL contains query parameters --> <meta property="og:url" content="http://yoursite.com" /> <meta property="og:image" content="http://convertaholics.com/convertaholics-og.png" />
用Facebookdebugging器debugging你的页面，并修复所有的警告，它应该像一个魅力工作！ https://developers.facebook.com/tools/debug
我有同样的问题，相信我已经解决了。 我使用这里提到的链接元标记来指向我想要的图像，但关键是如果你这样做，FB不会拉动任何其他图像作为select。 另外如果你的图片太大，你根本就没有任何select。
以下是我如何修复我的网站http://gnorml.com/blog/facebook-link-thumbnails/
在Facebook上分享：如何通过自定义图片，标题和文字来改善您的结果
从上面的链接。 为了获得最佳的分享效果，您需要在HTML中提供3条数据：
- 标题
- 简短的介绍
- 图片
这由下面完成，放置在您的HTML的“头”标记：
- 标题：
<title>INSERT POST TITLE</title> - Image：
<meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/> - 描述：
<meta name=description content="INSERT YOUR SUMMARY TEXT"/>
如果您的网站是静态HTML，则必须使用HTML编辑器为每个网页执行此操作。
如果你使用像Drupal这样的CMS，你可以自动化很多（见上面的链接）。 如果你使用wordpress，你可以用Drupal的例子来做一些类似的工作。 我希望你发现这些有用的。
最后，您可以随时手动修改您的分享信息。 看到这个例子的插图 。
我上个星期在一个网站上也有一个问题。 我实施了一个像框，并testing了像框。 然后我继续添加一个图像到我的头（ob：图像元）。 仍然正确的图像没有显示在我的Facebook通知。
我尝试了一切，得出的结论是每一个像button的实现都被caching。 所以我们假设你在URL A上点击Likebutton，然后在标题中指定一个图像，然后通过在URL A上再次单击Lukebutton来testing它。当页面被caching时，你将不会看到图像。 点击页面上的Likebutton，图像就会显示出来。
要重置caching，你必须使用上面提到的lintdebugging器工具，并且对那些被caching的Url进行validation…这是唯一对我有用的东西。
我发现为每个Joomla文章设置Facebook Open Graph最简单的方法是放置在com_content / article / default.php覆盖，下一个代码：
$app = JFactory::getApplication(); $path = JURI::root(); $document = JFactory::getDocument(); $document->addCustomTag('<meta property="og:title" content="YOUR SITE TITLE" />'); $document->addCustomTag('<meta property="og:name" content="YOUR SITE NAME" />'); $document->addCustomTag('<meta property="og:description" content="YOUR SITE DESCRIPTION" />'); $document->addCustomTag('<meta property="og:site_name" content="YOUR SITE NAME" />'); if (isset($images->image_fulltext) and !empty($images->image_fulltext)) : $document->addCustomTag('<meta property="og:image" content="'.$path.'<?php echo htmlspecialchars($images->image_fulltext); ?>" />'); else : $document->addCustomTag('<meta property="og:image" content="'.$path.'images/logo.png" />'); endif;
这将把Meta og标签放在头部，并带有当前文章的细节。
这是如何工作的：
-
您需要能够访问您正在共享的特定网页上的HTML。 如果你使用一个公共的头文件，它可能也会在网站上工作。 我还没有尝试过，但它应该工作。 如果你这样做，你只会得到所有页面相同的图像。
-
您需要将这些HTML元标记添加到页面中。 如果你把它放进去，它将不起作用。 确保按照您的a）图片，b）描述，c）URL和d）标题进行定制。
一个真实的例子。
<meta property="og:image" content="http://www.coachesneedsocial.com/wp-content/uploads/2014/12/BannerWCircleImages-1.jpg" /> <meta property="og:description" content="Coaches share their secrets to success so you can rock 2015." /> <meta property="og:url"content="http://www.coachesneedsocial.com/coacheswisdomtelesummit/" /> <meta property="og:title" content="Coaches Wisdom Telesummit" />
- 保存
- 打开一个新的Facebook的post，然后重试你想分享的页面。
- 如果你有麻烦…你可以使用这个Facebook工具进行debugging。 它看起来比它更怪异。 它告诉你Facebook在分享URL时看到的是什么。
https://developers.facebook.com/tools/debug/og/object/
大提示..确保在你的HTML中“引号”是一样的（它们应该看起来像2个直线标记，没有曲线…有时程序会将这些字体变成不同的字体，并且会把代码搞乱。
