Question

我希望每当有人发布我的网址时，都会通过Google Plus提取和显示我的帖子图片。

我对所有这些opengraph / schema格式感到困惑。

它在Facebook和Twitter上工作正常，我可以在调试器工具（facebook's和google's）上看到正确构建的数据。

这是我的blog和sample post，这是我的HTML的样子：

<head>
  ...
  <meta name="description" content="{{post.excerpt}}">
  <meta property="og:type" content="article">
  <meta property="og:url" content="{{post.permalink}}">
  <meta property="og:title" content="{{post.title}}">
  <meta property="og:description" content="{{post.excerpt}}">
  <meta property="og:image" content="{{post.image}}"> <!-- absolute path here -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="{{twitterProfile}}">
  <meta name="twitter:image:src" content="{{post.image}}"> <!-- absolute path here -->
  ...
</head>
<body>
  ...
  <article itemscope itemtype="http://schema.org/Article">
    <meta itemprop="inLanguage" content="pt-BR">
    <meta itemprop="inFamilyFriendly" content="True">
    <meta itemprop="image" content="{{post.image}}">  <!-- absolute path here -->
    <div class="post-hero">
      <section itemprop="associatedMedia" style="background-image: url({{post.image}});">
      </section> <!-- absolute path here -->
      <section>
        <h1 itemprop="headline name">
          <a itemprop="url" href="{{post.permalink}}" title="{{post.title}}">{{post.title}}</a>
        </h1>
        ...
      </section>
      ...
    </div>
    ...
  </article>
  ...
</body>

我错过了什么吗？我应该将我的文章范围移动到HTML标记吗？如果是这样，为什么？

Answer 1

看起来这是一个缓存问题。我在网址上附加了一个查询字符串，图片被拉了起来。

Google Plus图片共享问题

1 个答案: