前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >徐大大seo:图片alt标签是什么?如何优化Alt标签

徐大大seo:图片alt标签是什么?如何优化Alt标签

原创
作者头像
徐大大seo
发布2022-05-14 11:12:06
2.2K0
发布2022-05-14 11:12:06
举报
文章被收录于专栏:seo分享seo分享

今天要跟大家聊聊图片中alt属性,不要小看这个图片的alt属性,谷歌对于这个属性还是很器重的,对于提升网站排名也有一定作用,不然谷歌也不会花好几篇文章去说明alt属性,这篇文章把谷歌官方的几篇文章提取出来,来说说图片alt属性以及如何优化。

什么是Alt属性?

我们在做这件事之前,首先需要明白为什么做这件事,Alt属性最重要的功能就是在图片无法显示,作为替代说明文字,比如在网络不好的时候,图片加载比较慢,首先浏览器就会使用alt属性内的文本作为占位标记显示在网页上,让读者有个大体的概念,这个图片表达的内容含义是什么。

Alt属性的作用

Alt属性不同Title属性和其他说明性属性,这个属性是图片所特有的属性,在其他Html标签上是用不到Alt属性的,所以这个属性有两点很重要的作用:

  • 增强网站的用户体验
  • 有利于图片SEO优化,提升网站排名

第一点前面已经说过了,就是在图片无法加载的时候,作为图片辅助说明性文字,

第二点是最重要的一点,因为做好Alt优化,能够提升网站排名,获得更多流量,虽然各大搜索引擎在积极发展图片识别技术,但是还是无法做到像人类一样准确理解图片的意思,这时候我们就需要使用Alt属性,帮助搜索引擎理解图片,写好Alt属性文本内容,就像写好文章Title一样,能够带来更多的关键词排名,各大搜索引擎都有图片搜索的功能,那些图片就是搜索引擎建立索引,并给予排名的,可以看到那些图片都是有相关信息描述的

图片
图片

怎么写好Alt属性

下面简单举个例子,来说明下什么样的Alt文本内容,才是符合SEO要求;首先来看看最简单的Logo图片标签:

代码语言:javascript
复制
<img class="logo" src="seozen-logo.jpg" alt="The SEOZEN logo">

LOGO的图片属性,可以看到图片文件名是有意义的名称,不是随机的字母或者数字,这是第一个要注意的地方,上传图片之前,要尽量重命名图片,让他语义话,之后Alt属性内部,是英文描述的图片功能,表达的是这个图片是LOGO,如果是国内不做谷歌排名的朋友,这里用中文就好,Alt标签一般使用的是英文描述,这是比较好的方式,一般的方式是把图片语义化后的文件名,去掉后缀放到Alt属性里面,这样也是可以的,但是肯定没有功能描述的好。

下面在优化Alt属性的时候,有几点需要注意:

  • 描述的越详细越好。
  • 尽量让描述文本相关性高,言简意赅,不要过长。
  • 把文章关键词使用到其中最好。
  • 避免关键词堆砌问题。
  • 不要用多余的说明文字,比如说『这张图片』。
  • 不要忘记form表单中的图片按钮也要加上Alt属性

关于徐大大seo

我是徐大大seo,10多年的老SEO人,分享我这些年学习到的技术与心得,包括白帽黑帽SEO,Python开发,爬虫,web安全。真正的大师,永远保持一颗学徒的心(流量为"基",一直探索!)你关注的人,决定你看到的世界,而我主要关注IT互联网。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Alt属性的作用
  • 怎么写好Alt属性
相关产品与服务
内容识别
内容识别(Content Recognition,CR)是腾讯云数据万象推出的对图片内容进行识别、理解的服务,集成腾讯云 AI 的多种强大功能,对存储在腾讯云对象存储 COS 的数据提供图片标签、图片修复、二维码识别、语音识别、质量评估等增值服务。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档