Google 加分享 - 图片错误

Question

我正在尝试处理 G+ 共享的一个奇怪行为。我写了两个轻量级 HTML 页面来演示我的问题。这些页面几乎完全相同，除了它们正文中的图像。在第一页上，内容图像比 og:image 大得多。在第二页，内容图片比 og:image.

略小

第 HTML 页：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta property="og:title" content="Test page" />
        <meta property="og:description" content="This is page for G+ strange behavior testing." />
        <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/wikimania2014/thumb/e/e2/Ask-Logo-Small.jpg/250px-Ask-Logo-Small.jpg" />
        <title>Test page</title>
    </head>
    <body>
        <div>
            <p>Hello world!</p>
            <img src="https://upload.wikimedia.org/wikipedia/commons/3/3f/Fronalpstock_big.jpg" />
        </div>
    </body>
</html>

第二 HTML 页：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta property="og:title" content="Test page" />
        <meta property="og:description" content="This is page for G+ strange behavior testing." />
        <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/wikimania2014/thumb/e/e2/Ask-Logo-Small.jpg/250px-Ask-Logo-Small.jpg" />
        <title>Test page</title>
    </head>
    <body>
        <div>
            <p>Hello world!</p>
            <img src="http://previewcf.turbosquid.com/Preview/2014/07/05__19_56_51/01.jpg90ddaa05-e3a9-4607-b466-29ade8412934Small.jpg" />
        </div>
    </body>
</html>

问题在于，在第一种情况下，G+ 显示正文中的图像（忽略 og:image）。在第二种情况下，G+ 按预期显示 og:image。

我也尝试过使用模式微数据，但行为是一样的。我使用 https://plus.google.com/share?url=PAGE_URL.

共享页面

Answer 1

已解决！原因是在第二种情况下，og:image 的宽度小于 G+ 要求的宽度。

Google 加分享 - 图片错误

Google Plus sharing - wrong image

google-plus