填充+代码段

Question

我在我的网站页面上使用Twitter，谷歌+和Facebook分享，Facebook和Twitter工作得很好但在Google+中它采用共享链接的默认图像。我希望它是我自己的形象，因为我在Facebook.I试过了：

- 来自http://www.addthis.com/。

    <!-- Place this tag after the last share tag. -->
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>

-from https://developers.google.com/+/web/share/

为图像设置架构的所有方法 - 来自https://developers.google.com/+/web/snippet/ 但是它们似乎都不能正常工作。是否有另一种方法可以完成它。？

Answer 1

填充+代码段

的方法

使用Schema.org微数据（推荐方式）：

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="{image-url}" />
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

使用Open Graph属性：

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

标题和元“描述”标签：

如果网页的<head>元素包含<title>和<meta name="description" ... />标记，则+代码段会使用描述元标记的标题和内容属性作为代码段说明。对于缩略图图像，共享框尝试在页面上找到合适的图像。

<title>...</title>
<meta name="description" content="..." />

来自网页内容的最佳猜测（不推荐）： 如果以前的数据都不存在，Google会解析该页面并尝试查找最佳标题，说明和图片。

摘自documentation。

希望这有帮助！

Answer 2

如果您想将您的用户带到另一个标签，请使用以下代码。

<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" >Share on Google+</a>

如果您想要弹出窗口，请使用以下代码。

<a href="#" onclick="popUp=window.open('https://plus.google.com/share?url=<?php the_permalink(); ?>', 'popupwindow', 'scrollbars=yes,width=800,height=400');popUp.focus();return false">Share on Gogole+</a>

与Google+分享自定义图片

2 个答案:

填充+代码段