如何通过图片优化提升网站可阅读性与搜索引擎收录效果

hwyzw

    对于任何网站来说，图片都起着很大的作用，尤其是现在可读性变得越来越重要。那么如何做好图像优化工作呢？今天我就给大家讲讲这件事。

    图像命名简单明了

    使用相关的关键字来描述图像可以帮助网页被搜索引擎索引，因为搜索引擎不仅检索网页上的文本，还检索描述图像的关键字。因此，创意描述和包含关键词的文件名对于图像优化至关重要。

    以这张图为例：

    公司主营业务：网站设计制作、成都网站建设、手机网站开发等服务。帮助企业客户真正实现互联网宣传，提高竞争力。创新互联网是一支年轻、勤奋敬业、充满活力、和谐高效的团队。公司坚持以“开放、自由、严谨、自律”为核心的企业文化。感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战。这让我们充满激情的团队有机会发挥自己的大脑和智慧，不断为客户带来惊喜。创新互联网推出免费建站回馈大家。

    一般默认名称为“.jpg”，但如果将图片命名为2012-Ford- -LX-Red.jpg，则可以增加被搜索的机会。

    想想消费者在搜索产品时会输入哪些关键词，我们可以相应地命名它。例如，想要购买汽车的消费者可以输入以下关键字：

    2012 红色福特 LX (2012 红色福特野马 LX)

    福特 LX 红色 2012 (福特野马 LX 红色 2012)

    红色福特 LX 2012 (红色福特野马 LX 2012)

    我们可以查看网站分析来了解用户的关键字搜索习惯，或者查看用户最常用的命名模式并根据该模式命名我们的图像。

    仔细优化alt属性

    Alt属性用于当浏览器无法正确显示图像时替换图像的文本。它们还可以提高网页的可访问性。如果网页无法显示图像，根据浏览器设置，用户还可以通过将鼠标悬停在图像上来看到 alt 属性文本。

    alt 属性还为网站增加了 SEO 价值。向您的网站添加包含关键字的适当 Alt 属性可以提高您的网站在搜索引擎上的排名。事实上，添加alt属性可能是电子商务产品出现在图像和网络搜索中的最佳方式。

    下图是Alt属性的源码：

    图像优化的首要任务是为网站上的每个产品图像添加 alt 属性。

    以下是一些简单的 alt 属性规则：

    ●与图片文件名相同，使用通用语言描述图片。

    ●如果产品有型号或序列号，请在alt属性中注明。

    ●不要在Alt属性中包含太多关键字（例如，alt =“Ford   Car Buy Now Cheap Best Price”）。

    ●请勿将alt 属性用于装饰图像。这可能会导致搜索引擎因过度优化而受到惩罚。

    ●请定期进行健全性检查。查看我们页面的源代码并检查我们的 alt 属性是否填写正确。

    适当选择图像尺寸和产品角度

   

    通常产品图片包含多个角度。例如，如果我们要销售一辆福特野马，那么我们可以添加内饰、车尾（尤其是空气扰流板）、轮圈、发动机等的特写照片，并创建一个独特的alt属性，例如：

    2012-Ford--LX-Red---Trim.jpg --> 使用 alt 属性：alt="2012 Ford LX Red Trim"

    2012-Ford--LX-Red-Rear-View-Air-.jpg -> 使用 alt 属性：alt="2012 Ford LX Red Rear View Air"

    这样做可以增加您的产品被搜索的可能性。

    我们可能认为较大的图像将为用户提供更好的浏览体验，但要小心。无论如何，不​​要将大图像放在网页上，然后通过源代码减小大小。因为太大的图片会延长图片的加载时间。我们可以把较小的图片放在弹出窗口或单独的页面上，也可以将较大的图片放在一起。

    调整图像的文件大小

    一半的消费者不愿意等待电子商务网站加载超过 3 秒。亚马逊的一项研究发现，如果他们的网站慢 1 分钟，他们每年将损失 16 亿美元。谷歌还在其算法中使用页面加载时间作为排名因素。可见，网站加载时间至关重要。如果一个普通的电子商务网站需要15秒的加载时间，就会流失大量的潜在消费者。

    网站具有不同的内容大小，并且需要不同的加载时间。文件越大，加载所需的时间就越长。如果企业减小图像文件的大小并提高页面加载速度，访问者就会留下来。

    减小图像文件大小的一种方法是使用 Adob​​e 中的“另存为 Web”命令。电商网站图片最好不要超过70kb。我们可以尽可能减小图像尺寸，但同时也要注意图像质量。

    质量：位于右上角（即70）

    文件格式：位于右上角（即JPEG）

    优化：复选框位于右上角（即）

    颜色：此复选框位于右上角（即转换为 sRBG）

    缩小和锐化：位于右下角（即 W: 和 H:）

    预期文件大小：左下角（即136.7K）

    我们还可以选择“导出为”

    此外，还有很多在线编辑图片的工具。 Adobe 还提供免费的平板电脑和移动应用程序。虽然手机版的功能不如电脑版的Adobe那么全面，但它涵盖了图像编辑的基本工具，而且是免费的。

    选择适当的文件类型

    互联网上常用的图像文件格式有 JPEG、GIF 和 PNG 三种。

    (1)JPEG

    JPEG（或 .jpg）是  上图像的标准格式。 JPEG 图像可以压缩为较小的格式，同时保持图像质量。对于上面的示例图片，JPEG格式也能保证高质量。

    (2)GIF格式

    GIF (.gif) 图像质量低于 JPEG 图像，适用于图标和装饰图像等较简单的图像。 GIF 还支持动画。

    GIF 非常适合网页上的简单图像（仅包含几种颜色），但不太适合复杂的图像和图片，也不适合大图像。

    (3)PNG

   

    PNG 作为 GIF 的替代品被越来越广泛地使用。 PNG 比 GIF 支持更多的颜色，并且不会像 JPEG 那样因重复保存而损失质量，但文件大小仍然比 JPEG 图像大得多。

    另请注意，PNG-24 图像的文件大小比 PNG-8 大三倍多。

    下面是一个极端的例子，三种文件类型的大小都是24kb。可以看出，JPEG 在三者中胜出，而 GIF 和 PNG 必须降低质量才能保持相同的文件大小。

    在大多数情况下，JPEG 是最佳选择。它们以最小的文件大小提供最好的质量。

    大图片千万不要使用GIF，否则图片尺寸会很大而且没有办法缩小。 GIF 可用作缩略图和装饰图像格式。

    PNG 是 JPEG 和 GIF 之间的一个不错的选择。如果我们只能使用PNG格式，请使用PNG-8，而不是PNG-24。 PNG格式的图像相对较小，因此适合简单的装饰图像。

    大多数图像编辑软件可以将图像保存为上述任何文件格式。

    优化缩略图

    许多电子商务网站都使用缩略图，尤其是在类别页面上。缩略图可以帮助网站快速展示产品。

    缩略图往往出现在购物的关键点，如果它们阻止我们的类别页面快速加载，我们可能会失去客户。从而尽可能减小缩略图文件的大小。

    谨慎使用装饰图像

    网站通常有各种装饰图像，例如背景图像、按钮和边框。任何与产品无关的东西都可以被视为装饰图像。

    虽然装饰性图像可以增加网页的美感，但它们会增加文件大小和加载时间。因此，卖家需要谨慎使用装饰图片，以免减少客户访问量。

    卖家可以检查网站上所有装饰图像的文件大小或使用最小化的文件模板。

    以下是减少装饰图像文件大小的一些方法：

    ●构成边框或简单图案的图片可以使用PNG-8或GIF，这样只需几百个字节就可以制作出漂亮的边框和图案。

    ● 尽可能使用CSS 创建彩色区域，而不是使用图像。尝试用 CSS 样式替换装饰图像。

    ●大型壁纸风格的背景图像文件可能会非常大。尝试在不破坏图像质量的情况下尽可能减小文件大小。

    ●减小背景图像尺寸的一个技巧是裁剪背景图像的中间部分，使其变成纯色甚至透明。

    读完本文后，您应该了解如何优化图像，那您还等什么呢？赶快优化您网站上的图片，结果可能比您想象的更有用！

    分享主题：潍坊SEO优化：网站产品形象优化策略

    网站链接：