图像搜索引擎优化：针对搜索引擎优化图像
始终使用图像
正确使用图像将帮助读者更好地理解您的文章。或者更好地了解您提供的产品或服务。俗话说“一图胜千言”可能并不适用于谷歌。但当您需要为 1,000 个枯燥的单词增添趣味、在图表中说明您的意思或让您的社交媒体帖子更具吸引力时，这就是事实。
这是一个简单的建议：将图像添加到您撰写的每篇文章或创建的页面中，以使其更具吸引力。此外，随着搜索环境的快速变化，不再仅仅依赖文本，向页面添加视觉效果将有利于您的搜索引擎优化。
视觉搜索仍然是这个等式的重要组成部分——正如几年前谷歌对搜索未来的愿景中已经显而易见的那样。但随着人工智能和其他多媒体的发展，优化你的图像（和视频）可以让搜索引擎和人们更容易找到你。努力优化您的图像可以为您带来大量流量。当您访问 Google 图片时，您会注意到它现在带有过滤器、元数据和归因。这向我们表明，谷歌越来越了解图像中的内容以及该图像如何适应更大的背景。
寻找正确的图像
图片搜索引擎优化：这张图片并不是在说“欢迎来到我们公司”，而是在说“欢迎来到公司”。
使用原始图像（您拍摄的高质量照片）总是比库存照片更好。您的团队页面需要您实际团队的照片。不是右边这个家伙，也不是他的其他库存照片朋友之一。
您的文章需要与其主题相关的图像。如果您添加随机照片只是为了在Yoast SEO 内容分析中获得绿色子弹，那么您就错了。该图像应反映帖子的主题或在文章中具有说明性目的。另外，尝试将图像放置在相关文本附近。如果您有一个中心图像或想要排名的图像，请尽可能将其保留在页面顶部附近，而不感到被迫。这一切都有一个简单的图像 SEO 原因。具有相关文本的图像对于其优化的关键字排名更高。但我们稍后将在本文中讨论图像搜索引擎优化。
备择方案
您没有可以在网站上使用的原始图像吗？还有其他方法可以找到独特的图像。 Flickr：例如，Creative Commons 和Unsplash是很好的图像来源，因为您可以使用 Creative Commons 图像。当您使用其中一张图像时，请记住检查限制并注明原始摄影师。我们的博客文章为您提供了如何获取精彩图像的概述。避开明显的库存照片。如果您坚持使用库存照片，请选择看起来更真实的照片 。但无论您使用什么，您可能会发现其中包含人物的图像往往看起来像库存照片。除非您自己拍摄照片，否则（我们认为）这始终是最好的主意。
尽管 GIF 动画很流行，但也要保持适度。这将使您的帖子更具阅读难度，因为图像的移动会分散读者的注意力。另外，值得一提的是，它们可能会减慢您的页面速度。
准备在文章中使用的图像
找到正确的图像（照片、插图或图表）后，下一步就是针对您的网站对其进行优化。因此，在添加图像之前，您需要考虑以下几点：
选择正确的文件名
是的，我们是认真的。图像 SEO 从文件名开始。您希望 Google 无需查看图像就知道该图像的内容。因此，请在图像文件名中使用焦点关键词。很简单：如果您正在撰写有关巴黎圣母院的文章并使用显示巴黎圣母院大教堂上空日出的图像，则文件名不应该是 DSC4536.jpg。正确的文件名是 notre-dame-paris-sunrise.jpg。这样，照片的主要主题（也许还有您的文章）就位于文件名的开头。
选择正确的格式
对于图像，不存在正确的格式。这取决于图像的类型以及您想要如何使用它。简而言之，我们建议：对于较大的照片或插图，请选择 JPEG。它将以相对较小的文件大小为您提供良好的颜色和清晰度效果；
如果您想保留图像中的背景透明度，请使用 PNG；
或者使用 WebP 代替 JPEG 和 PNG。它将以较小的文件大小产生高质量的结果。您可以使用Squoosh等工具将图像转换为 WebP。
使用 SVG 来制作徽标和图标。借助 CSS 或 JavaScript，您可以管理 SVG 格式的图像。例如，在不损失质量的情况下调整它们的大小。
如果您知道大部分受众使用特定的浏览器或设备，请检查CanIuse.com上的这些浏览器是否支持您的首选格式。选择正确的名称和格式后，就可以调整图像大小并优化图像了！
图像 SEO 规模
加载时间对于整体用户体验和 SEO 至关重要。网站速度越快，用户和搜索引擎就越容易访问页面。图像会显着影响加载时间，尤其是当您上传大图像以将其显示为小图像时。例如，以 250×150 像素大小显示 2500×1500 像素的图像。即使它显示得小很多，仍然需要加载整个图像。因此，将图像大小调整为您想要显示的大小。WordPress 通过在上传图像后自动提供多种尺寸的图像来帮助您做到这一点。不幸的是，这并不意味着文件大小也得到了优化。这只是图像显示尺寸。因此，请考虑上传图像的大小！
使用响应式图像
这对于 SEO 来说也是必不可少的。如果您使用 WordPress，它会自动完成，因为它是在 WordPress 4.4 中默认添加的。图像应该具有该srcset属性，这使得可以为每个屏幕宽度提供不同的图像，这对于移动设备特别有用。
减小文件大小
图像搜索引擎优化的下一步是确保缩放后的图像被压缩。这样，它就会以尽可能小的文件大小提供。很高兴知道 WordPress 确实会压缩您上传的图像。但不幸的是，这种自动压缩通常不足以单独依赖它。当然，您可以导出图像并尝试质量百分比。但我们更喜欢使用尽可能最高质量的图像，特别是考虑到高分辨率屏幕在移动和桌面设备中的流行。例如，您仍然可以通过删除EXIF 数据来减小这些图像的文件大小 。我们建议使用 ImageOptim等工具或Squoosh、 JPEGmini、jpeg.io或 Kraken.io 等网站。优化图像后，您可以使用Google PageSpeed Insights、WebPageTest.org或Pingdom等工具测试您的页面。
改进核心 Web Vitals 中的 LCP
在 CSS 中指定图像的width和height可以显着改善网站的用户体验和整体性能。通过为图像设置明确的尺寸，您可以优化布局并防止内容在图像加载时移动。这种做法对于改善核心网络生命至关重要，包括最大内容绘制（LCP）。当您在 CSS 中定义图像的width和height属性时，浏览器可以在图像完全加载之前为其分配所需的空间。这使得浏览器能够更准确地呈现内容，并避免意外的布局变化，这可能会让用户感到非常沮丧。
以下是这样做的一些主要好处：
防止布局变化：通过设置图像的精确尺寸，您可以为它们保留适当的空间。这可以确保图像加载时页面上的其他内容不会移动或跳跃。用户可以开始不受干扰地消费内容，从而获得更好的用户体验。
提高页面加载速度：当浏览器提前知道图像的尺寸时，它可以为其分配空间，同时其他页面元素继续加载。这有助于优化页面加载速度，特别是 LCP 指标，因为从一开始就保留了最大的内容元素空间。
优化浏览器渲染：了解图像尺寸可以让浏览器在渲染和绘画方面表现更好。它可以有效地分配资源并优化渲染管道，从而带来更流畅、更快的浏览体验。
要指定width，height您可以对 CSS 中的图像使用内联样式或外部样式表。这是一个例子：
图像{
宽度：500px；/* 设置所需的宽度 */
高度：300px；/* 设置需要的高度 */
您可以使用相对单位（例如百分比或基于视口的单位（例如，vw、vh））来使图像响应并适应不同的屏幕尺寸，而不是使用固定像素值。
需要注意的是，在 CSS 中指定尺寸仅设置图像的显示大小，而不是其实际文件大小。要优化图像文件大小以加快加载速度，请考虑在将图像上传到您的网站之前对其进行压缩和调整大小。
通过在 CSS 中指定图像的width和height，您可以提高网站的整体性能、视觉稳定性和用户体验。将此做法与其他图像 SEO 技术（例如正确的图像格式、压缩和延迟加载）相结合，以最大限度地提高网站速度和核心网络生命力。
将图像添加到您的文章中
虽然谷歌在识别图像内容方面正在进步，但你还不应该依赖他们的能力。这一切都取决于您提供该图像的上下文 - 因此请尽可能多地填写！我们将在下面讨论如何进行。
当您的图像可供使用时，不要只是将其扔到文章中的任何位置。如前所述，将其添加到相关文本内容附近会有很大帮助。它确保文本与图像的相关性就像图像与文本的相关性一样，这是用户和谷歌更喜欢的。
字幕
图像标题是页面上图像附带的文本。如果您查看本文中的图像，就会发现每张图像下方灰色框中的文本。为什么标题对于图像 SEO 很重要？因为人们在扫描文章时会使用它们。人们在浏览网页时倾向于浏览标题、图像和说明文字。 早在 1997 年，雅各布·尼尔森 (Jakob Nielsen) 就写道：“增强扫描的元素包括标题、大字体、粗体文本、突出显示文本、项目符号列表、图形、标题、主题句和目录。”您需要为每张图像添加标题吗？不，因为有时图像有其他用途。决定是否也将其用于 SEO。您应该只在访问者认为有意义的地方添加标题。首先考虑访问者，不要仅出于图像搜索引擎优化的目的添加标题。
alt文本
文本alt（或 alt 标签）被添加到图像中，因此如果图像因任何原因无法向访问者显示，描述性文本将就位。我们无法用 维基百科来描述它：
“在读者无法获取图像的情况下，可能是因为他们关闭了网络浏览器中的图像，或者由于视觉障碍而使用屏幕阅读器，替代文本可确保不会丢失任何信息或功能。”
替代文本的作用是增强网站的可访问性。因此，请务必向您使用的图像添加替代文本。另外，如果合适，请考虑包含该页面的 SEO 关键词。不要在每个图像的替代文本中填充关键字。最重要的是，请描述图片中的内容，以便搜索引擎和人们能够理解。图像周围的相关信息越多，搜索引擎就越认为该图像重要。
但是，请记住，并非每个图像都需要替代文本。相反，请将替代文本视为内容的一部分，并将其添加到有意义的位置。例如，如果您有一个图像纯粹是出于装饰目的，那么该图像不需要替代文本。在这种情况下，替代文本不会给您的读者带来任何价值。另一方面，如果您使用带有统计数据的图像，例如上个月搜索冰淇淋的人数，那么这应该反映在替代文本中。您可以在这篇W3 的文章中找到替代文本的指导。
title文本
当鼠标悬停在图像上时，某些浏览器会将标题文本显示为“工具提示”。Chrome按预期显示标题文本 。图像的标题很相似，许多使用标题的人都会复制替代文本。但越来越多的人完全将它们排除在外。这是为什么？这是 Mozilla 的看法：
“title存在许多可访问性问题，主要是基于屏幕阅读器支持非常不可预测的事实，并且大多数浏览器不会显示它，除非您用鼠标悬停（因此例如键盘用户无法访问）。”
在主要文章文本中包含支持信息比将其附加到图像更好。
添加图像结构化数据
将结构化数据添加到页面可以帮助搜索引擎将您的图像显示为丰富的结果。虽然谷歌表示结构化数据并不能帮助你排名更高，但它确实有助于在图像搜索中实现更充实的列表。
如果您希望图像在图像搜索中显示丰富，Google 有一些您需要遵循的指南。其一，当将图像指定为结构化数据属性时，请确保该图像属于该类型的实例。此外，您的图像应该具有图像属性，并且您的图片应该是可抓取和可索引的。您可以在 Google 的结构化数据一般指南中找到所有这些内容。
Yoast SEO 会自动将正确的结构化数据添加到您网站上的多个图像中。例如，您的徽标或添加到使用我们的块构建的操作方法文章中的图像。该插件在任何页面上至少找到一个相关图像以添加到结构化数据图中。这样，Yoast SEO 就可以向搜索引擎正确描述您的页面。想了解更多有关结构化数据的信息吗？报名参加我们的免费结构化数据培训课程，了解有关向页面添加结构化数据的更多信息！
OpenGraph 和社交共享
早些时候，我们提到使用图像进行社交共享。如果您将以下图像标签添加到 <head>页面 HTML 中的部分，如下所示：
<meta property="og:image" content="https://example.com/link-to-image.jpg" />
这将确保图像包含在您在 Facebook 或 Twitter/X 上的共享中（OpenGraph 也用于Pinterest等其他社交媒体平台）。
Yoast SEO 有一个 社交媒体外观部分 ，您可以在其中设置，甚至在高级版本中 预览您的社交帖子。确保使用高质量的图像，例如您在帖子中使用的原始图像，因为社交平台通常使用更高质量/更大的图像。如果您已正确设置，但未显示正确的图像，请尝试在 URL 调试器中刷新 Facebook 的缓存。Twitter/X卡验证器对 Twitter 执行相同的操作。
XML 图像站点地图
作为一名 Web 开发人员，您可能想了解 XML 图像站点地图。我们更愿意将其描述为 XML 站点地图中的图像。谷歌对此很清楚：
此外，您可以使用站点地图的 Google 图片扩展，向 Google 提供有关您网页上可用图片的更多信息。图像站点地图信息可帮助 Google 发现我们可能无法通过其他方式找到的图像（例如您的网站通过 JavaScript 代码到达的图像），并允许您在您的网站上指示您希望 Google 抓取并编制索引的图像。
有时，人们会问我们有关 XML 图像站点地图的问题。我们不会在插件中生成这些内容，而是遵循 Google 的建议，并将它们包含在页面或帖子站点地图中。只需在我们的帖子站点地图中向下滚动，即可看到我们已将图像添加到所有帖子中（有一栏专门用于此目的）。将图像添加到XML 站点地图有助于 Google 为您的图像建立索引，因此请务必这样做以实现更好的图像 SEO。
通过图像 CDN 提供图像
我们都知道CDN是最流行的网站速度优化之一。一些提供 CDN 的公司也有专门的图像 CDN。图像 CDN 围绕基本任务构建：优化图像并将其尽快提供给访问者。运行图像 CDN 可以将图像的传输速度提高很多很多倍。
图像 CDN 可让您处理图像的转换、优化和交付。您可以确定何时加载什么以及如何加载。例如，所有 PNG 图像都应即时转换为 webp，因为它们加载速度最快并提供最佳图像质量。图像 CDN 有很多选项可以微调流程，但通常有一个默认设置可能最适合大多数网站。
有大量图像 CDN 可供选择，例如 Sirv、Cloudinary 和 Imagekit。此外，Cloudflare 等平台可让您确定如何调整大小、重新格式化和提供图像。
图像搜索引擎优化：总结
图像搜索引擎优化是许多元素的总和。随着谷歌每天都在识别图像中的元素方面做得越来越好，确保图像及其元素有助于良好的用户体验和搜索引擎优化是有意义的。试图欺骗谷歌是愚蠢的。
将图像添加到文章时请记住以下 12 件事：
使用与您的文字相匹配的相关图像
为您的图像选择一个好的文件名
确保图像尺寸与显示的图像尺寸匹配
srcset如果可能的话使用
减小文件大小以加快加载速度
指定width和height为您的图像
如果需要，添加标题，以便更轻松地扫描页面
使用图像替代文本。不需要标题文字
将结构化数据添加到图像中
为图像添加 OpenGraph 和 Twitter Card 标签
在 XML 站点地图中使用图像
通过 CDN 提供图像
尽可能提供所有背景信息！
除了有助于 SEO 和用户体验之外，图像在转化方面也很重要。因此，不要低估图像 SEO 在您网站上的重要性！
原文链接：https://yoast.com/image-seo/
转载请注明： 图像搜索引擎优化：针对搜索引擎优化图像 | 跨境湾
