想一想您上次将图片上传到网站时如何利用网站上的图片？seo，您很可能是从图库网站下载了该图片如何利用网站上的图片？seo，然后将其上传到了网站的后台如何利用网站上的图片？seo，然后将其插入页面。这样做对吗？当然不是。你实际上给网站增加了巨大的文件，这降低了页面速度。此外，如果搜索引擎没有alt文本不能读取你的图片。

现在让我们改变它。数据显示，超过20%的网络搜索是通过图片搜索进行的。SEO业余爱好者和专业人士都知道，为你的网站优化图像是得的。如果没有适当的图像优化，你将浪费宝贵的SEO资源。

图像优化有很多优点，比如用户体验更好，页面加载时间更快等排名机会。它正变得越来越重要。但是，最重要的是确保你的图片可以找到，而不会降低网站的速度？这是你需要知道的11个重要的图像优化技能。

解码所有图像格式，就像你第一次在淘宝上购物一样。然而，在将图像添加到网站之前，您需要确保您选择了最佳文件类型。

尽管有许多图像格式可供选择，但PNG和JPEG是网络上最常见的格式。

对我们来说，PNG是常用的图像格式。通常，我们只会JPEG用于由真正的摄影师拍摄更大、更可视的图像。但是，对于我们的日常使用，PNG是必经之路。

是的，上传未压缩图像后，您的网页访问速度将迅速下降。HTTP Archive平均图像占整个网页重量的21%。

这就是为什么我们强烈建议你在上载到你的网站之前压缩图像。你可以在Photoshop也可以在中间执行此操作TinyPNG等工具。TingPNG也有一个WordPress您还可以使用插件。

或者，进一步使用图像CDN在交付前检测设备并优化图像。Cloudinary和Imgix两种尝试选择。

Increasingly.com网站速度通过压缩图像提高33%/ 2秒。

我们的意思是，在压缩图像后，页面速度更快，以提高用户体验。

如果图像不确定如何影响页面速度，建议您使用Google的PageSpeed Insights工具。

您希望您的照片在您的网站上弹出。假如您用库存图像填充网站，你会看起来像原始的–就像其他数千个脱颖而出的网站一样。到处都是同样的通用图片。

考虑到外贸网站、金融公司网站和网络公司网站，所有这些网站实际上都使用商人微笑的相同图片，因此这些网站无法从图片搜索中获得任何好处。

虽然您可能已经完美地优化了库存图像，但它不会产生与原始高质量图像相同或潜在的影响SEO收益。

原始图片越多，用户体验越好，搜索排名的概率越高。

当浏览器无法正确呈现图像时，Alt标签是图像的替代文本。类似于标题，alt属性用于描述图像文件的内容。

当图片无法加载时，你会在左上角看到一个alt标签的图片框。确保它们适合图像并确保图片相关。

注意alt标签也有利于整个页面SEO策略。如果图像因任何原因无法加载，请确保所有其他优化区域都处于适当的位置，用户将看到图像应该是什么。

此外，在网站上添加适当的图像alt通过将关键词与图像相关联，标签可以帮助您的网站在搜索引擎中获得更好的排名。

它为搜索引擎提供了关于图像主题的有用信息。为了返回用户查询，我们使用此信息来帮助确定最佳图像。

描述性替代文字可以准确地描述用户照片中的内容。例如，假设您的网站上有一张巧克力图片。

可以显示替代文字：

img src ="chocolate-1.jpg" alt ="巧克力" /

然而，描述图像的更好替代文本应该是：

img src ="chocolate-1.jpg" alt ="咖啡味黑巧克力棒" /

替代文本可以在页面的缓存文本版本中查看，从而帮助用户和搜索引擎获得收入。为了获得更多SEO当图像链接到网站上的其他页面时，替换文本可用作内部链接的定位文本。

通常引擎通常使用文件路径和文件名来排名图像。重复：文件路径和文件名是实际排名因素。

例如，如果您是一个拥有多种产品的电子商务品牌，建议您将子文件夹结构化为更多与类别相关的主题，如/shorts/或/denim/，而不是把所有的产品图像都放在一般/media/文件夹。

搜索引擎使用您的页面标题和描述作为图像搜索算法的一部分。

你所有的基本页面SEO因素(如元数据、标题标签、页面副本、结构化数据等。)会影响搜索引擎对图片的排名。

您需要在源代码中定义图像尺寸。但是，如果你不使用它们，最好定义宽度和高度。它提供了更好的用户体验。

此外，它允许浏览器加载CSS在调整图像大小之前。这将防止页面在加载时跳转。

图像尺寸属性防止累积布局偏移（CLS）问题也很重要。确保每个图像和视频元素都包含在内。width和height属性是关键。

这可以告诉浏览器为资源分配多少空间，并防止烦人的内容偏移降低你的网站评分。

图片的移动SEO也非常重要。最糟糕的情况是，它可以为您带来较高的跳出率和较低的转化率。但是，最好的是，它可以为您提供更多的排名功能和更好的用户参与度。

问题是如何优化移动优先索引的图像？

您创建响应图像。这意味着图像将根据屏幕的大小缩放，无论用户使用台式机还是移动设备。

Mozilla提供全面使用srcset和sizes属性向浏览器提供其他源图像，以显示设备调整大小的相同图像内容。

如本例所示：

img srcset="elva-fairy-480w.jpg 480w,elva-fairy-800w.jpg 800w"sizes="(max-width: 600px) 480px,800px"src="elva-fairy-800w.jpg"alt="Elva dressed as a fairy"

了解相关用途srcset更多生成响应图像的信息，请联系我们的客服。

无论是将图像添加到网站地图中，还是为图像创建新的网站地图，都需要将图像放置在网站地图的某个位置。

在网站地图上放置图片将大大增加搜索引擎爬网和建立索引的机会。因此，导致更多的网站流量。

因此，在开始将图像上传到您的网站之前，请确保遵循上述图像优化规则。

最重要的是确保图像和替代文本与页面相关。其他要点：

优化图像不是开玩笑。随着搜索技术的进步，多媒体变得越来越重要，你的整个网站将从上述步骤中受益。