战略性地使用轻量级图像对移动网站非常重要。然而令人惊讶的是,WordPress网站在2018年使用的千字节数量比2017年增加了4.8%。以下是通过减少图像大小和以有意义的方式使用这些图像来提高搜索引擎优化的七种方法,这可能有助于您的搜索排名。
下载速度和语义含义
移动网站最受关注的问题之一是加快下载速度。轻松获胜是优化图像。另一个简单的胜利是使用图像来传达内容的内容。
图像可用于分解文本并使内容更易于扫描。这是一个用户体验功能。您仍然可以通过图像获得更好的用户体验并提升您的SEO策略。
因此,通过使用图像使网页更易于阅读,可以通过将图像与内容集成,以便在移动设备上快速下载的方式来实现这两者。
这些提示会降低下载速度,并帮助搜索引擎更好地了解您的内容。
这些是通过图像提升排名的七种方法:
- 简化图像
- 避免将照片图像与字体和图形元素混合在一起
- 以正确的格式保存图像
- 避免使用太多颜色
- 压缩图像
- 使图像支持内容
- 给图像有意义的背景
WordPress图像大小趋势
根据httparchive.org的数据,WordPress图像大小的年度趋势显示,2018年的图像平均比2017 年高 4.8%。
截至2018年8月15日的三个月平均值显示仅增长0.5%。这可能表明发布商开始缩小移动设备的图片大小。您的网站是否会成为这一趋势的一部分?
简化图像
具有大量图案,渐变和小细节的图像往往会创建更大的文件。例如,具有带露水的蜘蛛网或佩戴人字形夹克的人的图像将创建比更简单的图像更大的文件。具有渐变或微小细节的图像也倾向于创建更大的文件大小。
通过简单地选择更简单的图像,可以赢得使用小文件大小的图像的一半战斗。
避免将图像类型混合为较小的文件大小
摄影图像和由插图(或字母)组成的图像在混合在一起时会产生较大的文件大小。
例如,如果您拥有横向的JPEG摄影图像,然后叠加宣布事件的字母,则生成的图像通常会大于其上方具有相同措辞的横向的PNG 图示。
原因是因为JPEG格式需要以更高的分辨率保存,以减少单词中的像素化和模糊性。
在下面的示例中,请注意字母之间的扭曲和模糊。
带措辞的照片示例:
没有字母的相同图像以完全相同的压缩量保存,重量仅为35千字节。用字母它重42千字节。这张照片看起来很棒。但是这个分辨率的字体看起来并不那么好。
带有单词的图像是可以通过的,但字母之间仍然存在文物。没有字母,图像的大小减少到35千字节,看起来很好。
为了使字体看起来不那么模糊,我需要提高分辨率。
解决方案必须增加到182千字节,以使措辞不那么模糊:
这是以36千字节保存的相同图像,没有刻字:
混合插图和字体(字母/单词)的图像可以很好地协同工作。字体(措辞)和摄影图像往往会导致较大的图像尺寸。
如果您必须使用照片作为特色图像或内容正文,请尽量不要在图像中使用字体/字母以节省文件大小。
阴影和渐变使.png文件变大。尽量避免在.png插图类型图像中使用它们。
如果必须使用投影,请尽量不要使其成为图像的主要特征。我在.png文件中使用投影,但通过使它们成为次要特征,它们基本上不会增加图像文件的大小。
以正确格式保存图像
这是最常见的错误之一。将图像文件另存为jpg。将插图类型文件另存为.png文件。您也可以将它们保存为.gif文件,但有些网站将.gif文件归类为动画,有时会在图像顶部添加“播放”按钮。
避免使用太多颜色
此提示适用于插图类型文件和照片。图像中的颜色越多,文件大小越大。如果你对图像去饱和,大多数人都不会注意到。
对于插图类型图像,您可以通过组合相似的颜色来保存文件大小。大多数时候,单个图像中不需要八种红色阴影。使用一种红色通常就足够了。
对于摄影图像,尝试稍微降低图像的饱和度。或者您可以尝试选择不具有太多颜色的图像。
压缩图像
这是保存图像大小的最重要提示。不要使用HTML或CSS将1200像素图像缩小到400像素。虽然图像可以渲染为400像素,但它仍将承载1200像素大小的图像的重量。没有减轻重量。
对于小图像使用大图像尺寸是常见的错误。此外,如果图像宽度为900像素,如果将图像缩小到800或600像素,它会更糟吗?
使图像支持内容
重要的不是图像的大小,而是图像增加了用户如何理解内容,无论是产品图像还是一步一步的插图。重要的是内容。永远不要使用图像来简化页面。始终使该图像支持内容。
给图像有意义的上下文
请考虑在图片中添加替代文字,以便向盲人访问您的网站说明图片的内容。这也可能有助于你的SEO。此外,请考虑为图片添加字幕,以说明该图片与您的内容的关系。
图像对SEO很重要
图像可以策略性地用于排名。正确考虑,图像可以排在零位。图像也可以在图像搜索中排名并导致更多访问者。图像还可以帮助搜索引擎了解您的内容是什么。
不要将图像视为事后的想法。图像是内容。所有内容都应该仔细考虑作为SEO策略的一部分。