图像替代文本什么意思,作用是什么?图像替代文本主要是通过对图片进行文本性的具体描述来提高视障用户阅读体验和网站排名的网站SEO优化技巧,在外贸建站的过程中,用户可以撰写具体准确简洁且包含关键词的描述来实现alt文本的添加。为了让大家更加清楚的了解图像替代文本的相关知识,下文将具体展开图像替代文本什么意思、作用是什么及怎么弄的内容,以供大家参考。

一、图像替代文本什么意思

图像替代文本(也称为 alt 属性或 alt 标签)是对图像的描述,它提供有关图片中内容的信息,替代文本的目的是帮助视障用户和搜索引擎更好地理解图片的内容,实现WordPress优化

以下是 alt 文本在网站上的样子:

图像替代文本html格式

二、图像替代文本作用是什么

图像替代文本对于视障用户起着至关重要的作用,因为它提供有关网站上图像的信息,还可以作为 Google 等搜索引擎的排名信号,因为它描述了图片中的内容。

1、改进辅助功能和 UX

图像替代文本最初目的是向无法看到图片中内容的视障用户描述图像(从而使他们更容易访问)。视障访问者通常使用屏幕阅读器或浏览器来帮助他们更好地了解网站上的内容,包括图像、视频等视觉内容。

屏幕阅读器不会向用户显示图像,而是查看图像的 alt 文本并读取其内容。因此多亏了这一点,用户可以理解图片中的内容,并在网站上获得更好的用户体验。

替代文本还可以在无法正确加载图像的情况下(例如由于互联网连接速度缓慢或其他技术问题)替代图像。

在此类情况下,alt 文本可以改进 UX 并至少提供有关图像内容和用途的一些信息。

2、提升排名

图像替代文本不仅从 UX 的角度来看很重要,它还可以提高WordPress页面优化和主题相关性。像 Google 这样的搜索引擎无法真正“看到”网站上的图像,它们需要使用替代文本来更好地理解图像以及它与页面上内容的关系。

或者正如 Google 指南官方声明的那样:

“谷歌使用替代文本以及计算机视觉算法和页面内容来理解图像的主题。”

通过创建描述性和有用的替代文本,图片可以开始在 Google 图片搜索中出现并排名相关搜索查询,此外好的替代文本还可以:

  • 提高页面的主题相关性
  • 作为 Google 的潜在排名信号

:替代文本不需要仅用于网站上的图像,还可以将替代文本添加到社交媒体图像(Facebook、Twitter 甚至电子邮件模板中的图像)并改进WordPress网站建设整体UX体验和可访问性。

将替代文本添加到社交媒体图像

三、图像替代文本怎么弄

1、 描述性

替代文本应始终尽可能具体和准确。应该写出清晰的图像描述,以便任何无法看到图像的人(或搜索引擎)都能清楚地了解图片中的内容,并了解添加图像的上下文。

如果有意义,请尝试在 alt 文本中添加适当的关键字短语,它将向搜索引擎发出信号,表明图片(或整个网页)可能符合某些搜索查询的条件。

如果图像本身包含重要文本,它也应该被转录到 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、WordPress+WooCommerce和Shopify独立站搭建和运营(谷歌SEO优化、SEM托管、海外社媒运营优化、智能化邮件营销)的一站式服务,最低价格仅需三千元左右。现在下单的顾客可享受买一赠三(域名、服务器和SSL证书)的购买优惠,还为Shopify建站的商家提供一年的免费技术支持。

推荐阅读:

2025年七大SEO未来趋势

独立站SEO公司价格怎么样

ShortPixel VS Imagify :图像优化插件对比

相关文章

  • 国际SEO

    国际SEO是什么及优化策略

    国际SEO是一种向全球多个国家展示搜索排名结果的过程,外贸建站商家主要可以通过国际站点的URL结构、hreflang标签、关键词研究、本地化内容等方式实现国际SEO优化策略的制定。相较于本地SEO而言,国际SEO可能对大家来说有点陌生,所以下文将为大家具体介绍国际SEO是什么及优化策略的内容。 一、国际SEO是什么 国际搜索引擎优化是提高网站在不同语言和国家的搜索引擎结果页面 (SERP) 上的知名度的过程。它涉及从目标区域中的受信任站点获取链接、创建本地化内容以及构建站点以有效覆盖全球受众等技…

    网站SEO 2025年 3月 20日
  • 6大Google广告投放技巧

    6大Google广告投放技巧

    商家做外贸建站时不可避免的会遇到提高网站排名,需要增加曝光的问题,那么具体该怎么做呢?谷歌搜索作为全球最受欢迎的搜索引擎之一,诚然商家也用该基于此研究提高网站转化率的方法,所以下文为大家呈现了6大Google广告的投放技巧,以帮助商家制胜搜索引擎优化,提高独立站排名。 Google广告投放技巧一:部署正确的转化跟踪 这个方法看似显而易见,但在许多商家中却经常忽视,衡量Google广告活动是否有效的唯一方法就是正确设置转化跟踪,实施Google广告转化跟踪的最常见方法有: 通过Google ads…

    网站SEO 2024年 9月 12日
  • 网站代码优化

    网站代码优化的内容有哪些及优化方法?

    对于不熟悉网站代码的外贸建站商家来说,通过优化网站代码来实现独立站访问速度和搜索引擎排名的提高可能是非常陌生的。网站代码优化的内容及方法主要包括延迟加载、代码缩小合并、最小化I/O、代码矢量化等十几种技巧,为了帮助小白商家更好的了解网站代码优化的内容和方法有哪些,下文将具体为大家展示以上所述的代码优化的内容及方法,以供大家参考。 1、延迟加载 延迟加载是一种策略,可以将资源的加载推迟到实际需要它们时。在 Web 开发中,这可以应用于图像、样式或脚本,通过仅加载必要的内容,可以减少初始页面加载时间…

    网站SEO 2025年 2月 19日
  • HTML标签

    独立站SEO优化:必备的10+HTML常用标签大全

    说到独立站SEO优化,不可避免的会遇到HTML标签优化的问题。HTML标签作为网页构建的基础,诚然熟悉并掌握HTML标签有利于帮助商家优化自己的外贸建站工作,所以下文将为大家具体介绍HTML标签是什么及常用HTML标签有哪些的有关问题。 一、HTML标签是什么 HTML标签是用于构建和格式化网页内容的基本元素,为浏览器提供如何呈现文本、图像、链接和其他媒体的说明。HTML标签被用在尖括号<>中,通常成对出现:一个开始标签和一个结束标签。结束标记与开始标记具有相同的文本,但带有额外的正…

    网站SEO 2024年 12月 13日
  • SEO中JS代码优化

    SEO中JS代码怎么优化?JS代码优化的方法

    SEO中JS代码怎么优化?常见的方法有优化图片ALT属性、Meta Robot标签和结构化数据等,这些都是商家可以想到的方法,但是本文接下来将为大家介绍几种在外贸建站过程中,用户想不到的SEO中JS代码的优化方法,以供参考。 一、JS SEO是什么 JS全称是“JavaScript”,JS SEO是技术SEO中重要的组成部分。旨在消除在构建网页内容时使用 JavaScript (JS) 而导致的任何负面 SEO 影响。从本质上讲,JavaScript SEO 是关于使使用 JavaScript …

    网站SEO 2025年 2月 13日
  • SEO和SEM的区别

    SEO和SEM的区别是什么?

    对于外贸建站的用户来说,SEO和SEM是商家进行外贸推广营销的两种主要手段,弄懂二者的主要区别也有利于商家进行正确的网站运营,那么SEO和SEM的区别是什么呢?二者的区别主要体现在获得方式、优化速度和成本花费上面,下文将为大家具体介绍SEO和SEM的相关内容。 一、SEO是什么 搜索引擎优化(SEO)是一种从搜索引擎的有机(无偿)排名中为网站带来有针对性流量的做法,SEO的目标是在与网站业务相关的查询(称为关键字)的搜索结果中,提高网站排名。用户通常通过创建高质量内容、围绕特定关键字优化内容、建…

    网站SEO 2024年 10月 11日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部