解码所有各种图像格式就像您第一次在淘宝上购物一样。但是，在开始将图像添加到站点之前，您需要确保已选择最佳的文件类型。
尽管有许多图像格式可供选择，但PNG和JPEG是网络上最常见的格式。
PNG：产生质量更好的图像，但文件较大。
JPEG：您可能会失去图像质量，但是可以调整质量等级以找到良好的平衡。
WebP：使用这种选择无损或有损压缩，这是Chrome和Firefox支持的图像格式，IE目前并不支持。
对我们来说，PNG是常用的图像格式。通常，我们只将JPEG用于由真正的摄影师拍摄的更大，更可视的图像。但是，对于我们的日常使用，PNG是必经之路。
2.压缩图像
是的，在上传未压缩的图像后，您的网页访问速度将急速下降。根据HTTP Archive的数据，图像平均占整个网页重量的21％。
这就是为什么我们强烈建议您在上载到您的网站之前压缩图像。您可以在Photoshop中执行此操作，也可以使用TinyPNG之类的工具。TingPNG也有一个WordPress插件，您也可以使用。
或者，更进一步，并使用图像CDN来检测设备并在交付之前优化图像。Cloudinary和Imgix是尝试的两种选择。
Increasingly.com通过压缩图像将网站速度提高了33％/ 2秒。
我们的意思是，压缩图像后，更快的页面速度提升用户体验。
如果不确定图像如何影响页面速度，建议您使用Google的PageSpeed Insights工具。
3.创建独特的图像
您希望您的照片在您的网站上弹出。如果您用库存图像填充网站，您将看起来像原始的–就像其他数千个脱颖而出的网站一样。太多的网站到处都是相同的通用图片。
考虑一个外贸网站、一家财务公司网站和一家网络公司网站所有这些网站实际上都使用商人微笑的相同图片，那么这些网站都无法从图片搜索获得任何好处。
尽管您可能已对库存图像进行了完美的优化，但不会产生与原始高质量图像相同的影响或潜在的SEO收益。
您拥有的原始图片越多，用户获得的体验就越好，相关搜索排名的几率就越高。
4.编写SEO友好的替代文本
当浏览器无法正确呈现图像时，Alt标签是图像的替代文本。与标题类似，alt属性用于描述图像文件的内容。
当图片无法加载时，您会在左上角看到一个带有alt标签的图片框。确保它们适合图像并确保图片相关。
注意alt标签也有利于整体页面SEO策略。您想确保所有其他优化区域都在适当的位置，但是如果图像由于任何原因无法加载，则用户将看到该图像应该是什么。
另外，在网站上的图像上添加适当的alt标签可以通过将关键词与图像相关联来帮助您的网站在搜索引擎中获得更好的排名。
它为搜索引擎提供了有关图像主题的有用信息。我们使用此信息来帮助确定最佳图像，以返回用户查询。
描述性替代文字可以准确地描述用户照片中的内容。例如，假设您的网站上有一张巧克力图片。
替代文字可以显示为：
<img src ="chocolate-1.jpg" alt ="巧克力" />
但是，描述该图像的更好的替代文本应为：
<img src ="chocolate-1.jpg" alt ="咖啡味黑巧克力棒" />
在页面的缓存文本版本中可以查看替代文本，从而有助于用户和搜索引擎受益。为了获得更多SEO值，当图像链接到网站上的其他页面时，替代文本可以用作内部链接的定位文本。
5.考虑映像文件的结构
通常搜索引擎会使用文件路径和文件名对图像进行排名。重复：文件路径和文件名是实际的排名因素。
例如，如果您是一个拥有多个产品的电子商务品牌，则建议您将子文件夹结构化为更多与类别相关的主题，例如/shorts/或/denim/，而不是将所有产品图像都放置在通用的/media/文件夹中。
6.使页面标题和描述
搜索引擎使用您的页面标题和描述作为图像搜索算法的一部分。
您所有基本的页面SEO因素（例如元数据，标题标签，页面上的副本，结构化数据等）都会影响搜索引擎对图片进行排名的方式。
7.定义尺寸
您需要在源代码中定义图像尺寸。但是，如果您都不使用它们，则定义宽度和高度仍然是最佳做法。它提供了更好的用户体验。
另外，它允许浏览器在加载CSS之前调整图像大小。这将阻止页面在加载时跳转。
图像尺寸属性对于防止累积布局偏移（CLS）问题也很重要。确保为每个图像和视频元素包含width和height属性是关键。
这可以告诉浏览器为资源分配多少空间，并防止烦人的内容偏移降低您的网站评分。
8.使图像移动友好
图片的移动SEO也非常重要。最糟糕的情况是，它可以为您带来较高的跳出率和较低的转化率。但是，最好的是，它可以为您提供更多的排名功能和更好的用户参与度。
问题是，如何针对移动优先索引优化图像？
您创建响应图像。这意味着无论用户使用台式机还是移动设备，图像都将根据屏幕的大小进行缩放。
Mozilla提供了全面的使用srcset和sizes属性来向浏览器提供其他源图像，从而可以显示为设备调整大小的相同图像内容。
重要的是，在每一行上使用属性值的不同部分来格式化它，如本示例中从其资源中所示：
<img srcset="elva-fairy-480w.jpg 480w,
elva-fairy-800w.jpg 800w"
sizes="(max-width: 600px) 480px,
800px"
src="https://www.jingshangbao.cn/skin/defaultxin/image/lazy.gif" class="lazy" original="http://www.jingshangbao.cn/skin/defaultxin/image/nopic.gif" />
alt="Elva dressed as a fairy">
想了解有关使用srcset生成响应图像的更多信息请联系我们的客服。
9.将图像添加到您的站点地图
无论是将图像添加到站点地图中还是为图像创建新的站点地图，都需要在站点地图中的某个位置放置图像。
将图片放在站点地图中会大大增加搜索引擎对图片进行爬网和建立索引的机会。因此，导致更多的网站流量。
图像优化关键要点
因此，在开始将图像上传到您的站点之前，请确保遵循上面的图像优化规则。
最重要的是确保图像和替代文本与页面相关。其他要点：
选择正确的文件格式。PNG是我们最喜欢的文件格式。
减小文件大小以加快页面加载速度。
确保页面上的SEO元素（元数据，结构化数据等）与图像配对。
为了实现可爬网性，请创建图像站点地图，或确保您的图像在站点地图中具有特色。
优化图像不是开玩笑。随着搜索技术的进步，多媒体变得越来越重要，而您的整个站点将从上述步骤中受益。
