图片真的对SEO没有帮助吗？相信这是许多人会有的疑惑。根据奇宝工程师的经验，文本在SEO中的影响力仍然大于图片，但我们也不可忽视图片搜索的趋势。奇宝工程师常遇到客户考察排版、画面的美观，所以在网站中大量使用图片提供消息给用户，却忘了搜索引擎爬虫只看得懂「文本」（代码），对SEO来说，是非常可惜的一件事！

要兼顾排版及SEO，工程师建议以图文并茂、相辅相成的方式进行，若是因为版面限制，则可以运用其他可以放文本的区块、页面，将图片中的内容转换成文本，让搜索引擎爬虫知道你的网站中也有这些内容！

另外图文并茂还有这些好处：

• 提升用户体验，不太会让人读不下去
• 图片搜索也有机会获得高曝光

针对SEO，图片的优化又该怎么做呢？

图片是我们日常在使用网站时，不可或缺的一部分。恰当的图片可以替网站增色，吸引用户的兴趣。

图片的优化可说是SEO的基础之一，但却常常被忽略。

进行图片优化有什么好处呢？主要有以下几点：

• 增进用户体验
• 缩短图片下载时间，加快网页速度
• 让图片与关键字产生关连
• 增加图片搜索曝光的机会

以下内容主要分为两个方向：

其一为如何提供搜索引擎和用户更多关于图片内容的信息，

其二则是如何透过图片的优化改进网页使用体验。

提供关于图片内容的文本信息

在被问到关于Google的搜爬蜘蛛是否能够辨认jpg或gif图片中的文本时，Google的Gary Illyes在twitter上回应了「No」。

尽管这个问题与回答并不代表着Google现在没有能够辨认图片内文本的技术，但可以推测目前Google的搜索引擎可能并不用图片内的文本作为排名要素，也不像你我可以「看懂」这些图片。毕竟在官方提供的SEO指南中也都指出应该以不同方式尽可能提供详细的文本信息以供搜索引擎理解图片主题。

以下几个重点可以进行优化：

(1) alt文本(alt text, alternative text)

alt文本，或称alt属性，在html语法中用以创建图片的替代文本，当图片失效或是无法显示时，让浏览器显示替代文本。范例如下图：

语法如下：

alt文本是Google用以判断图片内容的信息之一，同时对于无法看到图片的用户理解图片也十分有帮助，可以说是关于图片信息最重要的优化项目。

在撰写上应该以简短的文本尽可能详细的写出图片里的重要特征，并加入重要的关键字。同样的，不能以填充关键字的方式进行。

如果你的图片是关于你卖的产品，可以在alt文本中放入产品名称与型号，如此一来，如果有以名称或是型号搜索，你的图片就可能会在图片搜索结果中出现。如果照片是关于产品的不同角度或是细节，也都可以补充在alt文本中。

以上图为例，alt文本的范例如下：

(2) 文档名称(file name)

当你有许多产品图片，直接用相机缺省的文档名上传图片的确比较简单，但对于SEO却没有帮助。

文档名称也同样可以给予搜索引擎一些关于图片内容的提示，你可以试着让你的图片文档名更具叙述性。

例如，bordy-wearing-a-blue-shirt.jpg 就比 IMG00050.jpg 好得多。

(3) 图片周围的文本

所以把相关的图片放置在适当的位置十分重要，当文本所阐述的内容有相关时才使用该图片。

顺带一提，这边提到的图片标题，其语法如下：

当鼠标移动到图片上停留，就可以看到图片标题显示，如下图：

(4) 不要把重要文本放置在图片内

如同我们在前面所提到的，Google也建议不要将重要的文本只放在图片内，例如页面标题、菜单文本、图片哦明文本等，因为不是每个用户都可以访问这些图片，也不利搜索引擎辨认，最佳做法应该是将文本写在html语法中。

(5) 图片的网站地图(image sitemap)

创建图片网站地图(image sitemap)可以提供googlebot网站上图片的信息，有助于提升图片在图片搜索中出现的机率。这个文档的结构类似于网页的XML网站地图，较详细的介绍可以参考Google的。

增进网页体验

(1) 每张图片都应该有出现的理由

图片的出现，应该是要述说某个故事、帮助厘清一些观念或作为补充内容。

图像可以帮助理解与记忆，比起文本也更容易吸引目光，在一大段文本中出现恰当的图片更是可以带来画龙点睛的效果。

基于上述理由，你可能会很想在文章中插入图片，但千万不要勉强放入与主题不太相关的图片，永远要记得考虑图片与文本主题的相关性。

(2) 图片品质

这边讲的图片品质，除了字面上理解到的清楚、不模糊外，同时还关于图片所带来的价值。

上一点有提到，每张图片都应该有出现在网页上的理由。

提供原创、与众不同的图片，能够为用户提供更高的价值，同时也在相关搜索中更加突出。

(3) 优化图片文档大小

一般网站使用的图片，在不影响适合观看的前提下，文档大小应该要越小越好。

图片越大，网站加载的时间就越久，在网络没那么快的情况下，用户可能没耐心等到图片显示就先行跳出了。

你可以使用像是 这类在线的图片压缩服务，轻松的缩小图片的文档大小，但记得比较看看压缩后的图与原图比起来是否有过多差异。

(4) 使用标准图像格式

在图片文档格式的选择上，使用大部分浏览器都有支持的格式如JPEG、GIF、PNG、BMP或WebP。

最普遍使用且支持的三个格式分别是JPEG、GIF与PNG，Google的图片最佳化指南给了如下的图档格式选择方针：

1. 是否需要动画？ 如果需要，GIF 是唯一的通用选择。

GIF 限制调色板最多为 256 色，这对于大多数图片都不是好选择。此外，PNG-8 透过小调色板为图片提供更好的压缩比例。因此，当您需要动画时，GIF 才是正确的选择。

2. 是否需要使用最高的分辨率保留精细的细节？如果需要，请使用 PNG。

除了选择调色板大小，PNG 并不采用任何失真压缩算法。因此，产生的图片品质最高，但代价是文档大小明显高于其他格式。请谨慎使用。

3. 如果图片资产包含由几何图形组成的图片，请考虑将其转换成矢量 (SVG) 格式！

4. 如果图片资产包含文本，请停下来重新考虑。图片中的文本无法选取、搜索或「缩放」。如果需要显示自订的外观 (因为品牌塑造或其他原因)，则应使用网络字体。

5. 是否要最佳化照片、屏幕撷图或类似的图片资源？如果是，请使用 JPEG。

JPEG 混合使用失真最佳化和无失真最佳化，借此缩减图片资产的文档大小。请尝试几种 JPEG 品质水准，为图片资产找到品质和文档大小的最佳平衡点。

看完以上内容，你对于SEO图片优化可以怎么做应该有了更多的认识，当然，以上所列仅是我们帮大家整理出来的一些要点，仍有许多细节是可以进行操作与探讨的，如果你对于图片优化有其他想法，欢迎来信或到奇宝网络粉丝团与我们讨论。

【SEO实验室】图片长尾搜索优化实验－文本搜索外的另一个出路？

cover image credit：