谈到网站,SEO视觉内容在提高用户体验和他们对品牌/业务的印象方面起着关键作用。网站使用图像的原因多种多样。研究表明,大约37%的人是视觉学习者。图像可以讲述令人信服的故事,这就是品牌使用图像来传达其故事和理想主义的原因。电商商店也一直在以指数级的速度增长,图像显然在其网站结构中起到了巨大作用。
除此之外,图像几乎构成了任何网站或作品的核心,这是创造性领域的一部分。此外,鉴于在单个网页中可以使用的图像数量没有实际限制,网页设计师往往会随意的使用图像数量。事实上,图像占网页内容的65%以上。这种结果在互联网上随处可见,很多像这样的网站都使用博人眼球的视觉图像来吸引用户浏览其网站。
话虽如此,有多少人真正注意SEO优化网站上使用的图像?并且为什么这很重要?推荐阅读:《基本的SEO检查有哪些(一)》
首先说说为什么这很重要。相信大多数人都知道一个事实,即图像占据了网页的大部分内容。因此,网页越臃肿,它的加载时间就越长。此外,统计数据显示,如果网页加载时间超过3秒,用户离开该网页的概率会增加32%。
图像,作为网页上最重的元素之一,占用了更多的体量。这导致网页速度变慢,进而可能导致网页的跳出率增加。为了尽量减少这种情况,需要仔细研究并优化使用的图像。
本文将介绍优化网站图像的五个方法,以使网站性能和SEO更好。推荐阅读:《单页面进行SEO优化应该怎么解决?》
1. 裁剪图像
将使用的SEO图像裁剪到最佳尺寸,提供的价值不仅仅是视觉吸引力。由于图像由像素组成,而每个像素都带有某些图像数据,它们增加了图像的重量。简单地说,像素越多,图像的重量就越大。通过裁剪图像,可以尽可能多地x消减像素,直接转化为较轻的图像。此外,还需要记住,除了裁剪之外,调整图像大小也有帮助。意思是需要根据网页上的显示大小调整原始图像。例如,假设使用的图像大小为1000*800像素。如果网站上同一图像的显示大小是600*400像素,那么需要在上传之前相应地调整图像的大小。有很多工具可以用来实现这个,比如这些。
2. 图像压缩
大多数人都知道,将SEO图像上传到网站之前,压缩图像是一种标准做法。然而,也需要注意所使用的压缩类型,因为涉及到某些最终用途(如摄影)时,这可能会影响用户体验。有两种主要的压缩类型,每种图像类型都会使用。它们是有损压缩和无损压缩。推荐阅读:《WordPress标签和SEO:需要知道的一切》
有损压缩的工作原理是利用人眼对图像的感知方式。它通过消除周围像素中具有相同或相似成分的像素数据来实现。除非放大到一定程度,否则这些数据的省略往往几乎不可察觉。
另一方面,无损压缩只是将所有SEO图像数据原封不动地压缩,因此,其压缩率比有损压缩略低。然而,由于没有消除像素数据,图像更加清晰和详细,即使放大也是如此。
有损压缩图像最适合主要使用文字内容或简单信息图表,并不怎么强调视觉内容的网站。一个很好的例子是政府网站、博客(不以创意为基础),以及承载研究文章的网站。
另一方面,无损压缩图像通常用于视觉内容较多,即使在放大情况下也需要保持图像清晰的网站。这包括电商、旅游和社交媒体等网站。
甚至可以将这两种压缩技术结合,以更高的压缩率获得更清晰的SEO图像。这些图像编辑软件可用于此目的。
3. 适当的文件类型
编辑了用于网站的图像后,需要选择最合适的文件类型。选择的文件类型取决于需要的压缩类型,以及该特定SEO图像的最终用途。有三种图像类型被广泛使用,它们是JPEG、PNG和GIF。JPEG即联合图像专家组。它是最常用的图像格式。这是由于JPEG提供最高的色彩深度,并支持有损和无损压缩。使用这种格式时,可根据需要轻松调整质量和文件大小。JPEG通常用于具有丰富细节的复杂图像。推荐阅读:《SEO如何优化URL》
PNG,是Portable Network Graphics(便携式网络图像)的缩写,是另一种产生丰富和清晰细节的图像类型。然而,这种图像类型只使用无损压缩,因此文件相当大。因此,这种格式更适合徽标和简单图像。
GIF,图形交换格式的简称,颜色深度很低,只限于256色。它还只使用无损压缩,但这种格式可以支持动画。因此,它被用于制作动画循环图像。这主要用于视觉线索对与浏览者交流至关重要的网站,如数字媒体企业的网站和在线教程网站。
4. 删除多余的数据
大多数情况下,拍摄图像时会有一堆数据与图像一起被保存。这被称为元数据。元数据主要是一些信息,如地理位置、相机的品牌和型号、ISO、快门速度、光圈等。所有这些信息都增加了SEO图像的重量,而且大多数时候完全没有必要。因此,建议删除这些多余的元数据,只要它是多余的。可以使用一些免费的在线工具来完成。
5. 光栅与矢量
正如为SEO图像选择正确的文件类型很重要,选择正确的图形类型也很重要。处理数字图像时,主要处理两种基本类型的图像图形——光栅和矢量。用户将最终决定使用哪种类型的图形。使用光栅图形的图像由像素构成,因此无论图像多复杂,都会表现出高水平的细节。然而,这往往会使图像较大,并且在放大时容易出现模糊。
另一方面,矢量图像使用点、线和多边形等路径来描绘图像。它们与分辨率无关,这意味着这些图像在放大时不会模糊。它们的文件也比较小,因为不使用像素。矢量图形最适合用于简单的几何图像,如徽标和图标。
这些就是确保视觉内容为网络使用进行优化所需做的五件主要事情。除此之外,还应该确保包含所有正确的图像标签和替代文本,以便搜索引擎更容易理解图像所包含的内容。
然而,优化图像只是提高网站SEO的一小部分。为了充分利用它,需要着眼于优化网站的每个方面,从布局到其本地模式。一开始可能会有点不知所措,但这里有一个可下载的清单,可以使用它来系统地进行。希望能有帮助!推荐相关阅读:《做网站有哪些好用的SEO优化技巧(一)》