|
第 1 步:填写您的 alt 标签。
第2步: …?
图像 SEO 不仅仅只是编写一些 alt 标签,还有更多。
有些人甚至可能会说,随着谷歌最近在机器学习方面的进步,alt 标签不再重要。例如,当您将猫的照片上传到Google 的 Cloud Vision API(他们的机器学习图像识别工具)时,会发生以下情况:
谷歌视觉API猫
谷歌可以近乎完美地准确判断这是一张猫的照片。这很让人佩服。
边注。我确保从该图像中删除所有元数据。您还可以看到文件名是一个相当不具有描述性的 IMG_0696_2.jpg。
那么,如果 Google 能够理解图像的内容,那么添加 alt 标签还有什么意义呢?图片SEO已经死了吗?一点也不。
在这篇文章中,我将介绍 12 个可操作的图像优化技巧,以提高自然流量。
页面 SEO 初学者指南
页面 SEO 新手?看看我们的
页面 SEO 初学者指南
1. 适当命名你的图像
以下是Google 关于图像文件名的规定 :
[...]文件名可以为谷歌提供有关图像主题的线索。例如, my-new-black-kitten.jpg 比 IMG00023.JPG 更好。
这就是 SEO 101。大多数人都会这样做。
这可能是因为谷歌多年来一直给出同样的建议。
通过 The Wayback Machine 证明 Google 对此事的建议自 2013 年以来一直保持一致。
但再一次考虑到谷歌在机器学习方面的最新进展以及他们新发现的图像识别能力,这到底有多重要?
好问题。我知道猫的例子令人印象深刻。那么让我们尝试另一个图像。
谷歌奶酪黄油失败
Google 91% 确定这是奶酪。谷歌是错误的。这是黄油。
现在,我将第一个承认黄油看起来与奶酪相似,但这一点仍然成立:谷歌并不完美——你应该尽你所能来帮助他们理解你的图像。
这并不意味着关键字堆砌。保持文件名具有描述性且简单明了。
好:dog.jpg
坏: dog-puppy-pup-pups-puppies.jpg
将图像重命名为更具描述性并不需要花费太多精力。所以这是值得做的。
2. 使用描述性替代文本和标题
Alt 文本(替代文本)描述图像。这是浏览器向使用屏幕阅读器的用户显示的内容。如果渲染图像出现问题,浏览器还会显示替代文本。
HTML 语法如下:
<img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>
该示例直接来自Google 的官方指南。它用于显示编写良好的 alt 标签的外观。以下是他们编写这些内容的一般建议:
谷歌使用替代文本以及计算机视觉算法和页面内容来理解图像的主题。[...] 选择替代文本时,请重点创建有用的、信息丰富的内容,适当使用关键字并与页面内容结合在一起。避免使用关键字填充 alt 属性(关键字填充),因为这会导致负面的用户体验,并可能导致您的网站被视为垃圾邮件。
马特·卡茨 (Matt Cutts) 在这段古老但仍然相关的视频中针对替代文本给出了一些同样好的建议:
然而,这里有一个几乎总是完美的捷径——完成这句话:
“这是 __________ 的图像/屏幕截图/照片/绘图。”
从生成的句子中删除所有连词或连接(例如,a/an),并使用最后一部分作为替代文本。这里有一些例子:
“这是一张巧克力芝士蛋糕的照片。”
<img src="chocolate-cheesecake.jpg" alt="Chocolate cheesecake"/>
“这是我的猫马克正在玩他的玩具的图画。”
<img src="mark-the-cat.jpg" alt="My cat, Mark, playing with his toys"/>
在为产品图像编写替代文本时,您可能希望稍微偏离此公式。对于这些,添加产品或序列号可能很有用,如下所示:
<img src="battery-tender.jpg" alt="Battery tender (022-0186G-DL-WH)"/>
Google 没有官方指南表明您应该这样做。但这是有道理的,因为谷歌清楚地了解产品名称和序列号/产品编号之间的关系。想要证据吗?看看这个查询的相关搜索:
谷歌产品编号上下文
仅通过搜索产品编号,Google 就知道我们正在寻找什么产品。因此,将其合并到您的替代文本中可能会帮助 Google 理解它实际上是产品的图像。
专家提示
使用Ahrefs 的网站审核查找您网站上缺少替代文本的所有图像。
站点审核 > 项目 > 资源 > 图片 > 缺少替代文本
缺少替代文本网站审核
哦,别忘了字幕。这些也很重要。
谷歌是这样说的:
Google 从页面 电话号码列表 内容中提取有关图像主题的信息,包括标题 和图像标题。只要有可能,请确保将图像放置在相关文本附近以及与图像主题相关的页面上。
再次查看最后一张图像,查看图像标题的示例。下面的小文字描述了它所显示的内容。我建议尽可能使用这些。
3. 选择最佳的文件类型
网络上的大多数图像都是以下三种文件类型之一:JPEG、PNG 和 GIF。
它们每个都使用不同的压缩方法。这意味着三种文件类型之间的文件大小可能会有很大差异。这很重要。原因如下:
图像通常是页面整体大小的最大贡献者,这可能会导致页面加载缓慢且成本高昂。
页面加载时间对于 SEO 至关重要。谷歌已确认它是桌面 和移动设备上的排名因素。您的任务是为每个图像选择最合适的文件类型,即提供最佳压缩且质量下降最少的文件类型。
考虑到这一点,下面是与 JPEG、PNG 和 GIF 相同的图像:
gif 与 jpeg 与 png
您可以看到 JPEG 图像明显获胜。它的文件大小最小,并且与其他两个图像之间的图像质量几乎没有明显差异。那么 JPEG 总是正确的选择吗?一点也不。
我认为这个插图 说明了一切:
jpg 与 png
一般来说,JPEG 是照片的最佳格式,而 PNG 最适合线条图、文本等。GIF 最适合移动图像。阅读本文 以了解有关这三种格式之间的技术差异的更多信息。
|
|