如何更改网站的哪个图像显示在Google搜索结果中?


14

谁能告诉我Google在显示带有搜索结果的图片时会如何决定使用哪张图片(有时与移动搜索一样)?

如果您查看这些移动搜索结果...

…并以AliExpress.com的结果为例,通过检查HTML,您可以看到Google使用的图像似乎没有特殊声明,等等。这只是该页面HTML中出现的第一个JPG-因此,我也许这就是为什么它是Google搜索结果中使用的图像的原因。

但是,当您查看这些移动搜索结果时…

…并考虑“背包广告牌”结果,HTML显示正在使用的图像实际上是HTML中声明的第七张图像。

那么,谁能阐明Google如何确定要显示的图像呢?我想知道,这样我就可以控制为我的网站显示哪个图像。

更新/解决方案

感谢下面的回答,这是我现在添加到headHTML中的代码,以便在搜索背包广告牌时在Google中显示缩略图:

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "Regular Backpack Billboard",
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": "Backpack Billboards"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "Backpack Billboards"
    }
  }
}
</script>

什么是搜索查询?知道您的搜索方式可能无法回答这个问题。
closetnoc

我不确定此特定示例的搜索查询是什么。您是否建议解决方案是尝试将搜索查询包含在所需图像的alt标签,title标签或文件名等中?
ban-geoengineering

否。搜索结果取决于搜索查询。至于我自己,我将使用搜索查询,然后首先查看如何在桌面上解决它。从那里,我可以得出结论,各种结果元素从何而来。然后,我比较移动搜索还需要保留哪些元素,并且经常可以回溯结果元素的来源和原因。例如知识,答案引擎或精选代码段。
closetnoc

“追踪”回来了,我想你的意思是??“知识”和“答案引擎”是什么意思?
ban-geoengineering

哎呀!抱歉。知识(缺少该词)是一种形式,例如语义事实数据库。知识图表卡基于品牌搜索和事实链接。答案引擎使用知识图来回答在查询中找到的问题。查询可能并不总是答案引擎要处理的问题。精选代码段既不使用知识图也不使用答案引擎,但是会在页面上找到一组特定的功能,这些功能提供了更好的语义线索,这些线索似乎可以直接与查询匹配。结果可以混在一起。
closetnoc

Answers:


6

您引用的问题是因为Google无法确定哪个是您的主图像,这就是为什么,它随机在该页面上拍照以显示在SERP结果中。

它还取决于您输入的搜索查询以及在搜索结果上显示哪个页面(优惠详细信息页面,商品清单页面,卖家商店首页等)。

但是,如果我认为在您的两个屏幕快照中都出现了相同的页面,则可以在页面上应用可能的解决方案。

我们可以通过结构化数据标记让Google搜寻器知道我们的页面“意味着”什么 我们必须“标记”页面上的每个元素,以便Google很好地理解它,然后在SERP上提供增强的结果。

您可以使用以下三种格式之一以编程方式标记此结构化数据标记

  1. JSON LD(建议Google,Yahoo,Bing和Yandex接受)

  2. 微数据

  3. RDFa

上面已经由L Martin解释了JSON LD代码示例。您可以在此处阅读有关JSON LD产品标记的更多信息

如果您想快速执行此操作,那么Google还提供了结构化数据标记帮助程序工具,您可以从Google网站站长那里使用。

完成后,Google将了解要在搜索结果页面上显示的图像。

嗨,在评论中进行讨论之后,这里是您可以尝试并尝试的代码。我已经检查了结构化数据测试工具,它工作正常。

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
   ],
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
    ]
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": [
    "Backpack Billboards",
    "Human Billboards",
    "Walking Billboards"
      ]
    }
  }
}
</script>

我尝试了以下

  1. 在“产品”类型的属性“名称”下添加了三个属性作为数组
  2. 在类型为“事物”的属性“品牌”下添加了三个属性作为数组
  3. 在类型为“组织”的属性“名称”下添加了三个属性作为数组

该脚本可在结构化数据测试工具中使用,但是,不确定是否根据您的查询使用正确的解决方案。请先尝试一下,让我知道它是否有效。


我已经用工作代码更新了我的问题。但是,我的客户得到的结果与我不同。对于他来说,该图像仅在搜索背包广告牌时显示。您知道在搜索步行广告牌人类广告牌时,为了使图像也显示出来,我需要对代码进行哪些更改?
ban-geoengineering

您是将背包广告牌,步行广告牌和人类广告牌定位为单个产品(称为“背包广告牌”)的三个不同关键字,还是这三个产品完全不同?如果它们是完全不同的三种产品,那么您需要为它们中的每一个做一个单独的标记。您的案例将是“同一页上的多个实体”,您需要单独对其进行标记。
巴尔加夫·乔希

另外,请记住,是否要显示图片和其他标记完全取决于Google。他们引用相同的多种原因-例如用户的搜索历史记录,页面的访问量,页面权限,页面排名等等。诸如此类,我们从不知道我们的女友在求婚时是说是还是不是,但是尝试并没有错;)(如果客户提出很多意见,请给他举这个例子。:))
Bhargav Joshi

三个不同的关键字都针对同一个单一产品,那么在这种情况下我该怎么办?(希望它不会涉及向任何人求婚!:
ban-geoengineering

在这种情况下,我建议您进行一些试验。实际上,目前我们正在混合两种不同的概念。第一个是SEO,第二个是结构化数据。您可能会在多个关键字上获得更高的排名,但Google需要了解,这些都是针对相同的产品的,因此它应该平等地考虑它们。您可以尝试做的几件事是1)准备好页面SEO并为所有3种产品编写适当的内容-(建议在我的下
一条

12

您可以使用Schema.org标记向Google指示您要为媒体资源使用哪个图像。这是一个快速的公司网站示例:

<script type="application/ld+json">
{"@context" : "http://schema.org",
 "@type" : "Organization",  
  "name" : "Example Company",
  "url" : "https://www.example.org", 
  "logo": "https://www.example.org/images/my-logo.png" }
</script>

现在,搜索该公司更有可能在Google需要图片时显示该徽标。

如果您要在产品页面上执行此操作,则需要以下标记:

<script type="application/ld+json">
{"@type": "Product",
 "image": "http://example.org/product-image.png",
 "url": "http://example.org/my-products-url",
 "name": "Example Product Name"
 }
</script>

然后,您可以使用此工具测试实现,以确保Google能够接受它:

https://search.google.com/structured-data/testing-tool

它们还将指出处理架构数据所需的所有缺少的属性


1
这是针对单产品(但多页)网站的。这是我们的主页出现在Google搜索结果中,因此我希望Google显示我们的产品图片。因此,要实现这一目标,我是否需要在我们的主页上使用第二个代码段?而且,如果是这样,将"url"值指定为产品页面网址而不是首页网址是否正确?
ban-geoengineering

2
@ ban-geoengineering是的,您已正确理解它。您将需要在结构化数据JSON LD标记中托管在服务器上的实际图像URL。简而言之,您将需要使用各种可用的标记来“标记”这些图像。(例如,标记-产品,配方,评论,文章等)。您可以在此处阅读有关结构化数据产品标记的更多信息:developers.google.com/search/docs/data-types/product我还将在单独的答案中进行详细说明。
巴尔加夫·乔希

4

作为网站站长中心帮助论坛上的Google杰出贡献者,我看到了很多问题和用例。这个有关缩略图的特定问题与Google可以以类似方式表现的其他问题有关。

这些缩略图不是什么: 根据其他评论,这些缩略图不是:

  • 业务清单
  • 结构化数据/丰富网页摘要/ json或模式数据
  • 知识图的一部分
  • 轮盘的一部分,例如新闻报道/兴趣点

以我的拙见,这些缩略图和Google的AI背后的技术决定显示它们,或者哪个更与标题标签和元描述相关,而不是结构化数据/丰富摘要。所以这就是为什么我将首先对标题标签和元描述的显示方式进行一些基本的解释。并跟随缩略图。

标题标签 您可以设置一个标题标签,但是如果标题包含垃圾邮件,每个页面上的标题都是相同的,缺少相关信息或者Google可以根据与搜索更相关的内容确定标题,则Google可以更改标题标签查询。

元描述 您可以设置元描述。再说一次:如果相关,则表示页面的内容与搜索查询相关,则Google可能会显示您的元描述。如果Google认为它可以生成更相关,更有吸引力的描述,它将显示自己的首选元描述。

最近,Google在搜索结果中增加了说明的长度。因此,基本上Google现在已经适应/扩展了大多数元描述。最佳实践可能是像Wikipedia一样保留元描述为空。

缩略图
因此,基本上Google可以显示图像,尤其是当您没有设置图像时。Google在搜索结果项中使用的缩略图可增强您的可见性/代表性。正如我到目前为止所看到的以及我对Google的看法,您可以将Google指示为在以下情况下显示缩略图的方向:

  • 当然,图片必须是可抓取的并建立索引,因此请不要阻止或阻止抓取
  • 放置在页面主要内容的开始/ 内部。过去,我有一个网站,<img>里面有第一个网站<p>。Google只是将该图像用作缩略图。并且他们甚至在其元描述版本中使用了替代文本(看起来并不那么好)。至少图像与主要内容密切相关。他们彼此加强。
  • 图像必须是唯一的。如果Google在首页上为每个搜索结果显示相同的(缩略图)缩略图,那将很奇怪。
  • 该图像需要与搜索查询相关并需要表示它。当我搜索“伦敦眼”时,Google设法在此页面生成第四篇文章的头像缩略图。前三篇文章的头像没有显示伦敦眼。这些图像甚至没有替代文字,并且文章的标题为“ river cruise”,因此不会考虑文本上下文。我认为我们可以假设图像AI在这里做了很多工作。屏幕截图如下。
  • 在誓言上方可见(在桌面上)。我对此没有任何证明,这是一个假设。但我认为,如果该图像在Google的提取和渲染工具中可见,那么它将很有帮助。如今,索引仍然基于桌面,今年它可能会转向移动优先索引。我认为,要显示为缩略图的图像必须是访客可见的第一批图像之一,这一点很重要。
  • 用于opengraph元数据和页面的主要内容。Opengraph元数据。将此与元描述进行比较。如果您og:image代表该页面,并且该页面与搜索查询相关,那么Google为什么不使用它来生成它的拇指。
  • 用于(有效或无效)元标记示例)和页面的主要内容中。此示例的奇怪之处在于,它是幻灯片放映中的第3张或第4张图像,但在自定义meta标签中已提及。也许这就是Google选择该拇指产生拇指的原因。
  • 忽略结构化数据。结构化数据用于新闻,产品,文章等的轮转中...到目前为止,我还没有看到结构化数据与搜索结果项中的缩略图之间的任何关系。

确实没有明确的文档,但是我在以下博客中找到了与我们的讨论相关的博客文章:Google关于水印图像的发现。。至少Google对缩略图的发现是:

  • 用户喜欢大型,高质量的图像(高分辨率,聚焦)。
  • 用户更有可能点击搜索结果中的优质缩略图。高质量图片(再次,高分辨率和对焦)通常在缩略图尺寸下看起来更好。
  • 当缩小到缩略图大小时,大声的水印,图像上的文字和边框等分散注意力的功能可能会使图像显得混乱。

更新25-12:TC研究员Barry Hunter向我介绍了这个Twitter讨论,其中John Mueller说只有使用robots.txt才能屏蔽此图像。

屏幕截图搜索结果伦敦眼在手机上 伦敦眼的示例,使用River Cruise文章图片


1

它应该可以通过Google Search Console进行更改。您可以突出显示网页数据,包括代表该页面/文章的图像,这些图像将显示在Google SERP中。

但是,这只是在Google浏览器中进行更改的一种方法,我无法在其他浏览器上进行更改。


我在Google Search Console中看不到该怎么做。您能提供步骤吗?(我增加了100个奖励,如果能为我工作,我很乐意将其奖励给您。)
ban-geoengineering

0

转到Google Search Console >>搜索外观>>

  1. 结构化数据
  2. 富卡
  3. 资料萤光笔

通过这些,您可以自定义SERP结果。

您还会看到GMB。关于如何管理“ Google我的商家”信息中心,有很多很棒的资源。为了显示

编辑您的商家信息(向下滚动此页面并查看图片信息)

Google我的商家帮助

希望这可以帮助


-1

您必须使用新图像更新Google本地商户列表页面,旧图像将替换为新图像。

另外,您也可以将其报告为垃圾邮件,直接显示在搜索结果中。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.