4个图像优化的线索，解决缓慢的网站之谜

这篇文章是在2021年6月22日用全新的信息重写的!

你的网站看起来很棒, 你在内容上做了很多工作——但仍然, 你没有按你该排的位置排名. 也许是…鬼! 您的站点可能会闹鬼, 幽灵是巨大的图像文件，吓跑了潜在的用户.

看来我们有个谜要解!

图像优化如何影响SEO?

我们来玩个游戏吧. 想象一下，你访问的每个网站都是这样的:

是的，我知道，这是《韦德游戏平台》，不过是1918年的! 很无聊,嘿? 我们已经变成了贪婪的视觉读者. 图像是我们大脑渴望的元素, 如果我们不能立即发现它们或者它们加载缓慢, 我们可能会在最短时间内退出该网站 50毫秒.

你猜怎么着? 我们并不是唯一变得苛刻的人——搜索引擎也一样. 不优化你的网站图片会导致低搜索排名, 隐藏你的潜在客户，他们在搜索你提供的服务或产品时不会找到你的网站.

谷歌的排名信号现在包括 用户体验，其中一个标准是 页面加载的速度 (假设用户呆在里面).

解决网站速度慢的图像优化线索

用引人注目的图片来展示你的品牌，就像在你的麦片中加入好的牛奶一样重要. 是的，你可以不加牛奶吃麦片，也可以加普通牛奶. 但让我们面对现实吧，那更像是“为了生存而吃” 你不希望你的网站是一个生存体验 为客户.

一旦你选择了一批可爱的照片，是时候让谷歌爱上他们.

第一步是访问像这样的工具 PageSpeed见解 or GTmetrix, 检查你网站的速度. 这些工具将给你洞察机会，你必须使你的网站更快, 包括页面加载时间的秒数，如果你优化你的图像，可以节省.

现在，抓住你的放大镜，并遵循图像优化的线索!

提示#1:你的形象尺寸是卑鄙的

首先,问问你自己 图像将出现在网站的哪个位置. 它是会出现在横幅广告中，还是会出现在产品图片中，还是会出现在博客文章中?

根据图像的功能，尺寸会有所不同.

横幅总是水平的. 如果你有一个响应式韦德电竞平台(你应该!)，它会调整图像以适应不同的浏览器和设备.

看看我们的客户Archetype Glass的例子:

另一方面，大多数博客都有不同的维度. 确保你 测量图像位置. 有一些工具可以帮助您测量实际的屏幕像素尺寸，例如 屏幕捕获工具.

例如，我们在Forge和Smith网站上使用的尺寸是:

• 横幅:1800-2000像素宽

• 文本图像:780像素宽
• 产品和/或团队成员:900像素高或900 x 900像素的正方形格式

提示#2:图像格式有问题

你应该使用两种主要的网络图像格式(GIF动画文件除外).

• JPG:通常是大多数图像类型的最佳格式, 由于它的压缩选项(下一节将介绍)
• PNG:非常适合做插图, 或者有很多平面的图, 纯色块(如信息图和图标)

一般来说, JPG是最好的后备方案, 但你也可以在这两个版本中保存图形，看看哪个文件大小最小.

线索3:你的图像压缩是灾难性的，你的图像大小是可疑的

什么是图像压缩? 图像是由像素组成的 压缩意味着要么删除一些像素，要么将它们压缩在一起 因此，文件大小减少，因此优化了在线使用.

遵循质量与数量的理念, 我们建议将质量设置为100, 确保不丢失重要的像素, 然后选择 每英寸72像素.

文件大小, 任何超过500kb的内容都将引发一个标志，表明你可能还没有优化它.

换句话说, 我们选择高质量的像素挤在一起, 因此，我们可以为一个小尺寸但仍然好看的图像获得适当的像素.

WordPress网站的伟大之处在于 丰富的插件，可以帮助图像压缩. 请查看韦德电竞平台 商业网站最好的WordPress插件 了解更多Imagify和Smush Pro，这是我们的两个首选.

线索4:图像细节是死胡同

虽然图像数据不会减慢您的网站, 说到图像优化，不能不提到这两个细节.

编辑图像文件的细节可能看起来没有必要，因为你在网站上看不到它们，对吧? 但猜猜谁会看到它们——搜索引擎!

当你的网站的所有组件都与你的品牌相结合时，它就会成功 让搜索引擎更容易理解你的站点 -并匹配你的页面与用户正在搜索的关键字.

从技术上讲，您不必执行这一步，然而，它是 一个SEO快速成效. 如果你的网站排名一直低于其他公司，而你知道你的内容更好, 这可能是你需要的刺激.

• 文件名: 给你的照片命名, 告诉搜索引擎在页面的那部分发生了什么. 不给照片重命名会引起混乱——如果你开始称椅子为“地板马赛克”或“IMG3456”，那将会多么奇怪啊.jpg”? 你可能会让你的朋友和家人担心.
• ALT文本: 这些额外的图像数据为您命名中的关键字提供了一个额外的穿孔. ALT文本被视力受损的技术用来读出图像中发生的事情, 所以用户可以理解它，并得到你的内容的上下文，而不能够看到它.

这里有一种方法来测试你的图像文件名和ALT文本是否正常工作.

假设你在卖鞋. 你选了一张超级可爱的小猫在妈妈的新衣服周围蜷缩的照片 闪亮的红色高跟鞋是因为你想在你的产品周围创造一种情感 (好主意!).

但是文件名是IMG5670.JPG和描述是“工具包”——访问您的网站的人不能看到照片.

现在，大声读出来:“不要让他们离开! 我们的第一款鞋又有货了. 每个人都想和这些小可爱亲热. IMG5670.JPG工具包. 立即购买.”

说什么?! 永远不要低估准确命名和描述事物的力量.

这就是图像优化之谜!

记住, 你的网站就像拥有一个实体店. 当一个潜在的顾客进来时，你希望他们感到受欢迎和舒适.

随着你的网站设计，图像将设置情绪和描述你的业务. 你必须确保它们代表了你的产品和服务的质量. 拥有漂亮的图片，而且不会减慢你的网站的速度，这将会创造一个快乐的客户——一个可以坐下来享受他们的购买体验的人.

你也可以 阅读更多关于优化你的网站的信息 in 保持博客文章优化的6种方法 搜索引擎.