自定义文字和缩略图Google+分享(Google+ share with custom text

2019-06-23 10:16发布

在创建Facebook的共享链接,您可以通过执行类似个性化共享链接:

<a title='Share on Facebook' 
href='http://www.facebook.com/sharer.php?s=100
&p[title]=TITLE_HERE
&p[summary]=TEXT_HERE
&p[url]=URL_HERE
&p[images][0]=URL_TO_IMAGE' target='_blank' >
<img alt="Facebook" src="ICON_URL" />
</a>

有没有办法做,而不必填写标题meta标签(因为我需要在一个页面中有许多共享的链接)使用Google+类似的东西,

Answer 1:

您可以使用schema.org微为。 这些都不是分配给特定节点在该网站的头做标记,而是性能。 下面是它如何可以工作的例子:

比方说,你有多个物品,每个都应该有自己+1按钮,一个博客。 在每篇文章的最外面的节点(如果你使用HTML5语义,它很可能会<article> ),定义一个新itemscope与特定沿着itemtype (在这种情况下, "http://schema.org/BlogPosting" ,看到所有类型的列表 )。

接下来,您注释应包含在使用共享片断领域itemprop领域。 例如,如果该制品具有的图像时, <img>节点可以与注释itemprop="image"等。

请注意,这些注释仅在当前的itemscope有效。 +1按钮必须被放置在该范围内为好,因为它看起来在DOM层次结构中的按钮上方时发生的第一的itemscope。

那积极的一面是,你可以为每个页面定义多个itemscopes,因此很容易与它不同的共享片段整合多个+1按钮。

更多信息也可在上+1按钮文档 。



文章来源: Google+ share with custom text and thumbnail