网站推广图片的重要性 – 7个高级图片优化技巧SEO

网站推广图片的重要性 – 7个高级图片优化技巧SEO

网站推广图片的重要性 – 7个高级图片优化技巧

网站推广图片的重要性 – 7个高级图片优化技巧SEO: 谈论图像SEO,通常首先想到的是优化alt标签,但是要优化图像,还有很多事情要做。实际上,可以肯定地说,图像优化是SEO中最容易被忽视的领域之一。但这不是必须的。 经常会发现网站上的图像具有巨大的文件大小和非描述性的文件名,并且这些图像在网站上的显示尺寸远小于原始图像。

通常,问题在于SEO的初学者指南仅涵盖基础知识,这意味着优化alt标签几乎是所提到的全部。

但请不要忘记,图像搜索本身就是一件大事,并且可以为您的网站带来大量流量。我们最近的视觉搜索指南  很好地展示了图像搜索的重要性。

让我们面对现实吧,谁没有用它来浏览小猫的照片呢?

谷歌图片搜索示例

图像SEO不应被忽略,在本指南中,我们将引导您逐步执行优化网站图像并在图像搜索中排名更高的步骤。

在此图像SEO指南中,我们将介绍:

为什么图像如此重要?

图片有助于为您的内容提供上下文。

正确的图像可以帮助用户更好地理解书面内容并与之互动,并有助于分解大块的文本。

没有什么比几千个单词的坚实块少吸引人的了。

但除了用户之外,Google的未来愿景是朝着视觉搜索迈进,这是几年前Google Images全面改版的开始。

我们越来越多地看到图像占据了SERP上的主要房地产,通常高于通常的自然结果。

显示在SERP上的优化图像

要点:图像应谨慎选择。

我们都习惯在其他网站上看到相同的库存图片,当您使用定制的图片来传达您要讲述的故事时,真正的价值就来了。

您不能忽略图像和图像搜索的重要性。优化图像应成为您正在进行的SEO策略的一部分,应被视为您应遵循的最佳实践之一

什么是图像SEO

图像搜索引擎优化(通常称为图像优化)主要是为了改善您网站的图像,主要有两个原因:

  1. 在Google图片搜索上排名更高。
  2. 改善网页的整体可见性和优化。

这就意味着要执行许多不同的任务,这将有助于Google更好地了解您网站的图像,包括正确命名文件,添加和优化替代文本,减小文件大小等等。

与图像SEO相关的常见问题之一是,鉴于Google在使用AI和机器学习进行图像识别方面的进步,这些任务是否仍然必要?

简单的答案是。Google仍无法读取所有类型的图像,尽管近年来它们的读取能力已大大提高。同样重要的是要知道图像SEO不仅仅是帮助搜索引擎了解图像显示的内容。

图像优化不佳是网页缓慢的主要原因之一,而进行的改进可能会对网站加载速度和PageSpeed得分产生重大影响。

然而,图像SEO通常会因优化alt标签而停止。不可否认,这是该过程的重要组成部分,但这只是其中之一。

也就是说,了解alt标签和alt文字及其用途是一个很好的起点。

什么是替代标签和替代文本?

您经常会听到SEO在谈论优化alt标签或alt文本。它们有时也称为alt描述或alt属性。它们可互换使用来指代同一件事。

但是他们是什么?

这是Matt Cutts很久以前以一种易于理解的方式解释的方式。(我们都想念马特)

Alt标签为搜索引擎以及使用屏幕阅读器访问网页的引擎提供了图像的替代文本。替代文字的原始用途和用途是帮助使盲人和视力障碍者可以访问图像。

简而言之,它们是每个图像的文字描述,清楚地描述了其显示的内容。

它们是图像标签中HTML代码的一部分,如下所示:

<img src="cute-kitten-playing-ball.png" alt="cute kitten playing with a ball" />.

替代文字是描述性内容,位于提供给图片标签的alt属性中。

替代文字可以通过在网页上添加其他相关信号来帮助提高网站的SEO性能,并帮助Google更好地理解图像的内容并对其进行排名。

但是,有很多人都犯了这个错误,因此您不必费神气概地找到一个页面,其中所有图像都使用相同的替代文本–与页面主要目标关键字完全匹配。

如何优化替代文字

优化图像的替代文本时,应遵循最佳实践规则。

制作描述性的alt标签不需要困难。最好不要考虑得太多,以图像的内容为主导。

通常,撰写出色的替代文字意味着使用常识来描述图像所显示的内容。我们可以将其分解为仅应遵循的三个最佳实践规则。

ALT标记的3条规则

1.描述和具体

替代文字应始终尽可能详细地描述图像的内容。

描述图像时,您可以越具体,就越好,因为这将有助于图像在Google图像搜索中排名,并提供上下文与页面内容之间的关系。

2.相关

Alt标签不是发送垃圾邮件完全匹配关键字的地方,而应用于准确描述图像显示的内容。

Alt标签应该绝对相关。

尝试编写与文本有关的替代文本,该替代文本与所处页面的主题相关,尤其是当图像本质上更为通用且不像其他图像那么具体时。

3.独一无二

不要将页面的主要目标关键字用作页面上每个图像的alt标签。

始终确保编写描述图像特定内容的唯一替代文本,而不要重复其他内容。

但是在实践中,经过优化的alt文本是什么样的?让我们为这张两只小猫的图像写一个:

 

具有描述性,相关性和唯一性的alt标签看起来像这样:

alt="two cute ginger kittens sleeping with balls of wool"

这是对搜索引擎和屏幕阅读器的描述,同时包含关键字。

如何在流行的网站平台上添加Alt标签

一些网站平台已经设置了替代文本选项;您只需要访问它们。

如何在WordPress的图像上添加替代文本

如果您使用的是WordPress,则将alt文本添加到图像中确实很容易。

只需在编辑器窗口中单击图像,您就会在“图像设置”选项卡上看到一个相应的字段。

 

或者,单击媒体库中的图像,您还将在此处看到选项。

 

如何在Shopify上的图像中添加替代文本

如果您使用Shopify,则可以在主题图像和产品图像中添加替代文本。

要优化产品图片上的替代文字,请转到“ 产品”>“所有产品”,然后单击要编辑的产品列表。

在产品详细信息页面上,单击进入媒体项目,然后找到预览媒体页面。现在,您可以单击以添加替代文本。

要将替代文本添加到主题图像,请转至在线商店 > 主题,然后单击以自定义商店的主题。

您将在页面左侧看到部分菜单,您可以在其中单击图像块,然后从中单击单个图像。

您将看到一个文本框,您可以在其中添加替代文本。

 

如何在Magento的图像上添加替代文本

在Magento商店的图像上添加替代文本真的很容易。

为此,请单击目录 > 产品, 选择要添加替代文本的产品,然后滚动到图像和视频部分。

单击进入图像,然后可以编辑替代文本。

图片来源:121电子商务

如何在Wix上向图像添加替代文本

不久之前,您无法在Wix商店的图像上添加替代文本。但是,近年来,该平台已投入资源来解决常见的SEO问题,现在可以进行替代文本编辑。

通过单击要添加替代文本的对象并打开设置选项,可以在编辑窗口上向图像添加替代文本。

从这里,您将看到“图像中有什么?”的选项。这就是您可以添加替代文本的地方。

替代文字的Wix设置。


图片如何影响PageSpeed得分

在使用Google PageSpeed Insights工具时,图像优化被认为是提高网站PageSpeed得分的主要方法之一,这并不罕见。

大图像是最有可能的罪魁祸首,这是有道理的。

较大的图像需要较长的下载时间,这反过来又减慢了页面的加载时间。

谷歌Pagespeed见解图像

您可以在本指南中了解更多有关如何提高PageSpeed得分的信息。

7个高级图像优化技巧:超越替代文字

图像优化不应仅仅添加alt标签。

您可以采取多种措施来改善网站的整体自然性能,并优化图像以使其在Google图像搜索中排名更高。

许多问题源于仅选择将原始图像上传到您的站点而没有先进行一点工作的想法–从来都不是一个好主意。

这里有7个最有效的高级链接优化技巧供您使用:

1.正确命名图像

Google会发布自己的图片最佳做法指南,而最简单的方法之一就是应确保您使用的是描述性图片名称。

例如,使用“ jordan-air-1-mid-front.jpg  优于  IMG00353.JPG”

当您从相机或智能手机导出图像(甚至拍摄屏幕截图)时,它们会被赋予通用文件名。不要上传带有默认文件名的图像。取而代之的是给它一个描述性的名称,该名称有助于使所显示内容具有上下文关系,并用短划线而不是下划线分隔单词。

上传图像时,将此任务作为清单的一部分。

如果您已经将图像上传到页面,请继续并更新文件名以进行描述。不会花很长时间,这是值得使用的时间。

2.将图像调整为显示尺寸

图像的另一个常见问题是,图像文件的像素大小比您网站上使用的图像大得多。

例如,iPhone X上的主摄像头产生4032px x 3024px的图像。

但是,假设此图片在您的网站上显示的最大宽度为600px。

宽4032像素的图像与宽600像素的图像之间的文件大小差异将非常明显,并且使用多于其显示大小的多个图像可迅速导致页面文件大小的大幅增加。

确保将图像调整为最大显示尺寸。

如果您使用的是WordPress,则可以使用“ 上传后调整图像大小”之类的插件  来帮助您完成此操作。否则,可以像使用Canva这样的工具在Photoshop中调整图像大小。

您还应该确保使用CSS响应缩放图像

3.减小图像文件大小

减小图像文件大小的最简单方法之一就是将它们调整为最大显示尺寸,但这不是唯一的方法。

实际上,这再次是Google在其图像优化指南中建议的内容:

为了获得最佳结果,请对图像进行各种质量设置实验,不要害怕降低质量-视觉效果通常非常好,文件大小节省的空间可能很大。

– 谷歌

如何减少图片的文件大小?

通过使用Google推荐的三种开源工具之一:

  • 古特兹利
  • 莫兹·佩格
  • pngquant

但是,如果您不熟悉使用此类工具,或者需要更快的基于Web的解决方案,则可以使用诸如Optimizilla之类的工具  来压缩图像。

或者,如果您使用的是WordPress,请尝试使用Smush插件。

4.创建图片站点地图

如果您对Google发现网站上的所有图像并在Google Image Search中执行这些图像很认真,则应创建一个专门的站点地图,其中应包含所有图像的URL。

很简单,创建图像站点地图会增加图像出现在搜索结果中的机会,虽然您可以在现有站点地图中引用图像,但通常最有意义的是创建一个专用的地图搜索引擎可以使用。

这是Google提供的示例,可帮助您了解所需使用的格式。

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
<url>
<loc>http://example.com/sample.html</loc>
<image:image>
<image:loc>http://example.com/image.jpg</image:loc>
</image:image>
<image:image>
<image:loc>http://example.com/photo.jpg</image:loc>
</image:image>
</url>
</urlset> 

创建图片站点地图与创建包含您的网页的站点地图有一个主要区别。

正如Google所说,“图像站点地图可以包含来自其他域的URL,这与常规站点地图不同,后者强制执行跨域限制。这使您可以使用CDN(内容交付网络)托管图像。”

这样可以很好地理解为什么要在CDN上托管映像。

5.在CDN上托管映像

最常见的是,整个网站都将托管在一台服务器上。

但是,让我们想象一个场景,其中一个网站托管在美国,但是却被欧洲某个地方的用户访问。

诸如图像之类的资产将需要进一步传播给欧洲的用户,从而减慢页面的加载时间。

CDN(内容交付网络)的工作原理是在全球不同位置的多台服务器之间缓存网站的图像,这意味着可以从距离它们最近的位置向用户提供这些图像。

流行的CDN包括Cloudflare,Fastly,KeyCDN和Amazon CloudFront。

您可以通过W3 Total Cache之类的插件在WordPress上轻松设置CDN ,或者要获得进一步的指导,您会发现每个提供商的有用的集成指南,例如Cloudflare的集成指南。

我们还建议您查看有关CDN必须了解SEO做法的指南。

6.实现延迟加载

我们不能忽略这样的事实,图像通常是文件大小最大的页面上的资产,因此是网站速度降低的原因。

我们不能简单地没有图像。这不是一个选择,因为它们对于提供出色的用户体验太重要了。

但是我们可以使用延迟加载来延迟浏览器加载图像,直到需要它为止。

延迟加载只是意味着在需要资产之前才加载它们。这意味着页面在用户首次登陆时会更快地加载。它不仅用于图像;还用于图像。像JavaScript这样的资产也可以通过这种方式加载。

以这种方式进行思考–如果用户从不向下滚动到页面的后半部分,则这些资产将永远不会被加载。这带来了显着的性能改进。

再次查看Google对此的看法,并在PageSpeed Insights中建议将延迟加载作为服务:

延迟加载可以根据需要或在主要内容完成加载和渲染时加载,从而大大地缩短了包含很多首屏图像的长页面的加载速度。

– 谷歌

要了解如何在您的网站上实现延迟加载,请参阅本指南。

7.利用浏览器缓存

您会经常看到Google PageSpeed Insights建议您利用浏览器缓存。

简而言之,浏览器缓存是指访问者的浏览器存储文件的时间,这意味着资产下次访问页面时加载速度更快。

当您访问页面时,将下载图像,然后将其显示在浏览器中。如果没有浏览器缓存,则该用户下次访问该页面时,都将需要重新下载所有这些内容。但是通过浏览器缓存,浏览器将已经存储了这些内容,这意味着页面加载速度更快。

浏览器缓存对用户经常重新访问同一页面的站点有明显的影响。

您可以在此处了解有关Google建议如何使用缓存的更多信息。

如果您使用的是WordPress,则其中一种流行的缓存插件可以帮助您快速实现此目的。如果不是这样,GTmetrix的本指南将为您提供帮助。

图片优化和Google页面体验更新

Google最近宣布,他们将在2021年某个时候推出其Page Experience Update。

此更新将考虑许多现有的排名因素,包括安全浏览惩罚,侵入式插页式惩罚,HTTPS作为排名因子,适合移动设备的更新,Page Speed更新和Core Web Vitals。

如果您错过了该公告,则从本质上讲,这意味着按照Search Engine Land的定义,“在所有其他注意事项都相同的情况下,此更新意味着Google如果提供良好的用户体验,则更有可能将您的网页排名更高。”

但这与图像优化有何关系?

首先,您会注意到Core Web Vitals是要考虑的因素之一,其中包括LCP-最大的内容刷。这实质上表明了页面的感觉。当用户认为页面已加载时。

LCP由Google计时,以计算页面上最大内容元素的呈现时间,通常是图像。

CLS(累积布局转移)是另一个核心Web生命,这就是即使页面似乎已完全加载,内容仍在移动时发生的情况。简而言之,可以通过在图像(和视频)中包含尺寸属性来优化此效果。

但最后,我们需要记住,“页面体验更新”还考虑了“页面速度”,并且我们已经在上面看到了图像影响此效果的方式。

发现您网站图片的问题

现在,我们研究了如何优化站点的图像,但是如何找到站点上已经存在的问题?

您可以使用SEMrush网站审核工具  突出显示这些问题。现场审核的“问题”选项卡也许是上手最快的方法,它展示了以下问题:

内部和外部图像损坏

图像损坏会导致用户体验差;您应该优先修复所有不显示的图像。

网站审核工具将清楚地突出显示网站上所有损坏的图像,以便您可以更新错误的URL或替换图像。

审核还将突出显示任何损坏的外部图像,并且最佳实践是替换此图像,因为您将无法控制源。

没有替代属性的图像

我们已经研究了为您的图像优化alt文本的重要性,并且站点审核报告将清楚地返回您站点上当前没有它们的所有列表。

最终,这使得添加alt文本的工作变得稍微容易一些,从而为您提供了逐页处理的列表。


认真考虑图像SEO,以获取用户体验和搜索引擎

花时间适当地优化图像,会对图像搜索对网站的访问量产生明显影响,并通过缩短加载时间来改善用户体验。

而且,请不要忘记优化图像文件名和alt标签还有助于使页面的其余部分具有上下文相关性,从而改善页面的有机可见性。

许多SEO忽略了图像优化,但是随着明年Google的Page Experience更新的出现,再没有比现在更好的优先级了。