无论您是在撰写新的博客文章还是在产品页面上工作,您很可能会问自己的页面是否需要图像。答案总是“是”。 图像使页面栩栩如生,并有助于网站的搜索引擎优化。但别担心,我们将帮助您找出在哪里可以找到合适的图片,并立即针对 SEO 进行优化。让我们开始吧!
一、始终使用图像
正确使用图像将帮助读者更好地理解您的文章。 或者更好地了解您提供的产品或服务。俗话说“一图胜千言”可能并不适用于谷歌。但当您需要为 1.000 个枯燥的单词增添趣味、在图表中说明您的意思或让您的社交媒体帖子更具吸引力时,这就是事实。这是一个简单的建议:在您撰写的每篇文章或创建的页面中添加图像,以使其更具吸引力。此外,随着搜索环境的快速变化,不再仅仅依赖文本,向页面添加视觉效果将有利于您的搜索引擎优化。
视觉搜索仍然是这个等式的重要组成部分——正如几年前谷歌对搜索未来的愿景中已经显而易见的那样。但随着人工智能和其他多媒体的发展,优化你的图像(和视频)可以让搜索引擎和人们更容易找到你。 努力优化您的图像可以为您带来大量流量。当您访问 Google 图片时,您会注意到它现在带有过滤器、元数据和归因。 这向我们表明,谷歌越来越了解图像中的内容以及该图像如何适应更大的背景。
二、寻找正确的图像
使用原始图像(您拍摄的高质量照片)总是比库存照片更好。 您的团队页面需要您实际团队的照片。 不是右边这个家伙,也不是他的其他库存照片朋友之一。您的文章需要与其主题相关的图像。图片应反映帖子的主题或在文章中具有说明性目的。
另外,尝试将图像放置在相关文本附近。如果您有一个中心图像或想要排名的图像,请尽可能将其保留在页面顶部附近,而不感到被迫。这一切都有一个简单的图像 SEO 原因。具有相关文本的图像对于其优化的关键字排名更高。但我们稍后将在本文中讨论图像搜索引擎优化。
备择方案:
您没有可以在网站上使用的原始图像吗? 还有其他方法可以找到独特的图像。Flickr:例如,Creative Commons 和 Unsplash 是很好的图像来源,因为您可以使用 Creative Commons 图像。当您使用其中一张图像时,请记住检查限制并注明原始摄影师。如果您坚持使用库存照片,请选择看起来更真实的照片。但无论您使用什么,您可能会发现带有人物的图像往往看起来像库存照片。除非您自己拍摄照片,否则(我们认为)这始终是最好的主意。
三、准备在文章中使用的图像
一旦找到正确的图像(照片、插图或图表),下一步就是针对您的网站对其进行优化。 因此,在添加图像之前,您需要考虑以下几点:
1. 选择正确的文件名
图像搜索引擎优化从文件名开始。您希望 Google 无需查看图像就知道该图像的内容。因此,请在图像文件名中使用焦点关键词。
2. 选择正确的格式
对于图像来说,不存在正确的格式。 这取决于图像的类型以及您想要如何使用它。 简而言之,我们建议:
对于较大的照片或插图,请选择 JPEG。它将以相对较小的文件大小为您提供良好的颜色和清晰度效果;
如果您想保留图像中的背景透明度,请使用 PNG;
或者使用 WebP 代替 JPEG 和 PNG。它将以较小的文件大小产生高质量的结果。您可以使用 Squoosh 等工具将图像转换为 WebP。
使用 SVG 来制作徽标和图标。 借助 CSS 或 JavaScript,您可以管理 SVG 格式的图像。 例如,在不损失质量的情况下调整它们的大小。
如果您知道大部分受众使用特定的浏览器或设备,请检查 CanIuse.com 上的这些浏览器是否支持您的首选格式。选择正确的名称和格式后,就可以调整图像大小并优化图像了!
3. 缩短图像 SEO 加载时间
加载时间对于整体用户体验和 SEO 至关重要。网站速度越快,用户和搜索引擎就越容易访问页面。 图像会显着影响加载时间,尤其是当您上传大图像以将其显示为小图像时。 例如,以 250×150 像素大小显示 2500×1500 像素的图像。
即使它显示得小很多,仍然需要加载整个图像。因此,将图像大小调整为您想要显示的大小。 WordPress 通过在上传图像后自动提供多种尺寸的图像来帮助您做到这一点。不幸的是,这并不意味着文件大小也得到了优化; 这只是图像显示尺寸。 因此,请考虑上传图像的大小!
4. 使用响应式图像
这对于 SEO 来说也是必不可少的。 如果您使用 WordPress,它会自动完成,因为它是在 WordPress 4.4 中默认添加的。 图像应该具有 srcset 属性,这使得可以为每个屏幕宽度提供不同的图像,这对于移动设备特别有用。
5. 减小文件大小
图像搜索引擎优化的下一步是确保缩放后的图像被压缩。 这样,它就会以尽可能小的文件大小提供。 很高兴知道 WordPress 确实会压缩您上传的图像。 但不幸的是,这种自动压缩通常不足以单独依赖它。当然,您可以导出图像并尝试质量百分比。 但我们更喜欢使用尽可能最高质量的图像,特别是考虑到高分辨率屏幕在移动和桌面设备中的流行。
6. 改进核心 Web Vitals 中的 LCP
在 CSS 中指定图像的宽度和高度可以显着改善网站的用户体验和整体性能。 通过为图像设置明确的尺寸,您可以优化布局并防止内容在图像加载时移动。 这种做法对于改善核心网络生命至关重要,包括最大内容绘制(LCP)。当您在 CSS 中定义图像的宽度和高度属性时,浏览器可以在图像完全加载之前为其分配所需的空间。 这使得浏览器能够更准确地呈现内容,并避免意外的布局变化,这可能会让用户感到非常沮丧。以下是这样做的一些主要好处:
防止布局变化:通过设置图像的精确尺寸,您可以为它们保留适当的空间。 这可以确保图像加载时页面上的其他内容不会移动或跳跃。 用户可以开始不受干扰地消费内容,从而获得更好的用户体验。
提高页面加载速度:当浏览器提前知道图像的尺寸时,它可以为其分配空间,同时其他页面元素继续加载。 这有助于优化页面加载速度,特别是 LCP 指标,因为从一开始就保留了最大的内容元素空间。
优化浏览器渲染:了解图像尺寸可以让浏览器在渲染和绘画方面表现更好。 它可以有效地分配资源并优化渲染管道,从而带来更流畅、更快的浏览体验。
四、将图像添加到您的文章中
虽然谷歌在识别图像内容方面正在进步,但你还不应该依赖他们的能力。这一切都取决于您提供该图像的上下文。因此请尽可能多地填写!我们将在下面讨论如何进行。当您的图像可供使用时,不要只是将其扔到文章中的任何位置。如前所述,将其添加到相关文本内容附近会有很大帮助。它确保文本与图像的相关性就像图像与文本的相关性一样,这是用户和谷歌更喜欢的。
1. 字幕
图像标题是页面上图像附带的文本。如果您查看本文中的图片,就会发现每张图片下方灰色框中的文本。人们在浏览网页时倾向于浏览标题、图像和说明文字,决定是否也将其用于 SEO。您应该只在访问者认为有意义的地方添加标题,首先考虑访客,不要仅出于图像搜索引擎优化的目的添加标题。
2. 替代文本
替代文本(或替代标签)被添加到图像中,因此如果图像因任何原因无法向访问者显示,描述性文本将会就位。替代文本的作用是增强网站的可访问性,如果合适,请考虑包含该页面的 SEO 关键词。不要在每个图像的替代文本中填充关键字,请描述图片中的内容,以便搜索引擎和人们能够理解。图像周围的相关信息越多,搜索引擎就越认为该图像重要。并非每个图像都需要替代文本。相反,请将替代文本视为内容的一部分,并将其添加到有意义的位置。
3. 标题文字
当鼠标悬停在图像上时,某些浏览器会将标题文本显示为“工具提示”。 Chrome 按预期显示标题文本。 图片的标题很相似,许多使用标题的人都会复制替代文本。 但越来越多的人完全将它们排除在外。
4. 添加图像结构化数据
将结构化数据添加到页面可以帮助搜索引擎将您的图像显示为丰富的结果。虽然谷歌表示结构化数据并不能帮助你排名更高,但它确实有助于在图像搜索中实现更充实的列表。如果您希望图像在图像搜索中显示丰富,Google 有一些您需要遵循的指南。 其一,当将图像指定为结构化数据属性时,请确保该图像属于该类型的实例。 此外,您的图像应该具有图像属性,并且您的图片应该是可抓取和可索引的。 您可以在 Google 的结构化数据通用指南中找到所有这些内容。
五、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
减小文件大小以加快加载速度
指定图像的宽度和高度
如果需要,添加标题,以便更轻松地扫描页面
使用图像替代文本。 不需要标题文字
将结构化数据添加到图像中
为图像添加 OpenGraph 和 Twitter Card 标签
在 XML 站点地图中使用图像
通过 CDN 提供图像
尽可能提供所有背景信息!除了有助于搜索引擎优化和用户体验之外,图像对于转化也很重要。 因此,不要低估图像 SEO 在您网站上的重要性!