如果您在Google Plus上共享链接,则链接通常会抓取一些图片,您可以在发布图片时附加这些图片。 Facebook具有类似的功能。您可以使用简单的LINK标签告诉Facebook这是页面的主要图像。但是,这不适用于G +。

如何告诉G +页面的主要图像是什么?

评论

密切相关:stackoverflow.com/questions/7985398/…

#1 楼

这是从+1按钮文档中复制的信息(为提高可读性进行了一些调整)。此方法适用于将网址共享到Google+的所有方式。

+ Snippet:对页面+1后,用户可以选择通过显示的内容与Google+共享页面分享泡沫。此共享气泡(以及由此产生的Google+活动帖子)包括预览或+ Snippet,其中包含页面标题,页面的简要说明和缩略图。这些数据是按照以下四种方式之一从目标URL的内容中提取的,并按优先级顺序列出:

Schema.org微数据(推荐):如果页面使用schema.org微数据进行注释, +代码段将使用在任何schema.org类型上找到的名称,图像和描述属性。

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


Open Graph协议:如果页面包含以下内容的Open Graph属性:标题,图像和描述,然后将它们用作+ Snippet。

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


元“ title”和“ description”标签:如果页面的<head>元素包含<meta name="title" ... /><meta name="description" ... />标签,+ Snippet将分别使用其内容属性作为标题和描述。对于缩略图图像,共享框将尝试在页面上找到合适的图像。

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


从页面内容中的最佳猜测(不推荐):如果这些数据都不存在存在时,Google就会解析该页面并尝试找到最佳的标题,描述和图像。

评论


谢谢您,但是当直接在Google+上直接共享链接时,它也可以使用吗?我的网页使用了开放图谱协议,当我使用[google.com/webmasters/tools/richsnippets]-工具时,我可以在“从网页中提取丰富的摘录数据”部分中看到指向图像的链接,但是当我在Google+中共享链接,它不会加载图片。

– Ethan Leroy
2012年6月19日在10:57



不要忘记

– Ben Leggiero
2012年12月10日下午3:09

Supuhstar使用的技巧已通过Google+的链接共享选择了我的网页图像。

– Hong
13年5月6日在17:06

W3C说:`元素meta上的属性名称的值标题错误:关键字标题未注册。

– Jeroen
13年8月29日在18:38

我设置了og:image元数据,但google +正在使用页面上什至没有的其他图像。奇怪的。编辑,图像在页面上,隐藏在下拉菜单中。好吧,这很有帮助,我猜。不过,它并未使用元数据。

– MrBoJangles
16-10-18在15:53



#2 楼

[很抱歉您的猜测,但我没有网站可以立即尝试使用此功能]
我只看到了有关+1按钮的信息。在Google+后端执行相同的过程,因此查找相同的信息似乎是合理的。假设您以可以将itemprop="image"应用于所需图像的方式构造模板,请尝试一下。

评论


那似乎没有用。不过谢谢!

–贾斯汀
2012年4月23日在21:25

#3 楼

Google现在提供了一个共享片段预览工具来生成适当的架构或打开图形标记:https://developers.google.com/+/web/snippet/