当前位置:淮安SEO > SEO资讯 >

SEO图像优化:成功所需要知道的一切

发布时间:2019-06-06 11:34:34  来源:互联网  作者:淮安SEOwww.huaianseo.cn  点这评论

截至2019年1月,有超过19.4亿个网站。这是很多竞争。什么是脱颖而出的好方法?伟大的形象。事实上,当涉及与信息交互和吸收信息时,视觉主宰所有其他感官。

以下是三个快速的事实,可以帮助您了解图像对人们(以及seo)的重要性:

  • 大脑传输的所有数据中有90%是可视的。
  • 人类大脑在读取1000个单词所需的相同时间内处理一个图像。(是的,事实证明,古老的格言确实植根于科学事实。)
  • 即使三天后,视觉内容的召回价值为65%,而书面文字的召回价值仅为10%。

由于大部分搜索量来自手机 - 再加上人们的注意力缩短到8秒,因此网站必须能够提供快速,无摩擦且令人愉悦的用户体验。

图像优化是这个难题的主要部分。

图像优化可以为我的用户(以及SEO)做些什么?

  1. 通过缩短网站速度,可以降低跳出率并提高网站保留率。
  2. 它有助于提高页面加载速度,这是Google的主要排名因素。
  3. 它可以帮助您提高关键字的突出性。 在这里阅读更多内容。
  4. 它有助于反向图像搜索,这可能是一个很大的增值,特别是如果你是一个基于产品的业务。
  5. 许多设备和台式机使用高分辨率屏幕,这增加了对高质量图像的需求。

基本图像优化提示

这些是任何人都可以申请任何类型的网站(甚至WordPress)的一些提示,所以你不仅仅是你的开发人员和设计师的怜悯。

1.选择正确的图像类型:矢量或光栅?

  • 矢量图像很简单,使用线条,点和多边形创建。矢量图像最适用于形状,徽标,图标和平面图像。当您放大时,它们具有无像素化的特性,使其适用于高分辨率设备。此外,您可以在多个平台上使用相同的图像文件(以及响应式网站设计),而无需使用多个变体。
  • 另一方面,光栅图像是由矩形网格构成的图像,每个网格都包含多个颜色值(像素)。光栅图像为您想要传达的图像提供深度,使其具有情感和心理吸引力,因为这些图像看起来很真实。但是,如果处理不当,这些可能会严重妨碍您网站的加载速度!此外,您可能需要保存多个文件变体,以确保它们在不同平台上兼容并适合响应式设计。

这是Google分享的一个表格,用于帮助理解像素到字节的关系。简而言之,您将了解一个图像根据其尺寸可以获得的重量。

SEO图像优化:成功所需要知道的一切

来源:谷歌

谷歌还提到需要四个字节的内存来提供一个像素。想象一下,如果您在800 X 800像素的网站上有多个图像。我们的网站至少需要大约625 kBps。或者更简单地说,想象一只大象参加兔子比赛。

底线

我建议明智地使用两者的混合。理想的比例可以是40%的矢量图像和60%的光栅图像。

2.选择最佳图像格式 - SVG,JPG,PNG或GIF?

矢量图像的最佳格式:

SVG是矢量图像的唯一,也是最好的选择。由于其平面图像,您还可以获得易于扩展的高品质。

栅格图像的最佳格式:

  • PNG:生成具有大文件大小的高质量图像。只有在您想要保存图像的每个细节时才能建议它。
  • JPG:生成高质量的图像,文件大小不重。但是,这些都是有损图像,这意味着您将永久丢失一些次要图像细节。JPG无疑是首选的图像格式,为您提供轻松下载和上传图像的便利。因此,它们使用最广泛 - 大约72.3%的网站使用JPG图像格式,大多数手机将图像保存为“.JPG”文件。它们特别适用于电子商务网站和社交媒体。
  • Gif:如果您正在寻找动画,GIF是一个理想的选择,因为它支持从24位  RGB色彩空间中选择的256种不同颜色  。截至目前,只有26.6%的网站使用GIF格式。

这是一张图表,可以帮助您接听最适合使用哪种图像格式的图表。

SEO图像优化:成功所需要知道的一切

资料来源:W3Techs

注意:上图中的数据是2019年5月15日

3.调整图像大小

随着设备的云,很明显为什么人们对理想的图像大小感到困惑。

请注意,图像大小和图像文件大小是两个不同的东西。在这里,我们将解释如何获得理想的图像尺寸(也称为图像尺寸)。

作为图像尺寸的一部分,我们还将讨论纵横比。

什么是宽高比?

宽高比表示图像的宽度和高度,并以“x:y”格式写入。

相关阅读:

「新疆seo」2019千万不要再使用黑帽技术的方法

如何为您的图片添加SEO友好的替代文字

如何检查重复的内容,以改善您的网站的SEO

[提高点击率]用一个简单的SEO妙招,拯救你的点击

SEO优化是什么 搜索引擎优化主要工作是什么你知

它为什么如此重要?

还记得你尝试缩放图像的时间并且实际上将它吹得不成比例吗?这正是它为您节省的。在裁剪或调整图像大小时参考图像宽高比可以帮助您保持图像尺寸的可行性和美感。

您可以参考此图像创建的Shutterstock以获取一些常用的宽高比。

SEO图像优化:成功所需要知道的一切

图像和表格数据的来源:Shutterstock

宽高比 典型尺寸(英寸) 典型尺寸(像素) 非常适合
1:1  8 x 8 1080 x 1080 社交媒体资料照片和手机屏幕
3:2 6 x 4 1080 x 720 摄影和打印
4:3 8 x 6 1024 x 768像素 电视,显示器和数码相机
16:9 1920 x 1080和1280 x 720   演示文稿,显示器和宽屏电视

参考上表,最好关注适用于社交媒体,移动屏幕,摄影和打印的1:1和4:3图像比例。

您可能拥有基于您正在使用的内容管理系统(CMS)的自己的维度模板。

根据Squarespace,CMS上最理想的图像优化尺寸是1500和2500像素。

这是一个快速简单的答案,可以发现网络上最常见的图像尺寸。

SEO图像优化:成功所需要知道的一切来源:Shutterstock

底线

从个人观察,我可以建议使用1080 X 1080像素和1500 X 2500像素。

如果您感觉懒得完成所有这些细节,您还可以在按下“Shift”键的同时尝试从角落箭头缩放图像。适用于某些平台。

4.命名图像 - 最佳实践

搜索引擎的大脑没有眼睛,因此,除非您将图像命名为正确,否则它们将无法“读取”您的图像,也无法对您进行相应排名。这是您的关键字发挥作用的地方。正如我上面提到的,如果你很好地命名你的图像,你可以提高你的关键字密度和排名的机会。

让我们用一个例子解释一下:

  • 人们如何通常保存图像 - “随意/随机数字和字母”,“鲜花可以跳舞”,“我在想什么”
  • 人们应该如何保存图像 - “用于图像优化的五个技巧”和“2019年用于命名图像的理想方法”

将图像命名为所有小写字母,中间用连字符,不留空格。正如您所见,我在“五个技巧 - 图像优化”示例中使用了关键字“图像优化”。你会对排名有多大帮助感到惊讶。

奖金

您还可以使用以下内容来改善网站内容中的关键字使用情况:

  • 替换文字(如果您的图片加载缓慢,此文本将显示在图像的位置,以便用户可以了解应该在哪里。)
  • 字幕(文字提供简短说明,帮助用户了解有关图像的更多信息。)

此外,如果您有一个电子商务网站,您甚至可以充分利用结构化数据,为搜索引擎提供有关产品颜色,类型,尺寸等的更多具体细节。

5.压缩图像文件的字节大小

压缩文件可能是图像优化中最简单但最关键的部分,因为它直接与网站的加载时间有关。第一至第四点为您进行图像优化的最后阶段做好准备。

两个实际的加载时间可以花费你的底线的例子:

  • Amazon.com发现,每增加100毫秒的页面加载时间,销售额就会减少1%。
  • 谷歌的搜索结果显示时间每增加500毫秒,收入就会下降20%。

什么是理想的图像文件大小?

您应该定位的文件大小低于70 kb。如果文件较重,接近300 kb,则可以达到的最佳文件大小为100 kb。这样做可以使您的图像不会花费额外的毫秒来加载,同时它可以为您提供有损的,压缩的图像,不会影响视觉质量。

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

您需要做的就是将这些文件放在文件压缩站点上,然后就可以了。这些是一些优秀的免费图像文件压缩在线工具:

  • TinyPNG / TinyJPG -(压缩.png和.jpg文件 - 135 kb减少到43.9 kb - 一次最多20个图像 - 支持dropbox)
  • 图像优化器 - (压缩.png和.jpg文件 - 135 kb减少到49 kb - 一次只能执行1个文件)
  • WeCompress - (压缩.png,.jpg和其他文件 - 135 kb减少到48 kb - 一次只能执行1个文件)
  • EzGif -(压缩.gif和其他文件 - 2MiB减少到1.77MiB - 一次只能执行1个文件。它还允许您在压缩之前编辑gif。)

奖金提示

  • 使用Web字体代替带有文本的图像,因为它们看起来更好,不需要使用图像缩放,占用更少的空间,并节省加载时间。
  • 为图像使用72dpi分辨率。

结束笔记

您可能正在使用所有这些图像优化提示,但仍然会遇到加载时间为13秒甚至更糟的网站。这时您可能想问自己:

  • 我需要所有这些图片吗?
  • 哪些图像是多余的?
  • 将图像放在网站上的最佳位置是什么?

网站内容,包括视觉和书面内容,具有相互交织的关系,可以激发情感并激发人们进一步参与您的产品或服务。人们(或者至少我)通过其网站判断企业,所以请随时告诉我们,这是您访问过的最后一个令人印象深刻的网站?或者您为图像优化做了什么?

相关文章

评论赞助本站