9
选举季的出版商增长策略网络研讨会
视频时长
19:24
回答测验
进行当前模块测验
材料
即用型模板
资源
报告和资源
该模块没有可显示的测验。
图像优化是将最佳实践应用于您在页面上使用的图像，以便您的内容在搜索引擎结果页面 (SERP) 上排名更好。
更多视觉内容表现出越来越大的偏好。这意味着优化图像与优化内容中的文本同样重要。
图像优化用于以最佳格式、尺寸和分辨率生成图像，以增强用户体验 (UX)。为了使 Google 能够正确索引图像并对其进行抓取，将其显示在 SERP 中，应根据Google 的指南对，并使用相关元数据进行适当标识。
在本模块中，我们将更深入地探讨图像优化的重要方面。
图像也是内容。与文本一样，它们会显示在搜索结果中并影响读者对您页面的有用程度。这就是为什么优化图像对于 SEO 很重要。
对于大多数页面，图像占其权重的 70% 以上，这意味着使用未优化的图像会减慢加载时间。由于网站速度是一个重要的排名因素，这直接影响搜索引擎优化。除了网站速度之外，未优化的图像还会导致布局变化等问题，从而影响用户体验。
这些因素会影响您网站的核心网络生命力 (CWV)，Google 使用该核心网络生命力来衡量页面体验。
有关 CWV 的更多信息，请参阅此处的详细页面体验模块。
图像优化涉及使用Alt文本和结构化数据正确识别和标记图像，将图像添加到站点地图并为图像创建新的站点地图。所有这些都帮助网络爬网迅速，正确地识别和处理页面上的图像，从而提高爬行速度和效率。
Google搜索变得越来越视觉，而不仅仅是仅针对基于文本的关键字。在过去的十年中，Google上的图像数量飙升，使优化图像比以往任何时候都重要。
早在2018年，Google便宣布承诺使视觉内容更加核心搜索。因此，Google推出了一些较新的功能，例如字幕，快速事实和相关搜索 - 所有这些功能都严重依赖图像。作为发布者，利用这些功能可能会直接影响您的SEO和内容可发现性。
看看我们在卡塔尔搜索FIFA世界杯时会发生什么。
现在，右侧有一个专用的侧面面板，显示图像，该图像在Wikipedia条目上方的搜索词上方。
单击“图像”选项卡不仅会扩展可浏览的图像选项的数量，而且正如我们在下面的绿色框中看到的那样，现在提供了建议的术语的轮播，可允许您按名称过滤图像。
向下滚动（如下图所示）揭示了有关相关搜索的更多建议，这些建议可以帮助缩小结果或扩展查询。
在顶部图像中，从内容排名中将图像排名是发行商增强内容发现的另一种方式。
Google还一直在开发和更新Google镜头- 其启用AI的图像识别技术，该技术已在Google App的iOS和Android的Google App的搜索栏中找到
- 使其更加强大。
借助Google镜头，用户可以通过单击某些内容或上传存储在手机上的图片，然后要求Google提出比赛来搜索有关图像的更多信息。
Google Lens的一个强大功能是MultiSearch，它允许用户添加文本说明为映像搜索，以使搜索视觉信息更容易。
Google还在努力使MultiSearch更加本地化，这意味着用户可以将相机指向某物，将其上传到Google镜头，输入一些问题，而Google将在其目前的位置附近显示最佳结果。
尽管具有明显的意义，但由于某些常见的挑战，出版商通常倾向于在图像优化方面遇到困难。
在优化文本内容时，发布者通常知道要监视和优化的参数 - 关键字，内容支柱和簇，标题和标题等。
但是，在图像优化方面，发布者可能不知道要监视和改进的指标。通用指标包括图像大小，图像类型和加载速度，仅举几例。
通过定期为您创建的许多文章的图像进行最佳效果，这样做可以使这是一项繁琐的任务。尽管有大量优化图像的方法，例如使用插件和使用CDN，但保持图像质量也很重要。通过严格的测试实现这一平衡，这一点很重要。
现在我们了解了什么图像优化以及为什么对SEO很重要，我们可以开始研究如何进行优化过程。
PNG和JPEG是两种最受欢迎和普遍支持的图像格式。知道两者中的哪一个在哪种情况下很重要。
虽然PNG在屏幕截图，图形和图像中使用文字非常有效，但JPEG非常适合照片。 PNG使用无损压缩，可帮助其保留图像质量，而JPEG每次将图像质量保存在格式中时都会降低图像质量。
SVG（可扩展矢量格式）是徽标和具有低图像复杂性的简单几何形状的理想选择。
WebP和AVIF等较新的格式正在迅速获得上述格式的替代品。尽管这两种格式都提供了更高质量的分辨率以及支持动画的能力，但在所有现代网络和移动浏览器中都支持WebP。
总体而言，PNG和JPEG/JPG仍然是迄今为止最受欢迎的图像格式，分别为81.3％和76.6％的所有网站，截至2022年11月，SVG紧随其后。
页面上图像的集体大小对其加载速度有直接影响。但是，压缩不应导致标准图像质量。
在质量和尺寸之间找到适当的平衡是必不可少的，但是如果您尝试通过反复试验，可能会很麻烦。但是，这是在线工具真正可以发光的地方。在有损场景和无损场景中，诸如Imagemin之类的工具可用于压缩各种格式的图像
使用正确的格式也可以帮助您找到合适的余额。例如，考虑使用WebP。 WebP是JPEG的更好替代方法，因为它可以提供降低30％的图像大小而不会影响其质量和分辨率。
Smush ， Optimus或Imsanity之类的插件来优化图像。这些帮助您压缩，调整大小，懒惰的负载图像等。您还可以查看使用CSS替换诸如GIF（大小可能很大）之类的动画图片。 CSS动画和效果可以帮助您创建复杂的图像，即使通过高缩放也可以保留分辨率完整性和质量。
图像名称有助于Google在将其排名在SERP中时了解图像的上下文。对于较大的出版物，仔细命名网站上的所有图像可能并不总是可行的。在这种情况下，您可以创建一个图像站点地图，可以帮助Google找到图像，了解其目的并为其索引。
除上下文文件名外，我们还为图像添加标题和标题尽管这些是可选的属性，但它们通过使搜索引擎对您的主题和主题有更全面的理解来补充您的内容，从而帮助其更好地为图像索引。
如何做
图像名称需要在您页面的源代码中添加。这是使用IMG SRC属性手动或CMS插件完成的。
如果您的图像包含足球，那么图像源的代码应该看起来像这样<img src=”football.jpg”/>，这有助于Google了解图像所包含的内容。另一方面，看起来像这样的代码<img src=”IMG11082022.jpg”/>含糊不清，没有任何背景。
当人们看不到您的图像时（对于那些视觉障碍的人或低带宽使您的图像变得困难的问题时， Alt文本属性有助于描述它们的图像。这也有助于搜索引擎更轻松地爬网和索引图像。
如何做
从上面的角度继续进行示例，alt文本的代码应显示kike，所以<img src=”football.jpg” alt="“世界" cup official football on the ground”/>。
如果您是经验丰富的开发人员，则可以在页面代码中手动添加ALT文本。如果您使用WordPress，则可以按照以下步骤操作：
通过将结构化数据添加到图像中，您可以为Google提供必要的信息，以列出它们为丰富的结果和摘要。这为用户提供了更多信息，可帮助他们选择单击的链接，从而吸引更多页面流量。
目前，Google支持跨产品，视频和食谱模式的图像的结构化数据。
如何做
Google建议使用JSON-LD为您的内容和图像创建结构化数据脚本。
可以使用几个免费或高级插件之一，例如Schema Pro ， schema..press等轻松添加结构化数据。无论您是手动添加图像结构数据还是通过插件添加图像结构数据，这些步骤都将涉及为所有相关的图像属性和数据类型添加，并使用丰富的结果验证代码丰富的结果测试，然后通过将其用于Google Spooge for Google cable和Index clage obal obal clave and Increx clave和Index。
要了解有关结构化数据以及如何使用它的更多信息，请参见我们的模块模块。
要了解如何创建和提交站点地图，请参阅我们在Google新闻站点地点上的详细模块。
页面体验是Google在排名页面时使用的重要标准。组成页面体验的元素之一是加载速度。
这是您可以优化图像以提高页面负载速度的方式：
在其中，只有一开始就加载了关键资源，而其他低优先级资源则是在需要的基础上加载的。懒惰加载的好处包括减少网络流量以及相关的带宽问题和数据使用成本，可提高长页的可读性，减少没有为内容增加价值的内联图像加载的加载，等等。
创建响应式图像
用户在各种设备上查看图像。实现不同设备的SRCSET属性可以使图像在不同的屏幕尺寸上明确显示。这是IMG Scrset代码的示例：
我们涵盖了图像优化的基本要素。但是，下面列出的点在帮助优化SEO的图像方面也有很长的路要走。
世界上所有的图像都无法抵消低质量的内容。主要重点应该是旨在满足用户需求的内容。图像应该是它的有机扩展，并被用作整体讲故事过程的帮助。用无关紧要或不相关的图像使您的页面无关，不会提高您的排名。
相反， Google反对这种做法，并建议尽可能多地使用原始内容。高质量的内容是可确保的，可确保您的页面在Google搜索中排名良好，包括您使用的图像。
图像周围的内容为用户和搜索引擎提供了有关图像相关性的重要信息。 Google建议将最重要的图像放置在页面顶部附近。
虽然这是一个辩论的问题，即是否将图像放在页面排名的范围内以及顶部的图像方面，但最好遵循Google关于该主题的准则。
如果Grobots.txt或No-Index设置无法访问GoogleBot，那么您进行图像优化的所有努力都不太可能产生结果。
这些告诉Google不要索引或抓取您的内容，这又意味着它不会出现在搜索结果上。您可以在GSC上使用“检查URL”功能来测试内容和图像的可访问性。
此外，我们还建议检查是否方式适用于您的内容。 SafeSearch是由Google提供的用户设置，允许或阻止具有明确内容的图像，并且需要网站来适当标记内容。
对可发现性的测试不仅很重要，而且在直播之前，测试您的图像的实际出现网络故事格式的一部分。虽然这是专门为带来移动友好的视觉内容而设计的，但图像和文本也出现在Google Images和Discover中。您可以使用“开发人员预览”功能来测试您的内容，以进行更引人注目的讲故事。
免费的图像可从多种来源（例如Pixabay，Unsplash和Pexels）提供。尽管这些可能可以免费使用，但请记住，其他几个内容创建者可能已经使用了相同的图像。
根据Google的John Mueller的说法，这可能会使图像在Google Image搜索上排名更加困难。尽可能尝试使用原始图像。
除了遵循以前的准则外，避免这些常见的陷阱以更好地优化图像也很重要。
如前所述，使用描述性的ALT文本使您的图像更容易被用户访问。 Google将认识您的ALT文本属性，并倾向于将其排名更高。
但是，很容易被试图包装关键字，目的是在SERP中排名很高。这被称为关键字填充，可能会损害您的努力。它不仅会导致糟糕的用户体验，而且Google也可能认为您的页面垃圾邮件。
以下是一些错误的示例，要避免的替代文本正确。
判决：不好，因为它缺少alt文本属性
判决：由于关键字填充而糟糕。
判决：很好，但应该更具描述性。
判决：理想
尽管Google拥有内置的光学角色识别（OCR）技术来读取印象上印刷的文本，但每次可能并非100％准确。此外，用户和搜索引擎都可能无法破译图像中嵌入的文本。
如果您有重要的信息可以传达，则最好使用文本而不是图像。
可能每次都不会使用原始图像。在这种情况下，您可能很想使用Google搜索来查找新图像。但是，其中一些图像可能会受到版权保护，从而限制了它们的使用。这意味着您需要在页面上使用图像的可重复使用条款
Google图像提供了一种称为“使用权”的过滤器，以搜索由主机网站或图像提供商标记的许可信息随附的图像。此功能可在搜索框下的“工具”部分中找到。
选择图像后，您可以检查许可证详细信息，以了解图像使用的含义，成本（如果有）和要求。
正如您在上面的屏幕截图中看到的那样，在“使用权”下，创意共享和商业或其他商业的许可选项是显而易见的。
通常，具有创意共享许可证的图像可以免费使用，但可能需要给出并提供信贷。具有商业许可证的图像通常带有使用费用。 在使用页面上的任何图像之前先查看许可证
最大图像浏览设置允许您在SERP上出现图像预览的最大大小。如果此设置没有值，则Google将以默认大小显示图像。
尽管这适用于所有Google表面，例如图像，搜索和发现，但在使用较大格式可以使富含UX的较大格式的位置时，它更相关。
已记录使用Max Image Preview属性，以几个发布者的CTR和流量使用此属性允许Google像它们一样在预览中显示大图像，而无需尝试压缩或更改其设置。在预览本身中拥有大型，高质量的图像更有可能捕捉搜索者的兴趣。
内容交付网络（CDN）是外包托管平台，可作为图像和其他媒体文件的存储库。由于其高级基础架构着重于延迟和带宽问题，因此他们可以提供比内部托管材料更快的页面负载速度。但是，需要评估CDN的好处，以满足您的特定需求。
虽然CDN可以帮助解决一些技术问题，但可能会损害您的反向链接资料。反向链接是排名最高的SEO因素之一，对于您的网站出现在搜索结果中是有价值的。您可以在我们的模块中了解有关本主题中反向链接的价值的
当您在CDN而不是您自己的网站上托管图像时，任何反向链接都会带到用户到CDN的图像路径，从而减少对您网站的直接访问，从而提供有效的反向链接。
图像包是可以在Google SERP中出现的不同网站的图像的拼贴。他们看起来像这样。
但是，当您单击任何缩略图时，您不会自动将其路由到源站点。取而代之的是，您将显示一个带有该图像的扩展版本的Google Images窗口。
只有在屏幕截图的右侧面板上再次单击图像后，您就会离开Google并到达源页面。换句话说，在完成路由操作之前，Google图像在这里充当中介。
如果您的图像是图像包的一部分，则每次将包装加载到SERP中时，Google Search Console（GSC）都会记录该图像的印象。这要归功于您的图像标签的标题属性包含您的URL。
但是，尽管您可能会记录大量的印象，但是由于事实图像包包含查询细化链接，该链接的实际点击数可能要低得多，该链接包含了生成新的Google Image搜索结果，而不是将搜索器引向平台。
由于查询细化链接的工作方式以及GSC计数印象和点击的方式，图像包可以极大地扭曲您的单击率（CTR）的图像。
现在，我们求助于网站的案例研究，以解构其如何实施本模块中提到的指南来优化图像。
Kirbie Gravings是一家总部位于圣地亚哥的美食博客，在其网站上发表了数百种食谱。每个食谱都伴随着生动和高质量的图像。
当我们右键单击页面并查看其源代码时，我们会看到Max-image-Preiview：大型属性<head>元素就在源代码开始时。
结果，发布者的高质量图像出现在Google表面的预览中。
同时，尽管很大，但这些图像并不能减慢页面的加载时间。
我们右键单击图像，然后选择“检查”。这打开了页面右侧的一个面板，我们可以在该页面上检查页面上所选元素的属性。我们在上面的图像中看到以下内容：
我们在这里看到了两个有趣的事情：
正如我们之前讨论的那样，图像将大部分重量贡献为页面的重量，因此保持光线对于加速您的页面加载至关重要。
我们还讨论了使用正确的文件格式的重要性。我们建议将.jpg/.jpeg用于照片，而.png应用于图形和数字图像。我们可以在下面看到Kirbie渴望使用.png使用的数字图像，例如徽标和图标。
接下来，在相同的检查面板中，当我们单击“属性”时，尽管图像的重量相对较轻，但我们可以看到该页面使用了懒惰加载。
此页面通过以下方式精心优化了其图像
随着它发展以更好地满足用户需求，Google注定会添加/更新有关图像优化及其对搜索结果的影响的功能和策略。
通过在您的网站上牢记当前的图像最佳实践，您将更好地提供最佳的UX，在SERP上排名更高，并最终使流量驱动流量。