什么是替代文字?

在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

相关推荐

  • 您的网站如何吸引访问者?

    在创建网站时,您是更专注于外观还是您对访问者的关注? 设计通常是创建商务网站和建立在线形象的首要重点。 这很不幸,因为主要目标应该是吸引访问者与您的网站互动。 您的网站是一台全自动的营销机器,可以为您完成所有工作。 这就是为什么您必须做到这一点至关重要。如果您将其保留为完美的设计,则可能不会发生接触。 话虽如此,您如何做才能使访问者无缝地与您的网站交互?提供…

    2020-04-03
    00
  • 什么是robots元标签?

    Robots元指令(有时称为“元标记”)是一段代码,为爬虫程序提供如何对网页内容进行爬网或索引的指令。虽然robots.txt文件指令为bots提供了如何对网站页面进行爬网的建议,但robots元指令提供了关于如何对页面内容进行爬网和索引的更为明确的指示。 有两种类型的robots元指令:一种是HTML页面的一部分(比如meta robots tag),另一…

    2020-04-08
    00
  • 什么是域名授权?

    什么是域授权? Domain Authority(DA)是Moz开发的搜索引擎排名得分,用于预测网站在搜索引擎结果页面(SERP)上的排名。域授权的分数范围是1到100,分数越高,排名能力越强。 域权限是通过评估多个因素来计算的,包括将根域链接和总链接数链接到一个DA分数中。然后,可以在比较网站或跟踪网站的“排名强度”时使用此分数。域授权不是 Google用…

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

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

  • SEO术语和意义

    我们知道学习SEO词汇和行话的所有来龙去脉感觉就像学习另一种语言一样。为了帮助您处理我们要向您扔的所有新术语,我们编译了SEO词汇表,每章均包含定义和有用的链接。您可能希望将此页面添加书签以供将来参考! 第1章:SEO 101 10个蓝色链接:用于显示搜索结果的格式搜索引擎;十个自然结果都以相同的格式出现。 黑帽:违反Google质量准则的搜索引擎优化做法。…

  • 网站:什么是重复内容(相同内容)?

    什么是重复内容? 重复内容是出现在Internet上多个位置的内容。“一个位置”定义为具有唯一网址(URL)的位置-因此,如果相同的内容出现在多个网址上,则您将获得重复的内容。 尽管从技术上讲不算是罚款,但是重复内容有时仍会影响搜索引擎排名。当Google称其为Internet上多个位置的“近似相似”内容的多个部分时,搜索引擎可能很难确定哪个版本与给定的搜索…

发表评论

登录后才能评论