9
选举季出版商增长策略
视频时长
19:24
回答测验
参加当前模块测验
材料
即用型模板
资源
报告和资源
本模块暂无测验。.
图片优化是指对网页上使用的图片应用最佳实践，以便您的内容在搜索引擎结果页面 (SERP) 上获得更好的排名。.
互联网用户越来越偏爱视觉内容。这意味着优化图片与优化文本内容同等重要。
图像优化旨在以最佳格式、尺寸和分辨率生成图像，从而提升用户体验 (UX)。为了使 Google 能够正确索引和抓取图像，并在搜索结果页面 (SERP) 中显示图像，图像应根据Google 的指南，并添加相关的元数据。
在本模块中，我们将深入探讨图像优化的关键方面。.
图片也是内容的一部分。和文字一样，它们会出现在搜索结果中，并影响读者对页面的评价。这就是为什么优化图片对搜索引擎优化 (SEO) 至关重要。.
对于大多数网页而言，图片占比超过网页大小的70% ，这意味着使用未经优化的图片会降低页面加载速度。由于网站速度是重要的排名因素，这会直接影响搜索引擎优化（SEO）。除了网站速度之外，未经优化的图片还会导致布局偏移等问题，从而影响用户体验。
这些因素会影响您网站的核心网络指标 (CWV)，而 Google 正是利用这些指标来衡量页面体验。.
有关 CWV 的更多信息，请参阅此处的详细页面体验模块。
图像优化包括使用替代文本和结构化数据正确识别和标记图像、将图像添加到站点地图以及为图像创建新的站点地图。所有这些都有助于网络爬虫快速准确地识别和处理页面上的图像，从而提高抓取速度和效率。
谷歌搜索正变得越来越注重视觉效果，而不仅仅局限于文字关键词。过去十年，谷歌上的图片数量激增，因此优化图片比以往任何时候都更加重要。
早在2018年，谷歌就宣布致力于提升视觉内容在搜索中的核心地位。随后，谷歌推出了一系列新功能，例如图片说明、快速概览和相关搜索，这些功能都高度依赖图片。作为内容发布商，充分利用这些功能很可能直接影响您的SEO和内容曝光度。
让我们来看看当我们搜索“卡塔尔世界杯”时会发生什么。.
现在右侧有一个专门的侧边栏，显示图片，它位于搜索词的维基百科条目的正上方。.
点击“图像”选项卡不仅可以扩展可浏览的图像选项数量，而且正如我们在下面的绿色框中看到的那样，它现在提供了一个建议术语轮播图，允许您按名称筛选图像。.
继续向下滚动（如下图所示）会显示更多相关搜索建议，这些建议可以帮助缩小搜索结果范围或扩大搜索范围。.
让你的内容中的图片在搜索结果顶部排名靠前，是出版商提高内容曝光率的另一种方法。.
谷歌也一直在开发和更新Google Lens——这项人工智能图像识别技术集成在 iOS 和 Android 版谷歌应用的搜索栏中。
——使其功能更加强大。.
使用 Google Lens，用户可以通过点击图片或上传手机中存储的图片，然后让 Google 搜索匹配结果，从而查找有关图片的更多信息。.
Google Lens 的一项强大功能是多任务搜索，它允许用户在图像搜索中添加文字描述，从而更轻松地搜索视觉信息。.
谷歌也在努力使多路搜索更具本地化特性，这意味着用户可以将摄像头对准某个物体，将其上传到谷歌镜头，输入一些问题，谷歌就会显示用户当前位置附近的最佳搜索结果。.
尽管图像优化的重要性显而易见，但由于一些常见的挑战，出版商往往难以进行图像优化。.
在优化文本内容方面，出版商通常知道要监控和优化哪些参数——关键词、内容支柱和集群、标题等。.
然而，在图像优化方面，发布商可能并不清楚应该监控和改进哪些指标。常见的指标包括图像大小、图像类型和加载速度等等。.
定期优化大量文章中的图片会是一项繁琐的工作。虽然可以使用插件和 CDN 等方法批量优化图片，但保持图片质量同样重要。这需要通过严格的测试来平衡。.
现在我们已经了解了图像优化是什么以及它对搜索引擎优化 (SEO) 的重要性，我们可以开始研究如何进行优化过程。.
PNG 和 JPEG 是两种最流行、应用最广泛的图像格式。了解在什么情况下应该使用哪一种格式非常重要。
PNG格式适用于屏幕截图、图形和包含文本的图像，而JPEG格式则更适合照片。PNG采用无损压缩，有助于保持图像质量，而JPEG每次保存都会降低图像质量。.
SVG（可缩放矢量格式）非常适合用于徽标和图像复杂度较低的简单几何形状。.
WebP 和 AVIF等新型格式正迅速成为上述格式的替代方案。虽然这两种格式都提供更高的分辨率并支持动画，但 WebP 尤其受到所有现代网页和移动浏览器的支持。
但总体而言，截至 2022 年 11 月，PNG 和 JPEG/JPG 仍然是最流行的图像格式，分别被 81.3% 和 76.6% 的网站使用，SVG 紧随其后。
页面上所有图片的总大小会直接影响页面加载速度。但是，压缩不应导致图片质量下降。.
在图像质量和文件大小之间找到合适的平衡点至关重要，但如果通过反复试验来做到这一点，可能会非常繁琐。然而，在线工具在这方面就能发挥重要作用。像Imagemin 这样的工具可以用于压缩各种格式的图像，包括有损压缩和无损压缩。
选择合适的格式也能帮助您找到最佳平衡点。例如，可以考虑使用 WebP 格式。WebP比 JPEG 更胜一筹，因为它可以在不影响图像质量和分辨率的前提下，将图像大小减少 30%。
Smush 、 Optimus或Imsanity等插件来优化图片。这些插件可以帮助您压缩、调整图片大小、延迟加载图片等等。您还可以考虑使用 CSS 来替换 GIF 等动画图片（这些图片可能体积较大）。CSS 动画和特效可以帮助您创建复杂的图像，即使在高倍放大下也能保持分辨率和质量。
图片名称有助于谷歌在搜索结果页面 (SERP) 中理解图片的上下文，从而进行排名。对于大型出版物而言，为网站上的所有图片都精心命名可能并不总是可行。在这种情况下，您可以创建一个图片站点地图，帮助谷歌定位图片、理解其用途并对其进行索引。
除了包含上下文信息的文件名之外，我们还建议为图片添加标题和说明文字。虽然这些属性是可选的，但它们可以完善您的内容，让搜索引擎更全面地理解您的主题，从而帮助搜索引擎更好地索引图片。
如何做到这一点
需要在页面源代码中添加图片名称。这可以通过手动添加或使用CMS插件，使用img的src属性来实现。.
如果你的图片包含足球，那么图片源的代码应该类似于这样<img src=”football.jpg”/>这有助于谷歌理解图片的内容。另一方面，像这样的代码<img src=”IMG11082022.jpg”/>措辞含糊，没有提供任何背景信息。.
当人们无法看到您的图片时——例如视力障碍人士或网络带宽不足导致图片渲染困难时——替代文本属性可以帮助他们理解图片内容。这也有助于搜索引擎更轻松地抓取和索引您的图片。
如何做到这一点
继续以上述示例为例，替代文本的代码应该如下所示<img src=”football.jpg” alt="“世界" cup official football on the ground”/>。.
如果您是经验丰富的开发者，则可以在页面代码中手动添加替代文本。如果您使用的是 WordPress，则可以按照以下步骤操作：
通过向图片添加结构化数据，您可以为 Google 提供必要的信息，以便将其列为富媒体搜索结果和摘要。这能为用户提供更多信息，帮助他们选择点击哪个链接，从而为您的页面带来更多流量。.
目前，Google 支持跨产品、视频和食谱架构的图像结构化数据。
如何做到这一点
Google 建议使用 JSON-LD 为您的内容和图像创建结构化数据脚本。.
Schema Pro 、 Schema.press等多个免费或付费插件轻松添加结构化数据。无论您是手动添加图像结构化数据还是通过插件添加，步骤都包括为所有相关的图像属性和数据类型富媒体搜索结果测试验证代码，然后将图像站点地图提交给 Google，以便 Google 能够抓取和索引图像。
要了解有关结构化数据及其使用方法的更多信息，请参阅我们的模式模块。
要了解如何创建和提交站点地图，请参阅我们关于Google 新闻站点地图的详细模块。
页面体验是谷歌对页面进行排名时使用的重要标准之一。页面体验的构成要素之一就是加载速度。.
以下是如何优化图片以提高页面加载速度的方法：
在这种模式下，只有关键资源会在页面加载之初就被加载，而其他低优先级资源则会在需要时才加载。延迟加载的优势包括：减少网络流量及相关的带宽问题和数据使用成本，提高长页面的可读性，减少加载对内容无价值的内联图片等等。.
创建响应式图像
用户会在各种设备上查看图片。针对不同设备设置 srcset 属性，可以让图片在不同屏幕尺寸上清晰显示。以下是 img srcset 代码示例：
我们已经介绍了图像优化的基本知识。但是，以下几点对于优化图像以提升搜索引擎排名也大有裨益。.
再多的图片也无法弥补低质量的内容。首要重点应该是满足用户需求的内容。图片应该是内容的自然延伸，并作为整体叙事过程的辅助工具。在页面上堆砌无关或不相关的图片并不会提升排名。.
相反，谷歌反对这种做法，并建议尽可能使用原创内容。高质量的内容，包括你使用的图片，确保你的网页在谷歌搜索中排名靠前
图片周围的内容为用户和搜索引擎提供了有关图片相关性的重要信息。谷歌建议将最重要的图片放在页面顶部附近。
虽然页面排名靠后的图片是否应该像页面排名靠前的图片一样受到重视尚存争议，但最好还是遵循谷歌在这方面的指导原则。.
如果由于 robots.txt 或 no-index 设置导致 Googlebot 无法访问您的图片，那么您为优化图片所做的所有努力都不太可能取得成效。.
这些设置会告诉 Google 不要索引或抓取您的内容，这意味着您的内容将不会出现在搜索结果中。您可以使用 Google Search Console 中的“检查网址”功能来测试内容和图片的可访问性。.
此外，我们还建议您检查一下您的内容是否受到任何安全搜索过滤器的内容进行适当的标记。
测试不仅对提升内容的曝光度至关重要，而且在正式上线之前，测试图片在不同设备上的实际显示效果Web Stories 格式。虽然 Web Stories 专为移动设备优化，但其中的图片和文字也会出现在谷歌图片和发现页面中。您可以使用“开发者预览”功能来测试内容，从而打造更具吸引力的故事。
您可以从 Pixabay、Unsplash 和 Pexels 等多个网站获取免版权图片。虽然这些图片可以免费使用，但请记住，同一张图片可能已被其他内容创作者使用过。.
谷歌的约翰·穆勒表示，这可能会降低图片在谷歌图片搜索中的排名。因此，请尽可能使用原创图片。
除了遵循前面的指导原则外，为了更好地优化图像，避免以下常见陷阱也很重要。.
如前所述，使用描述性的替代文本可以提高图片的易用性。谷歌会重视替代文本的属性，并倾向于提高其排名。.
然而，为了在搜索引擎结果页面 (SERP) 中获得高排名，人们很容易受到诱惑而堆砌关键词。这种做法被称为关键词堆砌，可能会适得其反。它不仅会导致糟糕的用户体验，谷歌还可能将你的页面判定为垃圾页面。
以下是一些应该避免的错误示例以及正确的替代文本写法。.
结论：差，因为它缺少 alt 文本属性。
结论：差，因为关键词堆砌。
结论：不错，但描述应该更详细一些。
结论：理想
虽然谷歌内置了光学字符识别（OCR）技术来读取图像上的文字，但每次的准确率可能并非百分之百。此外，用户和搜索引擎都可能无法解读图像中嵌入的文字。.
如果您有重要信息要传达，最好使用文字而不是图片。.
每次都使用原创图片可能不太现实。在这种情况下，您或许会想通过谷歌搜索来寻找新图片。然而，其中一些图片可能受版权保护，使用受到限制。这意味着在使用图片之前，查看其版权使用条款
Google 图片提供了一个名为“使用权”的筛选器，用于搜索带有图片托管网站或图片提供商所标注的许可信息的图片。此功能位于搜索框下方的“工具”部分。.
选择图片后，您可以查看许可详情，了解使用该图片的含义、费用（如有）和要求。.
如上图所示，“使用权”下有知识共享许可、商业许可或其他许可选项。.
一般来说，采用知识共享许可的图片可以免费使用，但可能需要注明出处。采用商业许可的图片通常需要付费使用。您在使用任何图片前仔细阅读其许可
“最大图像预览”设置允许您设置图像在搜索结果页面 (SERP) 上显示预览时的最大尺寸。如果此设置未指定值，Google 将以默认尺寸显示图像。
虽然这适用于所有 Google 服务，例如图片、搜索和发现，但在使用发现服务时更为重要，因为更大的格式可以带来更丰富的用户体验。.
已有文献证明，使用最大图像预览属性可以提升多家发布商的点击率和流量。使用此属性可以让 Google 在预览中原样显示大尺寸图像，而不会尝试压缩或更改其设置。预览中呈现大尺寸、高质量的图像本身就更有可能吸引搜索者的注意力。
内容分发网络 (CDN) 是一种外包托管平台，用作图像和其他媒体文件的存储库。由于其先进的基础设施专注于解决延迟和带宽问题，因此可以提供比内部托管内容更快的页面加载速度。但是，CDN 的优势需要根据您的具体需求进行评估。.
CDN虽然可以帮助解决一些技术问题，但可能会损害您的反向链接质量。反向链接是排名最高的SEO因素之一，对网站在搜索结果中的排名至关重要。您可以反向链接价值的模块中了解更多信息。
当您将图片托管在 CDN 而不是您自己的网站上时，任何指向该图片的反向链接都会将用户引导至 CDN 上的图片路径，从而减少有效反向链接本应带来的对您网站的直接访问量。.
图片包是由来自不同网站的图片拼接而成的组合，可以出现在谷歌搜索结果页面（SERP）中。它们看起来大概是这样的。.
但是，当你点击任何缩略图时，并不会自动跳转到源网站。相反，你会看到一个谷歌图片窗口，其中显示该图片的放大版本，就像这样。.
只有再次点击图片（如上图右侧所示），才会离开谷歌图片并跳转到源页面。换句话说，在跳转操作完成之前，谷歌图片在这里起到了中间人的作用。.
如果您的图片包含在图片包中，Google Search Console (GSC) 会在每次图片包加载到搜索结果页面 (SERP) 时记录该图片的展示次数。这是因为您的图片标签的 title 属性中包含了您的网址。.
虽然您可能会获得很高的展示次数，但由于图片包包含查询优化链接，这些链接会生成新的 Google 图片搜索结果，而不是将搜索者引导到平台之外，因此您网站的实际点击次数可能会低得多。.
由于查询优化链接的工作方式，以及 GSC 计算展示次数和点击次数的方式，图像包可能会严重扭曲图像的点击率 (CTR)。.
现在我们来看一个网站的案例研究，分析它是如何实施本模块中提到的指导原则来优化图像的。.
Kirbie Cravings是一个位于圣地亚哥的美食博客，网站上发布了数百个食谱。每个食谱都配有生动的高质量图片。
当我们右键单击页面并查看其源代码时，可以看到 max-image-preview:large 属性。<head>位于源代码最开头的元素。.
因此，该出版商的高质量图片会出现在谷歌搜索结果的预览中。.
同时，尽管这些图片尺寸很大，但并不会减慢页面的加载速度。.
我们右键单击图像，然后选择“检查”。这会在页面右侧打开一个面板，我们可以在其中检查页面上所选元素的属性。对于上面的图像，我们看到以下内容：
这里有两个有趣的现象：
正如我们之前讨论过的，图片是页面重量的主要来源，因此保持图片轻巧对于加快页面加载速度至关重要。.
我们也讨论过使用正确文件格式的重要性。我们建议照片使用 .jpg/.jpeg 格式，而图形和数字图像则应使用 .png 格式。如下所示，Kirbie Cravings 在所有使用数字图像（例如徽标和图标）的地方都使用了 .png 格式。.
接下来，在同一个检查面板中，当我们点击“属性”时，我们可以看到页面使用了延迟加载，尽管图像相对较轻。.
本页面已通过以下方式精心优化了图片：
随着谷歌不断发展以更好地满足用户需求，它必然会增加/更新有关图像优化及其对搜索结果影响的功能和政策。.
在网站设计中牢记当前的图像最佳实践，将有助于您提供最佳用户体验，在搜索引擎结果页面 (SERP) 中获得更高的排名，并最终吸引更多流量。.