gravatar头像龙笑天  12个月前 (12-20) 来源:龙笑天下 隐藏边栏 |   抢沙发  126 
文章评分 12 次,平均分 5.0

做SEO优化时,给图片加上alt属性是很有必要的,于是网上找了方法,很多方法没有判断功能,都是无论你是否添加alt属性就直接强制替换并启用文章标题为图片alt内容,这样显然不是很好。终于在某一天找到了一个好的方法,使用此代码后,你无需担心是否遗漏alt属性,并且可以随自己的喜好添加个性的alt属性。

1.判断并自动添加图片alt属性、强制添加图片title属性

因为没有找到判断并自动添加图片title属性的代码,所以就使用了强制用文章标题作为图片的title属性方法。如果大家有能够通过判断,不覆盖自己设置的图片title的方法的话,请不宁赐教!(已找到,见方法3,感谢 @boke112导航)。

2.另外在给出一种强制使用文章标题做为图片alt和title属性的方法

此方法的特点是,无论图片是否设置alt和title属性,都会强制使用文章的标题作为图片的alt和title属性。

3.判断并自动添加图片alt和title属性(推荐)

以上代码的特点是:

  1. 会智能判断,如果没有alt或title属性,那么就会自动给该图片添加上alt和title属性;
  2. alt属性显示形式为“文章标题 分类名称 第几张”,title属性显示形式为“文章标题 分类名称 第几张-站点名称”。

一点小缺陷:如果img标签中的alt=""和title=""时,不会添加相应的alt和titl属性。

上述3种方法,大家取舍着用!

 

除特别注明外,本站所有文章均为龙笑天下原创,转载请注明出处来自http://www.ilxtx.com/how-to-add-attribute-alt-and-title-to-image-automatically.html

gravatar头像
龙笑天 最后编辑于:2016-04-12
互助分享,互联网本该如此!

发表评论

表情 链接 贴图 私信 格式 签到

暂无评论

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录。
快捷登录后,请完善资料中的电子邮件地址,可及时收到回复邮件通知和用于登录!

切换登录

注册

扫一扫二维码分享