用魔法打败魔法，图片Image SEO怎么操作？

都已经2022年了还需要说图片SEO吗？当然需要，要知道20%的谷歌检索量来自图片搜索。因此如果你面向海外，那么针对图片进行SEO工作是必做的功课。在AI技术逐渐成熟的今天，这些功课更加重要。

本篇马老师将带读者过一下图片SEO的要点和做法。

Image SEO会使你的页面排名提升吗？

在说图片SEO之前，我们必须认清图片SEO的目的。谷歌的John Mueller非常明确地说了alt文本属性仅仅是帮助我们图片SEO的效果。也就是说，你做图片SEO，那么效果将体现在图片搜索，而不是网页搜索。

不过，图片SEO的确可以提升我们页面的流量，也可以帮助我们间接影响排名。

比如上图中，有一条结果是不含缩略图的（原因是该页面上没有包含刺猬的图片）。这将影响其点击率并最终使其排名降低。

建立图片站点地图

如果您的图片是以爬虫友好的方式编码的，并且它们所在的页面也很容易被发现和爬取，那么你真的不需要图片站点地图。我们知道大多数网站并非如此。许多图像以搜索引擎无法看到的方式延迟加载。如果你要用最基础的方式来解决图片的可爬行性，那么选择制作一个图片的站点地图将是最优解。

图片站点地图有两种制作方式，第一种为纯图片的sitemap做法，第二种为混合sitemap做法。

在介绍之前，请知悉一些旧的标签已经不再使用。你可以将它们从你的现有站点地图中去掉。时间节点在2022年8月6日。它们包括<image:caption>、<image:geo_location>、<image:title>、<image:license>。

纯图片的sitemap

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
    <image:image>
        <image:loc>https://maxket.com/wp-content/uploads/2015/08/qrcode.png</image:loc>
    </image:image>
    <image:image>
        <image:loc>https://maxket.com/maxket_logo.png</image:loc>
    </image:image>
</urlset>

上面就是一个纯图片的sitemap。你只要将需要被索引的图片放入其中即可。

混合图片的sitemap

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://maxket.com</loc>
    <image:image>
        <image:loc>https://maxket.com/wp-content/uploads/2015/08/qrcode.png</image:loc>
    </image:image>
	<image:image>
        <image:loc>https://maxket.com/maxket_logo.png</image:loc>
    </image:image>
  </url>
</urlset>

上面就是一个混合图片的sitemap的例子，它比第一个做法复杂。但是因为图片和页面对上了，有更多的相关性。比如爬虫可以结合alt属性来理解图片的内容，不然就只能靠文件名了。另外因为同一张图片有可能被用于多个页面，这样的sitemap会更fat一点。

选择合适的格式并优化图片文件大小

图片大小是影响该图片需要多久才能下载完的重要因素。谷歌在web.dev上给出了图片优化的重点。其中选择正确的图片格式是至关重要的。我们知道各种图片格式都各有各的特点，比如PNG和GIF支持透明，GIF支持动画。还有SVG是矢量格式，怎么放大都不会失真。

选对了图片格式会让图片文件的大小更合理。现代的浏览器还支持WebP格式的图片，它支持透明和动画，综合压缩率也不错。不过对一些本土搜索引擎，该格式的表现还有待提高。

确定好格式后可以对图片进行压缩，市面上有多种图片压缩工具。有的CMS也提供许多图片压缩的插件供选用。

优化图片尺寸

图片尺寸是指图片的长和宽。许多进行图片搜索的用户都想要找分辨率更高的大尺寸图片。从这个角度来说，我们必须要考虑到用户的意图。推荐在网站中推荐多个尺寸的图片版本。我们可以使用HTML5中的<picture>标签。

<picture>标签可以为多个不同宽度的设备指定不同图片 — *标签可以为多个不同宽度的设备指定不同图片*

在上图这个W3schools的例子中，默认的是橙色花，而当宽度大于465像素起开始用白色花，并当宽度大于650像素起开始用粉色花。

这样做的另一个好处是，浏览器只会下载适合目前浏览器宽度的那张图片。当在小屏幕浏览时这会节省许多流量。搜索引擎却能够看到所有版本的图片并使用同一个alt属性。

对图片添加描述

终于讲到大家最熟悉的图片SEO的部分了。

alt属性

马老师在2014年的文章中详细讲解过alt属性的使用方法和要点。alt属性不宜过长，要避免堆砌关键字，这样只要我们能描述好图片内容就算是好的alt属性。

图片文件名

图片文件名可以让分享的对象更好预期打开后看到的内容，对搜索引擎也是这样。用谷歌的原话说：

为图片创建良好的网址结构：Google 会借助网址路径以及文件名来理解您的图片。我们建议您好好组织图片内容，使网址结构合乎逻辑。
Google 图片最佳做法

同时谷歌还建议——如果要本地化图片，请务必同时翻译文件名。这一点马老师还是让大家来决定，因为非英文的文字往往会带来一些乱码，不利于传播。

页面标题和描述

页面标题和描述同样可以让你的图片更相关。所以页面的SEO可以帮助图片的SEO，反正亦然。这里我们也只需遵循常规的SEO原则即可。

防止直接展示源尺寸

有没有发现当你在使用Google Image Search的时候有时候只能看到缩略图，要想打开原始图片就必须去源网页？这里的技巧是你可以针对部分图片HTTP请求做过滤。

这些HTTP请求的referer字段如果来自于Google的域（包括google.co.jp等）你可以返回200状态码其中响应的body为空，也可以返回204状态码，效果一致。结果谷歌图片搜索没有收到返回的图片就不会直接展示源图片而仅仅展示缓存的缩略图。

用户想要获取源图片则必须到你的网站来，这么一来你的流量就自然产生了！

魔法打败魔法，检测图片是否相关

最后，我们说说搜索引擎是如何知道你的图片说了什么内容的。你记不记得谷歌时常让你从一堆图片里找出某件东西，以此来测试你是不是机器人？这就是谷歌训练其人工智能用来识别图片。

谷歌可以做到识别图片中的事物和文字，用来判断图片内容。因此，如果你希望提升图片和目标检索词的相关性的话，最好问一下谷歌自己。毕竟用魔法打败魔法才是最酷的。

谷歌最近上线了免费的AI图片识别分析工具。你可以在下面的链接进行试用。

https://cloud.google.com/vision/docs/drag-and-drop

通过该工具，你可以对你发布的图片进行检测。其结果会告诉你哪些是关联到图片的实体。包括物体、Logo、文字等各种信息都会在结果中找到。另外你还可以知道你的图片是否会触发安全搜索的机制。

总结一下

本篇我们回顾了一些老的方法和新的方法，SEO对图片来说可以从相关性和一些技术SEO的手段来实现。不要忘了，要想图片SEO产生效果，要把图片放在正确的HTML标签中，而不要用作css背景图片。这就是我们前面提到的<img>和<picture>标签。最后祝大家斩获更多自然搜索流量。

用魔法打败魔法，图片Image SEO怎么操作？

Image SEO会使你的页面排名提升吗？