但是全文本有什么重要的呢?如何使用它来改善SEO和用户体验?
在本指南中,您将学习:
为什么所有文本都很重要
如何将所有文本添加到图像
为什么你不应该把所有的文字添加到所有的图像
如何写出好的alt文本
好的和坏的alt文本的例子
如何查找和修复alt属性的问题
网页搜索引擎优化新手?看看我们的网页搜索引擎优化新手指南
为什么所有文本都很重要?
Alt文本很重要,主要有四个原因。
提高可访问性
可以提高“主题相关性”
可以帮助你在b谷歌图片排名
作为图像链接的锚文本
1. Alt文本提高了可访问性
数以百万计的人有视力障碍,许多人使用屏幕阅读器来浏览在线内容。它们的工作原理是将屏幕上的内容(包括图像)转换为音频。
没有alt文本的图像会给屏幕阅读器带来问题,因为没有办法将图像的内容传达给用户。通常,它们会跳过这些图像,或者更糟的是,读出长而无用的图像文件名。
谷歌在他们的SEO入门指南中谈到了所有文本对屏幕阅读器用户的重要性。
2. Alt文本可以提高“主题相关性”
谷歌通过看一页上的单词来理解它是关于什么的。
例如,如果页面提到贵宾犬、拉布拉多犬和寻回犬,那么谷歌就知道这是关于狗的品种。
这和图像有什么关系?
因为有时候,上下文被“锁在”谷歌无法读取的图像中。
虽然谷歌几乎可以肯定地说这些是没有alt文本的狗的图像,但具体的品种可能不太明显-这就是alt文本的由来。
3. Alt文本可以帮助你在谷歌图片中排名
谷歌Images是全球第二大搜索引擎。它占所有在线搜索的20.45%,超过了YouTube、必应和其他搜索引擎的总和。
这意味着有机会从谷歌Images驱动流量。
看看谷歌Images在过去三个月里给SEO研究院博客带来的点击量就知道了:
旁注。这只是我们流量的一小部分,因为我们是一个SEO博客。人们通常不会使用图片搜索来搜索我们发布的信息。对于时尚或食品等视觉利基行业来说,情况完全不同,人们经常使用图像搜索来查找内容。
谷歌的John Mueller说,所有文本是优化谷歌图片的重要组成部分:
Alt文本对谷歌图片非常有用——如果你想让你的图片在那里排名。即使你使用延迟加载,你也知道哪张图片会被加载,所以要尽早获得这些信息并测试它的渲染效果。-??约翰??(@约翰mu) 2018年9月4日
4. Alt文本作为图像链接的锚文本
锚文本是指链接一个网页到另一个网页的可点击文字。b谷歌使用它来了解更多关于网页的信息和内容。
但并非所有链接都是文本;有些是图像。
谷歌:
如果你决定使用图片作为链接,填写它的所有文本可以帮助谷歌更好地理解你所链接的页面。假设您正在为文本链接编写锚文本。
如何将所有文本添加到图像
只需在HTML代码中的标记中添加一个alt属性。
带有alt标签的图像:
< img src = “ pie.jpg”Alt = “牛排麦芽酒派”>
如果您使用的是现代CMS,则应该可以添加所有文本,而无需深入研究HTML代码。
例如,在WordPress中,当向页面或帖子添加图像时,有一个alt文本字段:
其他CMS的情况也类似。
以下是一些最受欢迎的方法:
在Squarespace中添加所有文本到图像
在Shopify中为图像添加所有文本
你应该把所有的文字添加到所有的图像吗?
不,这是一种常见的误解。
如果图像是为了装饰目的而存在,并且不携带重要信息,那么就不需要添加所有文本。
例如,一些网站有图标来分隔内容:
这些只是为了看起来漂亮,所以你不应该添加所有的文本。这样做只会惹恼屏幕阅读器的访问者,并且不会给页面增加任何“SEO价值”。
对于像这样的通用或库存图像也是如此:
所有的文字都写着“洗澡和蜡烛”,对视力受损的读者来说是没有用的,因为这些信息是他们不需要知道的。最好让屏幕阅读器完全忽略它。
但是,有一点很重要……
如果图像不需要alt文本,最佳做法是添加一个空的alt属性。这是因为一些屏幕阅读器在没有alt属性的情况下读取文件名,而大多数屏幕阅读器会跳过带有空属性的文件名。
这是它的样子:
.gif
在WebAIM的指南中了解更多信息。
如何写出好的alt文本
全文本不是火箭科学。
遵循这五个最佳做法,你就会变得很好。
是简洁。对于那些使用屏幕阅读器的人来说,冗长的alt文本很烦人。尽量少用单词。(如果需要较长的描述,请使用longdesc属性。)
是准确的。专注于描述图像。
避免关键词填塞。这不是一个硬塞关键词的地方。
避免说这是一张图片。没有必要在描述中包含“Image of…”或“Picture of…”。谷歌和屏幕阅读器都可以自己解决这个问题。
避免冗余。不要重复图像上下文中已经存在的信息。例如,如果你有一张史蒂夫·乔布斯的照片,而图片下方的文字直接写着“史蒂夫·乔布斯”,那么就不需要在alt标签中添加这个描述。谷歌应该明白标题实际上是所有文本。
您还应该记住为表单按钮添加所有文本。否则,屏幕阅读器可能会跳过它们,一些访问者将无法与您的网站进行交互。
好的和坏的所有文本的例子
让我们通过几个例子来确保我们理解什么是有效的,什么是无效的。
坏的: cheesecake.png 好的: cheesecake 好的:”草莓芝士蛋糕”最好的:”草莓芝士蛋糕加奶油”
坏的: steve jobs 好的:最好的:
坏的: image4好的:”橙色放大器”好的:”橙色放大器-最好的:”橙色AD30HTC
注意,在最后一个示例中包含了型号。这是一个很好的实践,特别是对于电子商务产品页面上的图像。
如何查找和修复alt属性的问题
很多工具都能够抓取你的网站并找到缺失的所有属性,包括SEO研究院的网站审计。
但是缺少alt文本并不总是一个问题,因为不是所有的图像都需要alt文本。
例如,看看这些缺失的alt属性:
从文件名中可以清楚地看出,它们不需要所有文本。它们是装饰性的,也就是说我们想让屏幕阅读器直接通过它们。
因此,与其在网站上爬来爬去,纠结于每一个缺失的alt属性(大多数网站都有很多缺失的alt属性),一个更好的主意是审计和改进已经获得流量的页面的alt标签。
这有两个原因:
他们有视力受损的读者。2.4%的美国公民有视力障碍。这大约是每42个人中有一个人,这意味着平均来说,如果你的页面每月有10,000个访问者,其中240个不能正确地消费你的内容。
他们可能会获得更多的流量。Alt文本可以帮助图片在谷歌images中排名更高,从而带来更多的流量。一个月访问量达到1万的页面,即使只增加1%,也会增加100个访问者。
过程如下:
步骤# 1。从自然搜索中找到访问量最大的页面
检查谷歌分析,谷歌搜索控制台,或“首页”报告在SEO研究院的网站浏览器。
步骤# 2。审计您的所有属性
安装免费的Alt文本测试Chrome扩展,加载与流量最多的页面,然后激活扩展。
无论何时滚动图像,都应该看到alt文本显示。
如果缺少alt属性,您将看到一个警告。
检查页面上的一些图像的所有文本。你很快就会知道它们是否优化得很好,很差,或者根本没有。
例如,你只需要花几秒钟的时间滚动这篇文章,就能看到所有的图片都得到了很好的优化……
而《镜报》的这一页却不是这样:
第三步。重复更多的页面
对网站上访问量最大的页面重复这个过程。这应该让你知道你的所有文本优化是合理的还是需要工作。
因为大多数网站的大部分流量都集中在少数几个页面上,这应该不会花太长时间。
例如,SEO研究院博客上的10篇文章就占每月自然流量的51%……
因此,我们可以在几分钟内轻松审计和优化大多数高流量页面的Alt文本。
最终的想法
优化所有文本很重要,但这并不是图像SEO的全部。您还应该优化文件名、提供响应式图像、考虑延迟加载等等。
在我们的12个可操作的图像SEO技巧列表中了解更多信息。