在线商城或大型电商网站图片优化必知的 8 个知识点

hwyzw

    如果您经营网上商城或大型电子商务网站，图片优化是您必须掌握的，不仅可以吸引潜在消费者，还可以增加图片搜索流量，或者提高网站加载速度。图像优化起着非常关键的作用。但说到图片优化，很多传统意义上的SEO人都会说图片应该加alt标签，图片应该压缩……这么粗的线条显然是不能接受的。今天我就和大家深度分享图像优化你必须了解的8个知识点。

    1.使用结构化数据编写产品图片ALT

    正常的图片标签有五个主要标签（width、alt、src、title），但是很多人在写标签时往往会省略alt和title标签。但这两个标签是图中最重要的。如果没有这两个标签，搜索引擎就无法识别这张图片是什么，也就不可能收录这张图片。

    我们经常习惯性地使用相机默认的图像编号作为图像的名称。在这种情况下，搜索引擎无法识别图片的内容，因此我们失去了图片搜索带来的流量。这是一个遗憾，尤其是当你有数以万计的产品时。通常我们可以制定结构化的数据规则，让技术人员设计程序来批量替换图片的alt属性，而无需我们手动进行。

    我们需要思考访客的搜索习惯是什么？您会搜索哪些关键词？最好再看一下统计中的关键词数据，看看是否有遗漏。基本上，访问者更倾向于搜索“品牌词+产品词”的组合和变化。那么，alt标签的结构规则就出来了，可以写成：alt="{品牌词}{产品系列}-{产品型号}"。对于产品图片的描述，不建议写太多冗余内容，保持数据结构化，保证关键词识别度高、关键词信息丰富，不要堆砌关键词。

    图片周围的文字

    图片周围的描述文字也会影响图片在搜索引擎上的排名。除了图像名称和 alt 标签之外，还需要在图像周围放置一些文本描述。这些文字应该围绕alt标签中的关键词书写，这样可以加强图像和内容之间的关联性，使图像更容易在搜索引擎上排名更高。

    2.图片拍摄角度问题

    基本上，在拍摄产品照片时，你不会只拍摄一个角度。游客肯定不会满足于仅仅一张正面照片。只有从多个角度展示产品，才能更好地吸引访问者在您的网站上停留更多时间。能够激发他们的购买欲望，所以自然要拍摄产品的正面、背面、侧面、细节等各个角度的照片。这时候alt标签怎么写呢？最好的方法是保留 alt 标签的结构并继承主图像的格式。永远不要给这些图像一种全新的书写方式。正确的写法如下：

    alt={品牌词}{产品系列}-{产品型号}-前面

    alt={品牌词}{产品系列}-{产品型号}-返回

    alt={品牌词}{产品系列}-{产品型号}-端

    保持主干“{品牌词}{产品系列}-{产品型号}”不变，可以让搜索引擎充分确认当前图片系列，或者页面是关于该产品的关键词，从而可以通过图像搜索到这些图片搜索引擎的概率大大增加，一个人孤身一人肯定会倒下。

    3.关于大图的显示问题

    如果你想提供更大的图像来让用户感到高兴，这个想法很好，但你必须非常小心。不建议将大图片直接放在网页上，然后使用CSS缩小图片，虽然会显得图片变小了。 ，但是图片的大小依然存在，会影响加载速度。相反，你可以先放一张较小的图片，然后提供查看大图片功能的选项。无论你点击弹出大图还是显示新页面，都是“ok”的。

    当然，也有人会把大图剪成小图进行拼接。这样可以使图片快速显示，但同时，图片被切割成小图片后，服务器请求数量会增加，从而影响网页的加载速度。 。因此，如果镜像的尺寸确实太大，建议专门为镜像配置一个新的服务器。

    4.为图片减重

    首先查看数据，大多数台式机或笔记本电脑用户等待网站加载的时间不会超过 3 秒……在移动设备上也不会等待超过 5 秒。亚马逊发现，如果他们的网站加载慢1秒，他们每年将损失16亿美元。搜索引擎在排名算法中包括网站加载速度。如果你的网站有大量臃肿的图片，这会严重影响网站的加载速度。如果超过10秒中，那就等着吧，对你的顾客说“”！

   

    最常见的问题：网络图像文件应该有多大？

    清晰的图片更有利于用户体验，图片不宜太大（指图片的内存属性不宜太大，不是图片的大小，图片的内存小，开网页速度可以瞬间飞升），所以建议使用JPG格式保存，也可以选择“另存为网页格式”。控制图像的大小以加快网站打开速度。

    有理论说图像的大小应该保持在70kb以下，但这个大小很难把握，尤其是大图像，除非不追求清晰度，否则几乎不可能。我个人认为我们不应该用一个标准来限制每张图片的大小。关键在于我们看了傲游网站建设的文章后，是否实现了，是否真正对图片进行了压缩。这是关键。

    5.使用正确的图像格式

    目前，有三种非常流行的图像格式：JPEG、GIF 和 PNG。让我们看看它们有何不同：

    JPEG（或.jpg）是最常用的图像压缩格式，支持最高级别的压缩。一般来说，对于显示要求较高的图像，JPEG格式显示的图像效果比GIF和PNG有明显的优势；

    GIF (.gif) 的图片显示质量比 JPEG 差很多。通常用于非常简单的画面展示，例如材质或装饰图案。 GIF 也可用于创建动画。 GIF不适合高显示质量的图片；

    PNG 图像是比 GIF 更好的选择，因为 PNG 图像比 GIF 支持更多颜色。另外，和JPEG一样，重复保存PNG不会影响图片质量，而且对于小图片来说，PNG占用的尺寸非常小。 PNG完美支持透明背景，因此徽标或一般装饰图案通常会选择PNG格式。

    注意：在相同情况下，“PNG-24”图像的尺寸将比“PNG-8”图像大3倍。处理 PNG 时必须非常小心，并在保存时仔细观察。

    通过对比相同体积（均为24kb）下不同格式图片的显示效果，经过测试可以看出JPEG胜出。相同体积下，GIF和PNG必须以牺牲图片质量为代价，但话又说回来，如果你要寻找非常小的图片（例如小于5K），PNG是更好的选择。与 GIF 相比，PNG 的尺寸可以更小，且不会扭曲图像。

    当我们选择图像格式时，这里有一些提示供您参考。对于电子商务网站来说，产品图片的质量要求极高。 JPEG无疑是首选。它们具有相对高质量的图像显示，并且不占用太多空间。体积大。

    千万不要用GIF作为大的产品图片，否则文件大小会很大，而且没有好的办法来压缩（压缩后会变形）。您可以使用 GIF 制作动画或小型装饰图像。

    PNG 可以用作 JPEG 和 GIF 的替代品。如果您想制作PNG格式的产品图片，请尝试使用PNG-8而不是PNG-24。 PNG还擅长处理简单的装饰图像，并且只需要较小的尺寸。 PNG将变得越来越受欢迎。

    顺便说一句，大多数图像编辑软件都可以转换上述三种类型的图像格式。

    6.正确对待缩略图

    大多数电子商务网站都有缩略图显示，允许访问者快速浏览尽可能多的产品款式，而无需点击其他页面。

    缩略图很棒，但要小心，它们可能会成为您网站速度的杀手。它们通常出现在关键的购物流程中。如果这影响了购物过程的顺利……那么您可能就失去了另一个客户。 ，关于缩略图，我个人有以下两个建议：

   

    6.1.尽可能压缩缩略图的大小。不要对缩略图追求过高的显示质量。当用户点击进入下一级详情页面时，给他一张高质量的图片。

    6.2.尽量不要为缩略图设置 alt 标签。通常我们不希望搜索引擎索引缩略图，而是索引产品详细信息页面的高质量原始图像。

    7.使用图片地图

    如果您的网站使用JS制作图片效果，以更好地提高用户体验，您是否担心图片能否收录？当然，一般来说，蜘蛛不会抓取或显示源代码中的图像文件。不过，谷歌在这方面已经非常有经验了。通过提交图片地图，图片地址将一一显示。当场列出，搜索引擎可以抓取。

    关于图像地图我就不多说了，因为有很多指导文档可以帮助你提高图像的搜索排名。

    8.留意装饰性图像

    非产品图片，如背景图片、按钮图片、边框图片等，都可以算作装饰图片。作为SEO优化者，需要仔细检查这些图片的大小，看看是否太大，会影响网站的加载。输入速度。

    以下是有关如何压缩装饰图像的一些建议：

    8.1.如果只是一些边框类型或者简单风格的图片，使用PNG-8或者GIF，就可以制作出非常漂亮的图片，只占用几百个字节；

    8.2.如果可能的话，尝试使用CSS来创建一些特效而不是图像。

    8.3.不建议为网站设置背景图片。如果一定要用的话，在保证清晰度的情况下，最大程度的压缩尺寸。您还可以剪切背景图像或保持其透明以压缩体积。

    9、图片与内容的关联性

    当我们进行图像改善时，需要注意搜索引擎根据网页内容的相关性来判断网页是否高质量。这里的网页内容不仅指文字，还包括图片。虽然搜索引擎永远无法很好地识别照片，但也不能说图片不重要，因为网页的受众是用户。图片运用得好，可以引起用户的兴趣，增加用户粘性。最好的是利用百度的图片侵权风险检测来检测图片的原创性。

    10.使用好的CDN进行图像传输

    一旦确定了图像的大小以及特定页面上加载的图像数量，下一步就是确保网站上加载的图像能够快速加载。减少图像加载时间不仅可以帮助您获得更快的整体页面加载时间，从而获得更好的网站用户体验，还可以帮助您在搜索引擎上排名更高。

    好了，今天关于傲游网站建设的问题就分享到这里了。您有更好的建议吗？我们期待您的留言，让我们一起讨论、共同进步。