与 Google 图片相关的最佳做法

Google 图片是一种用于在网络上直观地发掘信息的方式。得益于 Google 图片中的图片说明、醒目标记和 AMP 结果等新功能,用户可在快速浏览内容时知悉图片的更多相关信息。

为图片添加更多相关信息可使相应的搜索结果变得更加实用,从而给您的网站带来更优质的流量。您可通过确保自己的图片和网站已针对 Google 图片进行优化,使您的内容更容易被发现。发布图片时请遵循我们的指南,以提高您的图片在 Google 图片搜索结果中出现的几率。

选择停用图片搜索内嵌链接

选择停用 Google 图片搜索结果中的内嵌链接后,便可阻止完整尺寸的图片显示在 Google 的图片搜索结果页中。

要想选择停用内嵌链接,请按照以下步骤操作:

  1. 当您收到图片请求时,请检查该请求中的 HTTP 引荐来源网址标头
  2. 如果该请求来自某一 Google 网域,请仅回复 HTTP 200 或 HTTP 204(不要附加任何其他内容)。

Google 仍会抓取您的网页并会看到该图片,但会在搜索结果中显示抓取时生成的缩略图。您随时都可选择停用内嵌链接,且无需重新处理网站上的图片。该操作不会被视为隐藏真实图片,也不会引发手动操作。

您还可彻底阻止图片显示在搜索结果中

打造超凡的用户体验

要想提升您的内容在 Google 图片中的曝光度,请以提供出色的用户体验为原则将用户作为您的工作重点:在设计网页时主要考虑用户,而非搜索引擎。以下是一些建议:

  • 提供适当的相关信息:确保您的视觉内容与其所在网页的主题相关。我们建议您仅在能为网页增添原创价值的情况下展示图片。我们极不赞成在网页中完全使用非原创的图片和文字内容。
  • 优化放置位置:尽可能将图片放置在相关文字附近。必要时,也可考虑将最重要的图片放置在网页顶部附近。
  • 勿将重要文字内嵌在图片中:避免将文字(特别是网页标题和菜单项等重要的文字元素)内嵌在图片中,因为并非所有用户都能访问这类文字(而且网页翻译工具不适用于图片)。为确保您的内容能被最大限度地访问,请始终使用 HTML 格式提供文字,并为图片提供替代文字。
  • 创建信息丰富的优质网站:对 Google 图片而言,优质的网页内容与视觉内容同等重要 - 它可以提供相关信息并更能吸引用户点击相应的搜索结果。网页内容可用于为图片生成一段文字摘要,而且 Google 在进行图片排名时会考虑对应的网页内容质量
  • 创建适合在各种设备上访问的网站:比起桌面设备,用户会更多地使用移动设备在 Google 图片上进行搜索。因此,您务必要设计出一个适合所有设备类型和尺寸的网站。请使用移动设备适合性测试工具测试您的网页在移动设备上的运行效果,并获取反馈以了解哪些内容需要得到修正。
  • 为图片创建良好的网址结构:Google 会借助网址路径以及文件名来理解您的图片。我们建议您好好组织图片内容,以使网址结构合乎逻辑。

检查网页标题和说明

Google 图片会自动生成标题和摘要,以充分描述每条结果并表明相应结果与用户查询有何关系。这可帮助用户决定是否要点击某条搜索结果。

我们会使用很多不同的来源生成此信息,例如标题中的描述性信息以及每个网页的元标记。

您可通过遵循 Google 的标题和摘要准则,帮助我们改善为您的网页显示的标题和摘要的质量。

添加结构化数据

如果您添加了结构化数据,Google 图片就能以富媒体搜索结果的形式(包括使用醒目标记)展示您的图片,这种做法不仅可为用户提供与您的网页相关的信息,还能为您的网站带来更有针对性的流量。Google 图片支持下面这几类内容的结构化数据:

请遵循结构化数据常规准则以及专门针对您的结构化数据类型的准则,否则您的结构化数据可能无法在 Google 图片中显示为富媒体搜索结果。对于上述每一种结构化数据类型,您都必须填写图片属性字段,才能使相应数据在 Google 图片中显示为标记和富媒体搜索结果。

优化网站速度

图片通常是影响整体网页大小的最大因素,可能会导致网页在加载时既速度缓慢又开销巨大。请务必采用最新的图片优化技术自适应图片技术,以提供优质且高速的用户体验。

在 Google 图片上,AMP 徽标 有助于用户识别哪些网页能够快速且流畅地加载。您不妨考虑将图片托管网页更改为 AMP 网页以缩短网页加载时间(在这种情况下,目标网页即是指用户在 Google 图片中点击相应的搜索结果后会到达的网页)。

您可以使用 PageSpeed Insights 分析网站的速度,并访问我们的“网站开发基础”页面以了解与如何改善网站性能相关的最佳做法和技术。

添加优质图片

与模糊不清的图片相比,优质图片对用户更有吸引力。另外,搜索结果略缩图中的清晰图片也更能吸引用户,因而可以提高获取用户流量的可能性。

为图片添加描述性的标题、说明、文件名和文字

Google 会从图片所在网页的内容中提取与图片主题有关的信息(包括图片说明和图片标题)。请尽可能确保将图片放置在与其相关的文字附近以及与其主题相关的网页上。

同样,Google 也可通过文件名获取与图片主题有关的线索。例如,my-new-black-kitten.jpgIMG00023.JPG 更适合作为文件名。

使用描述性的替代文字

对于无法看到网页所含图片的人(包括使用屏幕阅读器或低带宽连接的用户)来说,替代文字(用于描述图片的文字)可改进图片的可访问性。

Google 会结合使用替代文字与计算机视觉算法和页面内容来理解图片的主题。如果您决定将图片用作链接,图片的替代文字还可作为定位文字发挥作用。

在选择替代文字时,请着重创建实用、信息丰富、使用适当关键字且与网页内容相符的内容。请避免在 alt 属性中滥用关键字(关键字堆砌),因为这会导致不良的用户体验,并且可能会导致您的网站被视为垃圾网站。

  • 效果欠佳(缺少替代文字)<img src="puppy.jpg"/>
  • 效果欠佳(关键字堆砌)<img src="puppy.jpg" alt="puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food"/>
  • 效果较佳<img src="puppy.jpg" alt="puppy"/>
  • 效果最佳<img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>

我们建议您通过审核可访问性使用慢速网络连接模拟器测试您的内容。

使用图片站点地图

图片是网站内容相关信息的重要来源。通过向图片站点地图添加信息,您可以向 Google 提供关于图片的更多详细信息,并提供我们可能无法通过其他方式发现的图片的网址。

与一般的站点地图(设有强制性的跨网域限制)不同,图片站点地图可以包含来自其他网域的网址。这意味着网站站长可以使用 CDN(内容分发网络)托管图片。我们建议您在 Search Console 中验证 CDN 的域名,以便我们能在发现任何抓取错误时通知您。

支持的图片格式

Google 图片支持以下格式的图片:BMP、GIF、JPEG、PNG、WebP、SVG 以及内嵌图片。

内嵌图片是指 <img> 标记中的原始图片数据字节。要想内嵌某张图片,请使用以下格式:

      <img src="data:image/svg+xml;base64,...image data...">

其中的图片数据是一个采用 Base64 编码的字符串。

虽然内嵌图片能够减少 HTTP 请求,但网站站长应慎重判断何时使用这种图片,因为这种图片可能会导致网页大小大幅增加。若想详细了解这一点,请参阅我们的“网站开发基础”页面中的“内嵌图片的利与弊”一文

自适应图片

自适应网页通常会带来更好的用户体验,因为您的用户可以通过多种设备访问这些网页。若想了解与如何处理自适应网站中的图片相关的最佳做法,请参阅我们的“网站开发基础”页面中的“图片”一文

自适应网页使用 <img srcset><picture> 来支持图片。不过,某些浏览器和抓取工具不支持这些标记,因此我们建议您也使用 <img src> 属性指定一个后备网址。

使用 <img srcset>

借助 srcset 属性,您可在 <img> 元素中针对不同屏幕尺寸指定同一图片的不同版本。

示例

<img srcset="example-320w.jpg 320w,
             example-480w.jpg 480w,
             example-800w.jpg 800w"
     sizes="(max-width: 320px) 280px,
            (max-width: 480px) 440px,
            800px"
     src="example-800w.jpg" alt="responsive web!">

使用 <picture>

<picture> 元素是一个容器,用于对同一图片的不同 <source> 版本进行分组。它提供了一种后备方法,让浏览器能够根据设备功能(例如像素密度和屏幕尺寸)来选择合适的图片。对于尚不支持新图片格式的客户端而言,<picture> 元素也非常便于利用内置的优雅降级功能来处理新格式。

我们建议您始终在使用 <picture> 元素时提供 <img src=...> 元素作为后备。如下所示:

<picture>
  <source type="image/svg+xml" srcset="pyramid.svg">
  <source type="image/webp" srcset="pyramid.webp"> 
  <img src="pyramid.png" alt="large PNG image...">
</picture>

针对安全搜索进行优化

安全搜索是您帐号中的一项设置,用于指定是要在 Google 搜索结果中显示还是要从中屏蔽包含露骨内容的图片、视频和网站。您应该帮助 Google 了解您图片的性质,以便系统酌情为您的图片应用安全搜索设置。

将仅限成人浏览的图片归到同一个网址位置中

如果您的网站包含成人图片,我们强烈建议将这些图片单独归为一组(以与您网站上的其他图片区分开来)。例如:http//www.example.com/adult/image.jpg。

向成人网页添加元数据

当用户开启安全搜索过滤器后,我们的算法会根据各种信号来判断是否应从搜索结果中滤除某张图片或某个完整网页。就图片而言,这些信号中的一部分是通过机器学习技术生成的,但安全搜索算法也会考虑一些更简单的因素,例如图片曾被用于何处以及曾被在什么样的情境中使用过。

最有决定性的信号之一是网页自身是否已被标记为成人网页。如果您想发布成人内容,我们建议您将下列元标记之一添加到您的网页中:

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

很多用户都不希望他们的搜索结果中出现成人内容(特别是在孩子也使用同一部设备的情况下)。如果您提供了上述元标记之一,则有助于提供更佳的用户体验,因为用户不会看到他们不想或不期望看到的结果。

最后…

请阅读我们的搜索引擎优化 (SEO) 新手指南,其中提供了许多与如何提升排名相关的实用信息;如果您有其他疑问,请在网站站长帮助论坛中发帖咨询。

该内容对您有帮助吗?
您有什么改进建议?