什么是替代文字?

在HTML代码中使用替代文本(替代文本),也称为“替代属性”,“替代描述”,或在技术上不正确地称为“替代标签”,用于描述页面上图像的外观和功能。

替代文字使用:

1.在照片上添加替代文本是首要的网站可访问性原则。使用屏幕阅读器的视障用户将被读取alt属性,以更好地理解页面上的图像。

2.如果无法加载图像文件,将在图像的位置显示Alt标签。

3. Alt标签为搜索引擎爬虫提供了更好的图像上下文/描述,帮助他们正确索引图像。

替代文字示例

高亮显示的文本在左侧显示图像的替代文本(alt属性)。

替代文字示例

<img src =“ pupdanceparty.gif” alt =“跳舞的小狗”>

最佳替代文字格式

替代文字的最佳格式具有足够的描述性,但不包含任何垃圾填充关键字的尝试。如果您可以闭上眼睛,让别人朗读您的替代文字,并想象出图像的合理准确版本,那么您就走对了。

让我们看一下替代文本的几个示例,以显示蓝莓煎饼的美味外观:

煎饼alt标签示例

好的:<img src=”pancakes.png” alt=”pancakes”>

此替代文字仅是“可以”,因为它不是很具描述性。是的,这是一叠煎饼的图像。但是,关于此图像还有更多要说的。

好:

<img src=”pancakes.png” alt=”Stack of blueberry pancakes with powdered sugar”>

这个替代文字是更好的选择,因为它对图像中的内容更具描述性。这不仅仅是一堆“薄煎饼”(如第一个替代文字示例所示);这是一叠蓝莓煎饼,上面撒上糖粉!

不建议:

<img src=”pancakes.png” alt=””>

要么

<img src=”pancakes.png” alt=”pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe”>

这些示例都不推荐。代码的第一行实际上根本不包含任何替代文本(注意引号为空),而第二个示例演示了替代文本中的关键字填充。

什么替代文字很重要?

1.辅助功能

替代文字是可访问的网页设计的宗旨。它的原始(也是主要目标)是向无法看到图像的访问者描述图像。这包括阻止图像的屏幕阅读器和浏览器,但也包括视力障碍或无法视觉识别图像的用户。在图片中包含替代文本可确保所有用户(无论其视觉能力如何)都能欣赏您网站上的内容。

2.图片SEO

在图片上使用替代文字可以带来更好的用户体验,但同时也可以帮助您获得显式和隐式SEO收益。除了实现图像标题和文件命名最佳做法外,包括替代文本也可能有助于图像SEO。

尽管多年来搜索引擎图像识别技术已经得到了极大的改进,但是搜索爬网程序仍然无法像我们一样“看到”网站页面上的图像,因此将解释权全留在他们手中是不明智的。如果他们不理解或弄错了,您可能会为意料之外的关键字进行排名,或者完全错过排名。

这是一个示例:Google可能会看到以下图片,并能够判断出这是一个戴着领带和眼镜的男人坐在办公桌前。

什么是替代文字?

The Office的Jim Halpert(美国版)

但是,如果您要排名“吉姆·哈珀特(Jim Halpert)对德怀特·施特(Dwight Schrute)的模仿”,则需要向搜索引擎伸出援助之手。

从这个意义上讲,替代文字为您提供了另一个包含目标关键字的机会。由于页面上关键字的使用仍在拉动搜索引擎排名因素的权重,因此最好创建一个替代文字来描述图像,并在可能的情况下包含您要定位的关键字或关键字词组。

我如何写好的替代文字?

  1. 尽可能具体地描述图像。首先,Alt文本旨在为无法看到图像的用户提供图像的文本说明。如果图像确实没有传达任何意义/价值,而只是出于设计目的,那么它应该存在于CSS中,而不是HTML中。
  2. 保持(相对)短。最受欢迎的屏幕阅读器会截断alt文本,大约125个字符,因此建议将字符数保持在该字符数以下。
  3. 使用关键字 Alt文本为您提供了另一个机会,可以在页面上包含目标关键字,从而可以向搜索引擎发出另一个信号,即您的页面与特定搜索查询高度相关。虽然您的首要任务应该是描述图像并为图像提供上下文,但如果这样做有意义,请在页面上至少一个图像的替代文本中包含关键字。
  4. 避免关键字填充。Google不会为您撰写的替代文字写得不好,但如果您将替代文字用作机会,将尽可能多的相关关键字塞入其中,您就会遇到麻烦。专注于编写可为图像提供上下文的描述性替代文本,并在可能的情况下包括您的目标关键字,然后将其保留。
  5. 不要将图像用作文本。这不是针对替代文本的最佳实践,而是针对SEO友好的常规Web开发原则。由于搜索引擎无法读取图片中的文本,因此应避免使用图片代替文字。如果必须这样做,请在替代文字中解释照片的内容。
  6. 请勿在替代文字中包含“图片的图像”,“图片的图像”等。已经假定您的替代文本是指图像,因此无需指定它。
  7. 不要忘记longdesc =“”。使用longdesc =“”标签探索需要更长描述的更复杂图像。
  8. 不要忽略表单按钮。如果您网站上的表单使用图片作为“提交”按钮,请为其提供alt属性。图片按钮应具有alt属性,该属性描述按钮的功能,例如“搜索”,“立即应用”,“注册”等。

好的替代文字是什么样的?

让我们看几个替代文字的例子:

alt-tag-image-5.png?mtime = 20170315125709#asset:4133:url

好的替代文字: <img src=”bird.png” alt=”Rooster”>

更好的替代文字: <img src=”bird.png” alt=”Rooster crowing”>

最佳替代文字: <img src=”bird.png” alt=”Red-crested rooster crowing”>

alt-tag-image-6.png?mtime = 20170315125710#asset:4131:url

好的替代文字: <img src=”escalator.jpg” alt=”man on escalator”>

更好的替代文字: <img src=”escalator.jpg” alt=”man walking on escalator”>

最佳替代文字: <img src=”escalator.jpg” alt=”man wearing backpack walking down escalator”>

alt-tag-image-7.png?mtime = 20170315125705#asset:4129:url

好的替代文字: <img src=”kwe.png” alt=”kw explorer”>

更好的替代文字: <img src=”kwe.png” alt=”keyword research in Keyword Explorer”>

最佳替代文字: <img src=”kwe.png” alt=”Moz Keyword Explorer tool for SEO keyword research”>

[原创文章] 发布者:seospsa,转载抄袭请注明本站链接:https://www.spsa.cn/2172.html

(7)
打赏 微信扫一扫 微信扫一扫
上一篇 2020-04-10 2020/04/10
下一篇 2020-04-11 2020/04/11

相关推荐

  • 页面SEO

    现在您已经知道了目标市场的搜索方式,是时候深入探讨页面内SEO了,即制作可回答搜索者问题的网页的实践。页面上的SEO是多方面的,并且从内容扩展到诸如架构和元标记之类的其他内容,我们将在下一章有关技术优化的章节中详细讨论这些内容。现在,戴上您的锻造帽子-是时候创建您的内容了! 创建内容 应用关键字研究 在上一章中,我们学习了用于发现目标受众如何搜索内容的方法。…

  • 什么是元标题标签Title Tag?

    什么是元标题标签? 标题标签是一个HTML元素,用于指定网页的标题。标题标签作为给定结果的可点击标题显示在搜索引擎结果页面(SERP)上,对于可用性,SEO和社交共享非常重要。网页的标题标签是对网页内容的准确而简洁的描述。 代码样例 <head> <title>示例标题</ title> </ head> 最佳…

  • 您的网站是否通过5秒测试?

    五秒测试。 你问什么?在此测试中,访问者仅需五秒钟即可快速浏览您的站点,然后回答一个重要问题:“您是否能够分辨出该站点的内容以及所提供的内容?” 在现实世界中,访问者将在决定是否坚持或跳出网站之前,先弄清楚您的网站内容以及您必须提供的内容。他们想立即知道您是否有提供的内容。 研究表明,大多数网站访问者通常会在到达您网站的前五秒钟内反弹。这说明您的网站通过五秒…

  • 如何使用域授权,页面授权和链接指标

    您如何有效地将链接指标(例如域权限和页面权限)与其他SEO指标一起应用?考虑到它们的时间和地点,它们的确切含义是什么?在今天的Whiteboard Friday中,Rand回答了这些问题以及更多问题,使您获得了更好地了解和执行SEO工作所需的知识。 编者注:使用新的链接浏览器来检查您的域授权(DA)以及页面权限,垃圾邮件得分,以及超过35万亿个链接和500个…

  • 4种提高网站感知价值的聪明方法

    您是否认真思考过人们在访问您的网站时如何与您做生意?我的意思是,这实际上取决于感知,不是吗?更不用说,当您在网上开展业务时,您的网站是人们对您公司的第一印象。 例如,如果您在整个站点上提供了可以通过实时聊天回答问题的指标,那么您的访问者会认为您非常关心客户服务。 如果您不提供该信息并使访问者更容易与您联系,您会认为问题出炉时可能很难获得帮助。 这只是一个非常…

  • SEO为什么重要?

    如果您已经对SEO及其重要性有深刻的了解,则可以跳至第2章(尽管我们仍建议在本章末尾略读Google和Bing的最佳做法;它们是有用的复习)。 对于其他所有人,本章将帮助您在前进时建立起基本的SEO知识和信心。 什么是SEO? SEO代表“搜索引擎优化”。这是通过非付费(也称为“自然”)搜索引擎结果提高网站流量的质量和数量以及品牌知名度的一种做法。 尽管有首…

发表评论

登录后才能评论