首页 关于我们 项目案例 网站建设 网站优化 微信公众号 技术课堂 联系方式
QQ联系点击这里给我发消息
电话联系
手机联系
QQ联系点击这里给我发消息
电话联系
手机联系
【当前位置】

Alt属性和SEO有什么区别?

发布时间:2019-05-10 11:07
发布者:康康
浏览次数:
 
在网站的SEO(搜索引擎优化)中,优化图像变得越来越重要。该ALT属性是一个常常被忽视的一个关键步骤。这可能是失去更好排名的机会。
 
在Google的网站管理员指南中,他们建议您在网站上使用替代文字:
 
图片:。使用alt属性提供描述性文本。此外,我们建议在图像周围使用人类可读的标题和描述性文字。
 
他们为什么要求我们这样做?答案很简单,真的; 搜索引擎与盲人用户有同样的问题。他们看不到图像。
 
许多网站管理员和缺乏经验或不道德的搜索引擎优化滥用此属性的使用,试图用关键字填充它,希望达到一定的关键字密度,这与以前的排名不相关。
 
相反,在某些搜索引擎上,高关键字密度会触发垃圾邮件过滤器,这可能会导致您的网站排名受到惩罚。即使没有这样的惩罚,你的网站的排名也不会受益于这种策略。
 
这种方法也使使用屏幕阅读器的人处于更大的劣势。屏幕阅读器是基于软件的工具,实际上大声朗读屏幕上显示的内容。在浏览网页时,图像的alt属性也会被大声朗读。
 
想象一下,听一段文字,然后重复许多关键词。该页面将远远无法访问,并且,直言不讳地说,会发现非常烦人。
 

Alt属性究竟是什么?

不应将ALT属性用作图像的描述或标签,尽管许多人以这种方式使用它。虽然假设替代文本是标签或描述似乎很自然,但事实并非如此!
 
图像的alt属性中使用的单词应该是其等效的文本,并传达相同的信息或用于图像所用的相同目的。
 
目标是提供视觉用户可以看到的相同功能信息。如果图像本身不可用,alt属性文本应该充当“替身”。问自己这个问题:如果你要用文本替换图像,大多数用户会收到相同的基本信息吗,它会产生相同的响应吗?
 
一些例子:
 
如果搜索按钮是放大镜或双筒望远镜,其alt文本应为“搜索”或“查找”而不是“放大镜”或“双筒望远镜”。
如果图像旨在传达图像的文字内容,则描述是适当的。
如果它是为了传达数据,那么这些数据是合适的。
如果它是为了传达一个函数的使用,那么函数本身应该是应该使用的。
一些Alt属性指南:
 
始终为图像添加alt属性。Alt对于可访问性和有效的XHTML是必需的。
对于在页面中仅起装饰作用的图像,请使用空的alt(即alt =“”)或CSS背景图像,以便阅读浏览器不会通过说出“spacer image”等内容来打扰用户。
请记住,这是我们试图传达的图像的功能。例如; 任何按钮图像都不应在alt文本中包含单词“button”。他们应该强调按钮执行的操作。
替代文本应根据上下文确定。不同上下文中的相同图像可能需要完全不同的替代文本。
尝试将alt文本与其??余文本一起流动,因为这是使用屏幕阅读器等自适应技术读取的方式。有人在听你的页面时很难意识到有图形图像。
请记住,每张图片都需要使用alt属性才能满足最低WAI要求,这些要求被用作英国和欧洲其他地区无障碍法律的基准。他们还需要满足美国的“Section 508”无障碍要求。
 
将非文本内容分为三个级别非常有用:
 
秀色可餐
心境设置
内容和功能
I.眼睛糖果
除了使网站具有视觉吸引力/吸引力(并且在许多情况下)满足营销部门之外,Eye-Candy是没有任何目的的东西。没有内容价值(尽管对有视力的用户可能有价值)。
 
除非有某些内容可以增强使用非可视用户代理的网站的可用性,否则不要使用眼睛糖果。在CSS中使用null alt属性或背景图像可以让人眼花缭乱。
 
II。心境设置
这是图形的中间层,可用于设置心情或设置舞台。这些图形不是直接内容,可能不被认为是必不可少的,但它们很重要,因为它们有助于构建正在发生的事情。
 
尝试alt-ify第二组是有意义的并且是相关的。有时这样做可能会令其他用户烦恼或有害。然后尽量避免它。
 
例如; 不需要与相邻文本相同的Alt文本,这对屏幕阅读器用户来说是一种刺激。在这种情况下,我建议使用alt =“”或背景CSS图像。但有时候,为所有用户提供这些内容非常重要。
 
大多数情况下,它取决于背景。不同上下文中的相同图像可能需要完全不同的替代文本。显然,内容应始终完全可用。你在这种情况下的方式是判断。
 
III。内容和功能
这是图像是实际内容的地方。始终使用alt-ify内容和功能图像。标题和长描述属性也可以是有序的。
 
许多作者无法弄清楚为什么他们的替代文字不起作用的原因是他们不知道为什么图像在那里。您需要弄清楚图像的确切功能。想想对于页面的目标受众来说重要??的图像是什么。
 
每个图形都有理由进入该页面:因为它??要么增强主题/情绪/氛围,要么对页面试图解释的内容至关重要。了解图像的用途使得alt文本更容易编写。练习写作肯定有帮助。
 
检查替代文本有用性的一种方法是想象通过电话向某人阅读页面。当遇到特定图像以使听众理解页面时,您会说什么?
 
除了alt属性之外,您还可以使用更多工具来处理图像。
 
首先,在描述性程度上,标题位于alt和longdesc之间。它添加了有用的信息,可以添加味道。title属性可选地由用户代理呈现。请记住,当通过键盘接收到焦点时,它们是不可见的,并且不会显示为“工具提示”。(对于设备独立性而言)。因此,仅将title属性用于咨询信息。
 
其次,longdesc属性指向图像完整描述的URL。如果图像中包含的信息对于页面的含义很重要(即,如果图像被删除则某些重要内容将丢失),应该使用比“alt”属性更合理地显示的描述。它可以提供丰富,富有表现力的可视图像文档。
 
当alt和title不足以体现图像的视觉质量时,应该使用它。正如Clark [1]所述,“longdesc是对图像的长描述......目的是使用任何必要的描述来传递图形的细节。
 
希望长篇描述会让人想起一幅形象 - 图像 - 在脑海中,这种类比即使对于完全失明的人来说也是如此。
 
虽然alt属性对于Web可访问性和有效(X)HTML是必需的,但并非所有图像都需要替代文本,长描述或标题。
 
在许多情况下,你最好只是以你的直觉 - 如果没有必要包括它,如果你没有强烈的冲动去做,不要添加那个longdesc。
 
但是,如果整个页面都必须工作,那么您必须添加alt文本(或标题或longdesc)。
 
什么是必要的,什么不是很大程度上取决于您的图像功能及其在页面上的背景。
 
同一图像可能需要在一个位置使用alt文本(或标题或longdesc),而在另一个位置则不需要。如果图像绝对没有提供任何内容或功能信息alt =“”或背景CSS图像可能适合使用。但是,如果图像提供内容或添加功能信息,则需要alt,甚至可能需要很长的描述。在许多情况下,这类事情是一种判断。
 
图像搜索引擎优化技巧
下面列出了优化图像的关键步骤:
 
选择一个强化关键字的逻辑文件名。您可以在文件名中使用连字符来隔离关键字,但要避免超过两个连字符。避免使用下划线作为单词分隔符,例如“brilliant-diamonds.jpg”;
标记文件扩展名。例如,如果图像搜索引擎看到“.jpg”(JPEG)文件扩展名,它将假定该文件是照片,如果它看到“.gif”(GIF)文件扩展名,它将假设它是一个图形;
确保图像附近的文本与该图像相关。
同样,不要失去一个很好的机会来帮助您的网站在搜索引擎中使用您的图像。使用这些步骤可以更好地在所有引擎上排名,并为今天的网站带来更多流量。
文章来源:康之讯网络 www.kzxseo.com 专注网站建设优化!