使用共享按钮时更改图像答案

【问题标题】：Change image when using share buttons使用共享按钮时更改图像
【发布时间】：2016-01-11 23:46:02
【问题描述】：

我正在使用以下代码在我的网站上使用自定义按钮进行分享：

<div id="share_buttons">
    <img src="images/facebook.png" onclick="popup('http://www.facebook.com/share.php?u=<?php echo $URL; ?>', 'Share on Facebook');">
    <img src="images/twitter.png" onclick="popup('http://twitter.com/intent/tweet?status=<?php echo $coil->name . " at: " . $URL; ?>', 'Share on Twitter');">
    <img src="images/googleplus.png" onclick="popup('https://plus.google.com/share?url=<?php echo $URL; ?>', 'Share on Google+');">
</div>

问题是，当我共享页面时，它会从单击的按钮中选择图像。我没有使用任何 Twitter、Facebook 或 google 的 API，因为它们不允许我使用自定义图像（据我所知）。我想为共享定义一个图像，以便在有人共享它时拥有。这将如何完成？谢谢。

【问题讨论】：

你查看过这篇文章了吗：stackoverflow.com/questions/689295/…
@MaihanNijat 我都试过了，og:image
出了什么问题？ Facebook 将抓取 URL 并使用 og:image。
@WizKid 这需要多长时间，如果我使用 API 是否重要？
需要多长时间？为什么这有关系？同一个网址应该共享同一张图片

标签： php html facebook google-plus share

【解决方案1】：

我添加了以下元标记以使其正常工作。根据我的测试，它只有在您拥有所有这四个时才有效。

<meta property="og:image" content="url/path/to/image" />
<meta property="og:description" content="Text that will be displayed below title" />
<meta property="og:url"content="URL of page" />
<meta property="og:title" content="Title of shared post" />

如果您遇到问题，可以尝试使用 Facebook 调试器查看 Facebook 看到的内容。 https://developers.facebook.com/tools/debug/

【讨论】：