我的网站上有一个博客部分，里面有各种帖子。当用户点击任何帖子时，它都会导航到帖子详细信息页面。我在那个页面上有一个谷歌+共享按钮。gshare按钮正在工作，但问题是它没有显示正确的图像，现在当点击它进行共享时，它也会显示帖子的标题。下面是我用来生成按钮的代码
<html>
<head>
<title>Share demo: Basic page</title>
<link rel="canonical" href="http://europa.promaticstechnologies.com/socialfit360/cmspages/blog2/IixTQGAKYAo=" />
<script src="https://apis.google.com/js/platform.js" async defer>
</script>
</head>
<body>
<g:plus action="share"></g:plus>
</body>
</html>
head标签中的href是我网页的链接。我使用的是cakepp框架，所以我把布局文件中的元标记放在了head标记中。
<meta property="og:title" content="<?php echo $blog['ManageBlog']['title']; ?>" />
<meta property="og:image" content="<?php echo HTTP_ROOT.'img/club_home/'.$blog['ManageBlog']['picture']?>" />
在完成所有这些之后，当我点击分享按钮时，它给出的标题是我网站的默认标题，而不是我的博客文章标题，描述是正确的，但图片也不正确，它总共获取了3张图片，可能会发布的图片排在第三位。当我们选择正确的图像描述时，图像上有下一个和上一个按钮。我不知道发生了什么。我尝试了链接中指定的所有内容。我还尝试了Schema.org微数据和Open Graph协议。
google+显示我帖子错误图像的原因是图像尺寸。你的帖子图片至少有300px的高度和300px的宽度。在我的案例中，为什么谷歌会获取错误的图像，因为错误的图像比我发布的缩略图图像膨胀得更大。当我上传更大尺寸的图像时，它会获取正确的图像。