有图的文章更受人们欢迎,并且精心选择一张图片可以更好的理解内容以及优化图片搜索结果排名。不 过你一定要在图片添加alt属性,因为它可以帮助人们和搜索引擎蜘蛛更好的理解图片内容,提高网站建设的可访问性。本文将介绍有关alt属性和title属性是什么以及如何优化它们。
图片标签的alt属性是什么
下面是一个完整的图片标签代码:
<img src="image.jpg" alt="图片替代文本" title="图标标题提示 " >
src是引用图片的地址,alt属性是一个必须的属性,它规定在图像无法显示时的替代文本。 搜索引擎可以通过该属性知道图片内容是什么。通常会在下面几种情况起作用:
网速太慢src属性中出现错误;浏览器禁用图片;用户使用的屏幕阅读 器(如盲人)。alt属性在写代码时是必须的,里面的值尽量不要空白。这不仅可以防止图片不 显示,让用户知道图片内容是什么,也可以让盲人使用电脑时认识图片。
title属性是鼠标放上图片显示 的提示,这个值并不必须。
图片优化的具体注意事项
图片必须使用实际显示尺寸;压缩后的 图片;非透明背景要求的图片首选jpg,透明背景要求选png; logo和图标可以选用svg;图标可以css sprite技术合并图片;图标如果是单色,建议网站制作使用字体;图片必须有alt属性,如果没有可空白,不可没有该属性;图片说明尽量添加(用户看到的);图片alt属性和title属性优化是SEO基础的 重要一部分。搜索引擎认识和理解网页内容,主要是通过文字内容。做好alt属性优化,搜索引擎自然会感谢你,认为你非常友好,页面质量较 高。