您现在的位置是:首页 > 干果哥seo

【干果哥seo】img标签的alt属性跟title属性是一回事吗?

作者:干果哥阿涛日期:2021-06-15 10:53:48点击:
今天在修改公司网站的图片的时候发现,自己对img标签中的alt属性和title属性竟然都没有搞清楚,有点小惭愧。不过也很庆幸,所有的成长都是在发现问题,解决问题的过程中成长的。

下面就跟大家分享一下我的一点点小理解,也可能不太对,如果说错了,请谅解。

img标签中alt属性与title属性作用,也许大家比较迷惑,现在给大家举例说明。alt属性是图片的替换文字,当图片不显示的时候,图片就会被替换成文字显示,告诉读者这里放置的是什么内容。title属性规定元素的额外信息,有视觉效果,最常见的就是鼠标放在图片上,会有文字显示,不错像我这个网站的图片好像都没有添加title标签,我一会加一个试试(大家可以鼠标放上去看看效果)。

alt属性

如何添加这两个属性呢?

一般网站后台都是可以选中图片,点击右键会弹出一个对话框,修改替换文本或者描述,修改后你会发现,title和alt属性就同步改好了。如果没有这项功能的,可能就要去html源码中去修改添加了。

alt属性修改

接下来内容来自于百度知道,网络资源,大家可以看看哈,希望有助于大家理解。

 

alt属性

1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户,以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候,图片的替换文字。
2、alt属性值得长度必须少于100个英文字符
3、alt属性是img标签的必须属性,如果没有特别意义的图片,可以写alt=""
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据,alt属性添加到img主要的目的才是为了SEO

 

title属性

1、title属性并不是必须的。
2、title属性规定元素的额外信息,有视觉效果,当鼠标放到文字或是图片上时有文字显示。
3、title属性并不作为搜索引擎抓取图片的参考,更多倾向于用户体验的考虑。

以上就是干果哥分享的内容,很简单,希望对大家有所帮助。希望每天都能发现问题,这样就可以有针对性地去解决问题,才能每天都要一点小进步。

加油吧,农村故事!

文章评论