图像替代文本什么意思,作用是什么?图像替代文本主要是通过对图片进行文本性的具体描述来提高视障用户阅读体验和网站排名的网站SEO优化技巧,在外贸建站的过程中,用户可以撰写具体准确简洁且包含关键词的描述来实现alt文本的添加。为了让大家更加清楚的了解图像替代文本的相关知识,下文将具体展开图像替代文本什么意思、作用是什么及怎么弄的内容,以供大家参考。
一、图像替代文本什么意思
图像替代文本(也称为 alt 属性或 alt 标签)是对图像的描述,它提供有关图片中内容的信息,替代文本的目的是帮助视障用户和搜索引擎更好地理解图片的内容,实现WordPress优化。
以下是 alt 文本在网站上的样子:
二、图像替代文本作用是什么
图像替代文本对于视障用户起着至关重要的作用,因为它提供有关网站上图像的信息,还可以作为 Google 等搜索引擎的排名信号,因为它描述了图片中的内容。
1、改进辅助功能和 UX
图像替代文本最初目的是向无法看到图片中内容的视障用户描述图像(从而使他们更容易访问)。视障访问者通常使用屏幕阅读器或浏览器来帮助他们更好地了解网站上的内容,包括图像、视频等视觉内容。
屏幕阅读器不会向用户显示图像,而是查看图像的 alt 文本并读取其内容。因此多亏了这一点,用户可以理解图片中的内容,并在网站上获得更好的用户体验。
替代文本还可以在无法正确加载图像的情况下(例如由于互联网连接速度缓慢或其他技术问题)替代图像。
在此类情况下,alt 文本可以改进 UX 并至少提供有关图像内容和用途的一些信息。
2、提升排名
图像替代文本不仅从 UX 的角度来看很重要,它还可以提高WordPress页面优化和主题相关性。像 Google 这样的搜索引擎无法真正“看到”网站上的图像,它们需要使用替代文本来更好地理解图像以及它与页面上内容的关系。
或者正如 Google 指南官方声明的那样:
“谷歌使用替代文本以及计算机视觉算法和页面内容来理解图像的主题。”
通过创建描述性和有用的替代文本,图片可以开始在 Google 图片搜索中出现并排名相关搜索查询,此外好的替代文本还可以:
- 提高页面的主题相关性
- 作为 Google 的潜在排名信号
注:替代文本不需要仅用于网站上的图像,还可以将替代文本添加到社交媒体图像(Facebook、Twitter 甚至电子邮件模板中的图像)并改进WordPress网站建设整体UX体验和可访问性。
三、图像替代文本怎么弄
1、 描述性
替代文本应始终尽可能具体和准确。应该写出清晰的图像描述,以便任何无法看到图像的人(或搜索引擎)都能清楚地了解图片中的内容,并了解添加图像的上下文。
如果有意义,请尝试在 alt 文本中添加适当的关键字短语,它将向搜索引擎发出信号,表明图片(或整个网页)可能符合某些搜索查询的条件。
如果图像本身包含重要文本,它也应该被转录到 alt 属性中,除非它出现在图像周围的文本中。
2、简洁地写作
替代文本应该简洁,最多几个字。即使文本应尽可能具体和描述性,也不应用冗长的句子编写。长长的 alt 文本令人讨厌且详尽无遗。此外大多数屏幕阅读器或浏览器不会读取超过 125 个字符的 alt 文本。
注:如果需要使用更长的描述来完整准确地描述图像(例如图形、图表或地图的图像),则可以使用 “longdesc” 属性作为对较长描述页面的引用。
3、避免关键词填充
不要仅仅为了它而将关键字塞进 alt 文本中。使用许多不相关的关键字填充替代文本可能会降低用户体验,此外关键字填充可能向搜索引擎发出信号,表明网站是垃圾内容并且不是很有用。
因此应该始终首先关注图像的真实描述,然后(如果可能)为其添加相关关键字。
4、不要使用“图片…”
屏幕阅读器和搜索引擎已经假定描述属于图像,因此没有必要使用短语 “picture of…” 或 “image of…”,只需开始编写图像的实际描述。
另一方面如果网页的上下文需要,还可以描述图像的类型。如果有一个关于一位著名画家和他的作品的页面,那么提供关于它是什么类型的信息可能是合适的(甚至是必要的)(例如,“插图…”、“绘画……”等)。
四、图像替代文本示例(好和坏)
写一个好的替代文本并不难,只需要关注想提供的关于图像的相关信息、它的目的以及它显示的上下文。
以下是一个图像示例将演示什么样的替代描述会被认为是好的,哪些不会。
Bad alt text: alt=“La Fiesta Mexican food restaurant cuisine top meals Mexico dish dinner cafeteria”
上面的文本是WordPress搭建独立站过程中,编写 alt 文本的常见不良做法,因为它只填充了没有任何适当描述的关键字。应该始终避免关键字填充,因为它不会为视障用户提供任何价值,并且只会从 SEO 的角度伤害网站。
Okay alt text: alt=“La Fiesta Restaurant”
这个例子稍微好一点,因为它提供了图片的一般描述,并且没有填充垃圾关键词。另一方面它不是最好的替代文本,因为它不是很具体,只写餐厅的名字在页面的上下文中可能不会很有帮助。
Best alt text: alt=“La Fiesta Authentic Mexican Restaurant sign”
这才是能写的最好的替代文本,它非常具有描述性,图像中的文本被转录,它还告诉用户它实际上是餐厅的“标志”,而不是餐厅本身。
注:当涉及到用作超链接的功能性图像(例如订阅按钮、图标或将用户转移到另一个页面的任何类型的图像)时,请确保 alt 文本也能传达其目的。通常屏幕阅读器或浏览器会读取带有用户链接的图像,其格式为:
Link, image, [your alt text]
因此编写一个替代文本很重要,该文本可以正确描述图像的功能,而不仅仅是图片中的内容。
五、何时不使用替代文本
在大多数情况下,在图像中添加替代文本通常是一种很好的做法,但是也有一些例外,编写替代文本甚至可能有害。
1、没有有用内容的插图
许多外贸独立站出于审美目的使用插图或库存图片,或者仅作为用户熟悉的视觉元素。尽管这些类型的图像看起来不错,并且可以作为传达一些情感或感觉的装饰性图片,但它们通常不会为读者提供任何价值。
从上面的图片中可以看出,键入的图像没有任何信息意义。
尽管可以为其添加替代文本(例如“an illustration of keys”),但它对访问者没有任何用处。
2、 图像被描述性文本包围
如果图像的解释和准确描述显示在图像周围的文本中,则空的 alt 属性可能是可以做出的最佳解决方案,因为在 alt 文本中写入相同的信息将是多余的。
图片正上方的文本中已经提供了图像的描述,虽然可以写一个简短的描述性替代文本(例如“SERPWatcher中的桌面/移动切换器”),但它对用户来说毫无用处—,图像中的信息会重复两次。
注:留空的 alt 属性对于复杂的图片(例如图形、地图、图表等)特别有用,对于像这样的图像,不可能写出一个合适的替代文本来用几个词来描述它们的所有数据。
在这种情况下,最好将图像中的所有重要信息写在图像本身之前,或者在不同的页面上提供信息(图像链接到页面),并保持 alt 文本相当简短(或只是空的)。
3、装饰性图像
装饰性图像、图标、视觉分隔线等应始终具有空的 alt 文本 (alt=“”)。这些类型的图像不包含任何重要信息,它们的唯一目的是改善网页的视觉外观。
下面是一个装饰元素的简单示例:
小图标在顶部菜单中用作视觉元素。作为图像,它们不会传达任何内容或提供任何应通过 alt 文本向访问者阅读的信息。
因此留空的 alt 属性是合适的,任何其他描述都会让用户感到困惑、不必要或烦人。
注:虽然建议为装饰性图像保留空的 alt 文本,但最佳做法是将它们从网页的 HTML 中完全删除,并通过 CSS 将它们用作背景。
六、如何在 WordPress 中添加替代文本
在 WordPress 中为图像添加替代文本是一个非常简单明了的过程:
- 在 WordPress 编辑器中打开新的或现有的文章/页面
- 上传图像或单击现有图像,它将在侧边栏上打开图像设置
- 单击空的 alt 文本框并添加替代文本
- 点击“更新”按钮
在 WordPress 中添加替代文本的另一种方法是通过媒体 – 库。只需上传一张新图片并点击“编辑”按钮 ,将可以在其中添加替代文本。
本站也为外贸建站的商家提供WordPress、WordPress+WooCommerce和Shopify独立站搭建和运营(谷歌SEO优化、SEM托管、海外社媒运营优化、智能化邮件营销)的一站式服务,最低价格仅需三千元左右。现在下单的顾客可享受买一赠三(域名、服务器和SSL证书)的购买优惠,还为Shopify建站的商家提供一年的免费技术支持。
推荐阅读: