王尘宇

发现哪些因素是优化图片的关键，以改善你的内容并帮忙其在搜刮中获得更高的排名。

想想你前次上传图片到你的网站是什么时候。有可能你是从一个图片库网站上下载的，把它上传到你的网站后台，然后把它插入到页面。

那并不是是图像优化的一个光芒范例。

你似乎在你的网站上增加了一个庞大的保龄球重量，拖慢了页面的速度。并且，搜刮引擎无法在没有alt文本的情况下阅读你的图片。

让我们来改动那种情况。

按照Jumpshot的2018年数据，超越20%的美国收集搜刮发作在谷歌图片上。

搜刮引擎优化的业余喜好者和专业人员都晓得，十分值得花时间为你的网站优化图像。

WebSpection的Dan Morgan通过优化他的图片，在不到四天的时间里让他的一张照片在谷歌图片中的 "卡迪夫的更佳人物 "排名第一。

并且，Robbie Richards通过添加图片的alt标签、压缩图片和其他一些SEO技巧，产生了150,732次拜候。

没有恰当的图像优化，你就在浪费贵重的SEO资产。

那就像搜刮引擎在免费赠送奥利奥和牛奶。但是，你只拿了奥利奥。而现实上，奥利奥泡在牛奶里会更好。

图片优化缔造了许多优势，如更好的用户体验，更快的页面加载时间，以及额外的排名时机。并且，它正成为一个越来越重要的角色。

正如Matt Southern指出的，Gary Illyes在比来的Reddit聊天中关于图像搜刮的声明。

"我们只是晓得媒体搜刮关于它可以为出书商做的工作来说太被轻忽了，所以我们在它身上投入了更多的工程师以及更多的外展。"

但是，哪些因素关于确保你的图片能够被找到而且不会拖累你的网站是最重要的？

以下是你需要晓得的12个重要的图像优化提醒。

1. 选择准确的格局

解读所有差别的图像格局，可能会觉得像你第一次在Taco Bell点餐。但是，在你起头向你的网站添加图片之前，你要确保你已经选择了更佳的文件类型。

固然有许多图像格局可供选择，但PNG和JPEG是收集上最常见的。

PNG：产生更好的图像量量，但陪伴着较大的文件尺寸。

JPEG：你可能会失去图像量量，但你能够调整量量程度以找到一个优良的平衡。

WebP：利用那个选择无损或有损压缩，那是Chrome和Firefox都撑持的独一图像格局。

对我来说，PNG是图像格局化的无名英雄。但是，关于我的日常利用，PNG是一种体例，然后将那些转换为WebP。

若是你在内联SVG格局中利用.jpg图片，就要小心了，因为谷歌的系统无法索引那些图片。

2. 压缩你的图片

按照HTTP档案，图片均匀占整个网页重量的21%。

那就是为什么我强烈建议在上传到你的网站之前压缩你的图片。你能够在Photoshop中如许做，或者你能够利用像TinyPNG如许的东西。

你也能够利用TingPNG的WordPress插件，。

然而，我更喜好WP Smush做为我的WordPress插件。它能够在不影响量量的情况下削减图像文件的大小。

无论你利用什么插件，请确保找到一个能在他们的办事器长进行外部压缩的图片。它能够削减你本身网站上的负载。

或者，更进一步，利用一个图像CDN，它能够检测设备并在交付前优化图像。Cloudinary和Imgix是两个能够测验考试的选择。

Increasingly.com通过压缩图像将网站速度进步了33%/2秒。

若是你不确定你的图片是若何影响你的页面速度的，我建议利用谷歌的PageSpeed Insights东西。

3. 创建奇特的图像

若是你在你的网站上充溢着图片库，你就会显得毫无创意--就像成千上万的其他网站一样，无法脱颖而出。

太多的网站充溢着不异的通用图片。

想想一个企业网站，一个征询公司，一个以客户办事为荣的企业。所有那些网站都利用几乎不异的商人浅笑的图片库。

固然你可能将你的图片库停止了完美的优化，但它的影响或潜在的SEO效益其实不亚于一张高量量的原创图片。

你拥有的原创图片越多，用户的体验就越好，你在相关搜刮中排名的几率就越大。

请记住，大型图片更有可能在谷歌发现中呈现。

正如谷歌在其高级搜刮引擎资本中建议的那样，"大型图片需要至少1200px宽，并通过max-image-preview:large设置启用，或通过利用AMP。"

不要利用你的标记做为图片。

4. 留意版权问题

无论你选择利用什么样的图像文件，都要确保没有版权抵触。

邮政部分在一场图像版权诉讼中付出了350万美圆。并且，Skechers公司被告状了250万美圆。

若是Getty、Shutterstock、DepositFiles或其他一些图片供给商拥有你利用的图片，而你没有利用该图片的答应，那么你就有可能遭遇高贵的诉讼。

按照《数字千年版权法》（DMCA），若是你违背了任何版权问题，你可能会被发出通知。若是一个内容的所有者在你的网站上看到他们的内容，他们能够发出DMCA收回通知，你必需遵守。

谷歌图片允许你按照那些可供重用的图片来过滤成果，Mindy Weinstein分享了41个差别的网站来寻找免费图片。

5. 自定义图片文件名

当涉及到SEO时，创建描述性的、富含关键词的文件名是重要的。

不定造你的图像文件名就像一个什么都没有的卷饼。

图像文件名提醒谷歌和其他搜刮引擎爬虫留意图像的主题。

凡是情况下，文件名会看起来像 "IMG_ "或类似的工具。那就像在差别语言的菜单上点菜一样。那对谷歌没有帮忙。

改动默认的文件名，以帮忙搜刮引擎理解你的图片，进步你的SEO价值。

那涉及到一些工做，取决于你的媒体库有多普遍，但改动默认的图像名称老是一个好主意。

例如，我们假设你有一张巧克力的图片。

我能够简单地定名为 "巧克力"，但若是你在网站上销售巧克力，可能每张图片城市被定名为 "巧克力-1"、"巧克力-2"，等等。

我会把那张图片定名为 "黑巧克力-咖啡"，以便让用户和搜刮引擎领会那张图片。

6. 编写有利于SEO的Alt文本

Alt标签是当阅读器不克不及准确呈现图像时的一种文本替代。与题目类似，alt属性用于描述一个图像文件的内容。

当图像无法加载时，你会得到一个图像框，在左上角有alt标签存在。确保它们与图像相适应，并使图片相关。

留意alt标签也有利于整个页面上的SEO战略。你要确保所有其他优化范畴都到位，但若是图片因任何原因无法加载，用户将看到图片应该是什么。

此外，为网站上的图片添加恰当的alt标签，能够通过将关键词与图片联络起来，帮忙你的网站在搜刮引擎中获得更好的排名。以至连谷歌都提到了图片中的alt文本的价值。

它为谷歌供给了关于图像主题的有用信息。我们利用那些信息来帮忙确定用户查询时的更佳图片。

按照《美国残疾人法案》的规定，关于那些无法本身查看图片的人来说，需要有alt文本。一个描述性的alt文本能够提醒用户照片中到底有什么。例如，假设你的网站上有一张巧克力的图片。

符号文本能够是如许的

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

然而，一个更好的描述图片的替代文本应该是如许的。

<img src="chocol-1.jpg" alt="黑巧克力咖啡味棒"/>。

Alt文本能够在页面的缓存文本版本中查看，有助于其对用户和搜刮引擎的好处。为了进一步进步SEO价值，当图片链接到网站上的差别页面时，alt文本能够做为内部链接的锚文本。

7. 思虑图像文件的构造

谷歌更新了其图像指南。他们透露的次要更新之一是，他们利用文件途径和文件名对图片停止排名。

反复：文件途径和文件名是一个现实的排名因素。

例如，若是你是一个有多种产物的电子商务品牌，不要把你所有的产物图片放在一个通用的/media/文件夹中，我建议把你的子文件夹构造化为更多的类别相关主题，如/shorts/或/denim/。

8. 优化你的页面题目和描述

谷歌还透露，它利用你的页面题目和描述做为其图像搜刮算法的一部门。

你所有的根本页面SEO因素，如元数据、题目标签、页面上的副本、构造化数据等，城市影响谷歌对你的图片的排名。

9. 定义你的图片尺寸

若是你利用AMP或PWA，你需要在源代码中定义你的图片尺寸。

然而，若是你不利用那两种办法，定义宽度和高度仍然是一个更佳做法。它供给了一个更好的用户体验。

此外，它允许阅读器在加载CSS之前确定图像的大小。那能够阻遏页面在加载时呈现跳动。

图像尺寸属性关于避免累积规划偏移（CLS）问题也很重要，那些问题可能会干扰你的核心网页目标优化。

确保你为每个图像和视频元素包罗宽度和高度属性是关键。

那将告诉阅读器要为资本分配几空间，并避免恼人的内容挪动，从而降低您的CLS得分。在那里领会更多。

10. 让你的图片更合适挪动设备

哦，挪动搜刮引擎优化。在其最坏的情况下，它能够给你一个高跳出率和低转换率。但是，在它更好的情况下，它能够给你更多的排名权利和更好的用户参与。

问题是，你若何为挪动优先索引优化你的图像？

幸运的是，谷歌供给了关于图像的更佳做法的指点。

简而言之，你要创建响应式图像。那意味着无论用户利用的是台式机仍是挪动设备，图像城市跟着网站的大小而变革。它能够按照设备的大小停止调整。

Mozilla供给了一个全面的指南，申明若何利用srcset和 sizes属性为阅读器供给额外的源图像，使其可以显示为设备调整大小的不异的图像内容。

重要的是，要在每一行中利用差别的属性值。

11. 在网站地图中添加图片

无论你是将图片添加到网站地图中，仍是为图片创建一个新的网站地图，你都希望在网站地图中找到图片。

在网站地图中添加图片，能够大大增加搜刮引擎抓取和索引图片的时机。因而，会带来更多的网站流量。

若是你利用WordPress，Yoast和RankMath在他们的插件中供给了一个网站地图处理计划。

12. 添加构造化数据

构造化数据标识表记标帜你的内容类型，引导谷歌和搜刮引擎供给更好的视觉成果。从素质上讲，若是你添加告终构化数据，谷歌能够将你的图片做为一个丰硕的成果。

例如，若是你在一个产物页面上利用构造化数据标识表记标帜，而且你将图像标识表记标帜为产物，谷歌能够将那个图像与价格标签配对。搜刮引擎跳过算法，利用构造化数据中供给的信息来供给准确的图像。

图片优化的关键要点

因而，在你起头上传你的图片到你的网站之前，确保遵照上面的图片优化仪式。

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

其他关键要点：

选择准确的文件格局。

削减文件大小以进步页面加载速度。

确保你的页面SEO元素（元数据、构造化数据等）与你的图片相婚配。

为了便于抓取，创建一个图片网站地图，或确保你的图片在网站地图中得到表现。

优化图像不是开打趣。跟着语音搜刮手艺的前进，媒体的重要性越来越大，你的整个网站将从采纳上述步调中受益。