为网站图像编写出色的alt文本

除了选择正确的图像并为web做好准备外,编写出色的alt文本是一项至关重要的任务,您永远不能忽视。下面是一些为网站图像编写有效alt文本的提示。...

除了选择正确的图像并为web做好准备外,编写出色的alt文本是一项至关重要的任务,您永远不能忽视。下面是一些为网站图像编写有效alt文本的提示。

Photography equipment and laptop ready for photo shoot in studio

在图像中重复文本

如果图像中有文本,则该文本应为alt文本。您可以添加其他单词,但alt文本应该与图像显示的内容相同。例如,具有实际单词的Acme小部件的徽标应该具有包含这些单词的alt文本。

请记住,例如,徽标等图像可能暗示Dotdash徽标中的红色球等文本。它是一个点,所以大脑读取并记住“点划线”。该图标的alt文本可以是“Dotdash.com”,而不仅仅是“公司徽标”

保持文字简短

alt文本越长,在文本浏览器中阅读就越困难。写长句子的alt文本(一种常见的关键字填充方法,可能会招致搜索引擎优化惩罚)很有诱惑力,但保持alt标记的短会使页面变小。较小的页面下载速度更快。最合适的地方是5到15个单词。

在alt标签中使用搜索引擎优化关键词

alt标记的主要目的不是提高SEO值,而是显示解释图像内容的智能文本。然而,为你的alt标签提供信息性的、相关的文本对SEO价值有积极的影响。

也就是说,在alt文本中使用关键词是一个很好的实践,只要它们是相关的。如果你添加的内容有意义的话,搜索引擎不太可能因为你把关键词放在那里而惩罚你。只要记住,你的首要任务是你的读者。搜索引擎很容易检测到关键词垃圾邮件,搜索引擎也经常改变规则来阻止垃圾邮件发送者。

通常,不要在备选文本中使用多个关键字。

保持你的文字有意义

请记住,alt text的目的是为读者定义图像。许多web开发人员自己使用alt文本,并包含图像大小、文件名等信息。这可能对您很有用,但对任何web设计中的首要读者来说,这都是毫无用处的。

仅对图标和项目符号使用空白alt文本

您将定期使用没有有用的描述性文本的图像,例如项目符号和简单图标。使用这些图像的最佳方式是在CSS中,您不需要其他文本。但是,如果您必须在HTML中包含它们,请使用空白的alt属性,而不是完全禁用它。

使用星号之类的字符来表示项目符号可能很有诱惑力,但这可能比将其留空更令人困惑。在文本浏览器中使用文本“bullet”会呈现出更奇怪的效果。

为什么alt文本如此重要?

无法查看图像的文本浏览器和其他web用户代理使用alt Text“读取”图像。这可以实现以下几点:

  • 它使使用屏幕阅读器或其他辅助设备的用户可以访问您的网页。
  • 如果图像加载失败,alt文本会让查看者知道应该有什么。
  • 搜索引擎无法“查看”图像,但它们可以并执行蜘蛛alt文本,因此包含alt文本有助于页面的SEO价值。

  • 发表于 2021-09-05 00:27
  • 阅读 ( 71 )
  • 分类:IT

你可能感兴趣的文章

什么是降价?初学者入门指南

...
 
 这将转换为普通超链接,如下所示:
 此处为网站链接
 图像
 你可以像添加超链接一样在Markdown中添加图像。以感叹号开头。在此之后,将包含图像alt文本的括号(这是可选的),最后将图像的URL放在括号中。&...

  • 发布于 2021-03-12 09:02
  • 阅读 ( 229 )

如何在linux下用任何语言编写

当涉及到用英语以外的语言输入文本时,Mac用户习惯于进入单个系统首选项屏幕,启用一两种语言,然后拥有所有必要的工具供他们使用。对于Windows用户来说,这个过程只是稍微复杂一些。 ...

  • 发布于 2021-03-15 04:25
  • 阅读 ( 202 )

理解基本html代码的5个步骤

... 如果没有其他网页的链接,万维网就不可能是一个大网站。使用 ...

  • 发布于 2021-03-21 16:54
  • 阅读 ( 265 )

windows键盘快捷键101:终极指南

...用工具栏选项(如文件、编辑和工具)、启动程序和浏览网站。然而,使用电脑根本不需要鼠标;如果必须的话,你只需要一个键盘就可以四处走动。 ...

  • 发布于 2021-03-25 02:26
  • 阅读 ( 284 )

基本的html常见问题,你应该书签

...,请务必阅读我们的指南,免费在线HTML编辑器和最好的网站的质量HTML的例子。 ...

  • 发布于 2021-03-25 17:43
  • 阅读 ( 242 )

如何让每个人都能更容易地访问word文档

...上下文的视觉添加alt文本。这几乎总是包括所有内容: 图像 照片 图片 图表 图表 图标 形状 写有效的alt文本也需要一些练习。你想确保你准确地描述一两句话中的视觉(尽管一些精心挑选的单词也可以做到这一点)。 以下是...

  • 发布于 2021-03-31 11:01
  • 阅读 ( 211 )

如何将alt文本添加到twitter上的图像

...易访问。 如何使用桌面twitter站点添加alt文本 使用Twitter网站添加替代文本也很容易,但过程与移动应用程序略有不同。 首先,访问推特网站在您最喜爱的浏览器中。接下来,像往常一样开始撰写tweet,然后像往常一样将图像附...

  • 发布于 2021-03-31 14:11
  • 阅读 ( 204 )

如何在googlesheets中向对象添加可选文本

...子表格,添加一个对象(单击菜单栏中的“**”>“图像”),然后选择该对象。 与在googledocs或googleslides中将alt文本添加到对象的过程不同,您不能右键单击图像或在googlesheets中使用键盘快捷键。因此,一旦选中,您需要...

  • 发布于 2021-04-01 21:14
  • 阅读 ( 172 )

微软所有的windows 10的powertoys,解释说

...设置应用程序中启用所需的功能。它是免费和开源的。从网站下载“PowerToysSetup”MSI文件并双击它进行安装。 要在安装和启动应用程序后访问PowerToys设置,请在任务栏上的通知区域(系统托盘)中找到PowerToys图标,右键单击它,...

  • 发布于 2021-04-02 10:32
  • 阅读 ( 262 )

如何在googledocs中向对象添加可选文本

...的文档。下面是如何添加alt文本。 在文档中包含对象(图像、图形和其他图形)的alt文本可以让使用屏幕阅读器的用户更好地理解对象的内容。否则,屏幕阅读器用户在遇到物体时会听到“图像”。 虽然有些图像可能已经包含a...

  • 发布于 2021-04-02 17:55
  • 阅读 ( 149 )
NKg47DTG
NKg47DTG

0 篇文章

相关推荐