Question

我正在使用类似于此的共享链接：

<a href="https://plus.google.com/share?url=[URL]" onclick="javascript:window.open(this.href,
'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img
src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Share on Google+"/></a>

我不确定如何设置要在共享窗口中显示的图像。

我查了一遍并尝试了这个解决方案：

<html itemscope itemtype="http://schema.org/Article">
<meta itemprop="image" content="[IMG-LINK]">

有什么想法吗？

Answer 1

Google+分享会从元标记和规范链接中获取所有属性。

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

这是一个链接：http://www.w3docs.com/learn-javascript/google-share.html

Answer 2

实际上我已经有了解决方案，但我在本地进行测试，而且Google+无法访问我的网站以提取信息。在免费服务器上托管这个后，我设法测试它的工作。

您可以看到演示here

Google+和Facebook都使用meta item：

中定义的图片

<html itemscope itemtype="http://schema.org/Article">
<meta itemprop="image" content="[IMG-LINK]">

此外，为了进行额外测试，我将链接添加为goo.gl短链接，并且工作正常。

如何通过Google+共享页面时设置显示图像？

2 个答案: