Google+分享页面时如何设置显示图片？

Question

我正在使用与此类似的共享 link：

<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>

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

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

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

有什么想法吗？

Answer 1

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

你可以看到演示here

Google+ 和 Facebook 都使用 meta item 中定义的图像：

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

此外，为了进行额外的测试，我将 link 添加为 goo.gl 短 link，它工作得很好。

Answer 2

Google+ share 从元标记和规范中获取所有属性 link.like

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

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

Google+分享页面时如何设置显示图片？

How to set a display image when sharing a page through Google+?

html

google-plus