图片SEO优化

一个网站的图片占比通常在30%到50%,但图片中视觉窗口中最大的元素,特别是在手机端浏览,图片给的视觉感受冲击占据90%以上。而图片往往是页面上加载的最大资源,高质量的独特图片在搜索中是一种有价值的商品,将帮助你在使用其他地方的图片的竞争对手中排名靠前。

图片SEO优化不仅仅提高你的网站质量,还是提升你的网站在搜索引擎的排名的重要因素。

尽可能使用独一无二的图片

为什么你的网站要使用独一无二的图片?
从搜索引擎来讲,它们喜欢新的,不是重复的新图片,因为搜索引擎可以为同一内容展现不同内容的图片,不是千遍一律的重复旧图片或类似图片,因而为用户提高搜索体验。
如果你的网站使用通用图片,而这些图片也会经常被别人使用,那么当用户搜索得到的图片,大概念就会产生同质化。搜索结果页面是会被排名的,当你的网站排名或权重不高时,你被展现到用户的机会就很少。
使用通用图片,虽然可以使用一些网站上的无版权图片,但你也有可能调用到有版权的图片,引起侵权的问题。
当你的网站是属于商务,电商网站时,产品图片仍然使用别人的图片,那么当用户在搜索此类产品时,你必然会被参与SERP搜索结果页排名,自然你能被你的顾客找到机会也就会下降。只要搜索引擎有一些选择,在搜索中没有一张重复的图片,那么它还会深入挖掘,从尽可能多的角度展示产品。如果你是这些独特图片的提供者,那么你出现在SERP中的机会就会大大增加。

选择合适的图片格式

什么样的图片格式体积小,而且图像质量高,适合在网络上传输?今天,首选的格式是AVIF、JPEG 2000、JPEG XR和WebP。这些格式更善于处理压缩,因此可以做得体积更小,节省加载时间和改善用户体验。更好的用户体验又有利于在搜索中获得更好的位置。

在上面列出的四种图像格式中,让我们先关注一下WebP。它被认为是网络上最通用的图像格式。它支持有损和无损压缩,允许透明,并且可以做动画。从本质上讲,它是PNG、JPEG和GIF的结合体。更重要的是,WebP文件往往比类似质量的PNG和JPEG文件体积要小25%至35%。

唯一令人担忧的是,WebP在过去并不被一些浏览器所支持。尽管今天,自从Safari加入后,该格式实际上在90%以上的会话中被支持。不过,如果你仍然担心兼容性问题,你可以将你的网页设置为在浏览器支持时提供WebP,而在不支持时提供不同的格式。

图片压缩

虽然新的图片格式已经可以大幅度减少图片的体积了,但对图片体积再进行压缩,越有利于图片在网络上传输。根据每个网络的需求不同,或使用的技术不同,可以采取先压缩再上传,或是上传时在线进行压缩。

指明图片尺寸

这里还有一件事,可能会对你的排名产生不利影响。当你没有标明图像尺寸时,浏览器将花费一些时间来试图找出你的图像在屏幕上的适当尺寸。从用户的角度来看,它将看起来像页面上的元素在跳舞,在它们稳定下来之前,页面是无法使用的。这被称为布局偏移,谷歌将其作为用户体验评估的一部分来衡量。
为了避免这种情况,一定要指明图片尺寸,任何浏览器都会根据你的图像尺寸,并在页面上预留足够的空间。因此,即使你的图像没有立即加载,其他页面元素也不会争夺空间,这很可能解决你的大部分布局转移问题。

添加图片的alt文本

Alt文本是一个图像属性,它对图像进行描述。它最初目的是在图像无法加载时显示出来,或为视力受损的访问者大声朗读。

就SEO而言,alt文本的目的是向搜索引擎描述图像。在过去,当搜索引擎还没有能力使用人工智能来解释图像时,它更重要。虽然目前图片识别技术在提高,但技术仍远未完善,当你提供描述性的alt文本时,搜索引擎对在搜索结果显示你的图像更加准确,而且比直接识别图片内容更加快速。

一个好的alt文本是精确描述图片的文本--有足够的细节,alt文本不是去用关键词填充的,而是用一句话准确描述有关图片的内容。alt文本最好跟你当前页面的标题或描述或关键词相关联!

延迟加载视窗外的图片

另一个可以改善用户体验的与图像有关的秘诀就是延迟加载视窗外的图像。这意味着你在需要时才加载图片。进入视窗内的的图片会被立即加载,而页面底部的图片只有在滚动到时才会加载。
这样做的好处是,当用户第一时间打开网页时,服务器只需要加载当前的图片,而在当前窗口以外的图片是不会被加载的,这样就节省了加载时间,不会因为服务器要把全网页所的图片加载完成后才显示,即使是一边加载一边显示,如果图片过多,也可能导致页面卡顿之类的情况,或影响用户在当前页面的其它操作体验。

优化图片命名

图像命名可以提醒谷歌和其他搜索引擎爬虫注意图像的主题。通常情况下,文件名看起来像 "IMG_72 "或类似的名字,这就像在不同语言的菜单上点菜一样,这对搜索引擎没有任何帮助。改变默认的文件名,以帮助搜索引擎理解你的图片要表达的内容,提高你的SEO价值。图片命名最好跟你当前页面的标题或描述或关键词相关联!

创造响应式图片

在移动互联时代,使用手机,或平板这一类小屏幕浏览网页的可能性在不断地增加,所以要关注并优化好图片的移动设备的浏览体验。Mozilla提供了一个全面的关于使用srcset和 sizes属性来为浏览器提供额外的源图像的方法,使得能够显示为设备调整过大小的相同的图像内容。

添加Schema标记

Schema标记是一个HTML标签的集合,用于告诉搜索引擎你的页面上有哪些内容。例如,如果你是一个本地企业,你可以使用这些标签来告诉搜索引擎你的页面上的哪一点内容是地址,哪一点是电话号码,等等。这样,谷歌对在搜索中显示你的信息感到更有信心。
就图像而言,有两种类型的页面应用结构化数据是有意义的:产品页面和食谱页面。产品和菜谱模式都有专门的图像标签。而且,如果你正确使用它们,搜索引擎,特别是谷歌将能够使用你的图像在SERP中创建丰富的片段snippets。

保护你的图片不被盗用

上面讲过,你的网页要使用独一无二的图片,但图片通常是公开的,那就有可能被别人盗用,一旦被盗用,你的图片将不再是独一无二的图片。而且一旦,盗用你图片的网站排名或权值比你好的话,你的图片,甚至你的内容将会被作他人嫁衣。
为了避免这个问题,你的图片必须要增加图片所有权的属性:
Author(创作者)--在这里你要写上图片的作者。
copyrightNotice(版权声明)--在这里你要写上你的版权许可及其说明的链接。
source(来源)--在这里你可以添加到你的网站或你的图片的网站链接。
如果你的竞争对手只是去复制你用于图像整合的代码,搜索引擎仍然认为你是实际的所有者,并因为这些标签而给予你优先权。而且,即使他们删除了这些标签,谷歌仍然会给你优先权,因为它认为有标签的图像更值得信赖。

图像SEO优化,有很多因素可能被忽视,而图像SEO优化,要做好它很艰难,很耗时,很困难。但是,如果你把这里的所有建议放在心上,并采取额外的措施来实施,排名的红利将很快到来。

 

 

Previous/Next

Say Something!

Leave a Reply