网页img标签的Alt属性对SEO优化有什么意义

从技术实现原理角度来讲，图像并不会被直接插入HTML页面中，而是将src指向的图片文件链接到HTML页面上，且<img> 标签的作用仅仅是为了给被引用的图像创建占位符，设计alt属性的初衷也是为用户在某些原因（比如网速太慢、src 属性中的错误、浏览器禁用图像、用户使用的是屏幕阅读器）下无法查看图像而提供的替代文本与解释。

与此同时初期的搜索引擎技术，无法精准的识别网页图像内容，故采用alt属性值进行图像内容的辅助理解，因此在SEO实操中通过设置alt属性值（常被称为alt标签优化）完成图片的搜索引擎友好性优化。

网页图片alt属性的使用方法

1、基础img标签alt属性设置

<img src="seo.jpg" alt="SEO优化"/>

在img标签中通过src指定图片元素路径，并以alt属性值设置图片替代文本，可通过在<a>标签中嵌套<img>标签，给图像添加指向另一个文档的链接。

2、图像内部添加多个不同文档的指向链接

<img src="seo.jpg" width="650" height="400" alt="Planets" usemap="#seomap">

<map name="seomap">

      <area shape="rect" coords="0,0,650,400" alt="站内SEO" href="a.htm">

      <area shape="circle" coords="325,200,200" alt="站外SEO" href="b.htm">

</map>

<area>标签定义图像映射内部的区域，可为图像内部特定区域添加指向另一个文档的链接，需要注意的是<area>元素始终嵌套在<map>标签内部，并以<map>元素中的name与<img>标签中的usemap属性相关联，以创建图像与映射之间的关系。。

3、按钮型图片alt属性

<input type="image">

如果type属性设置为image那么当用户单击图像时浏览器将以像素为单位，将鼠标相对于图像边界（相对于左边界和上边界）的偏移量发送到服务器。

图像alt标签在SEO优化中的应用

简单的说alt属性主要用于对网页内的图片元素主题进行内容说明，一般使用简单的短语和准确的描述作为alt属性值，同时对带有指向其他文档的超链接有描述作用，因此建议对网站首页、栏目专题页以及内容详情页中固定的图片元素完善img标签alt属性值。

1、首页和栏目页图片alt标签优化

在网站的首页和目录页布局设计中，除了Logo图片、顶部轮播图以及视觉美化配图之外，调用其他栏目和板块内容的缩略图在网页图片中数量占比较大，因此不可忽视这部分图片alt标签优化工作。

被调用的缩略图都会带有指向目标文件的超链接，所以既要考虑alt文本对图片主题内容的解释需求，又要考虑与目标指向文件主题内容的相关性，因此在整站SEO优化中常以超链接指向页面的标题文字作为缩略图的alt标签属性值。

2、内容详情页图片alt标签优化

内容详情页可以是产品详情也可以是文章资讯详情，页面中的图片一方面辅助用户对文字内容的理解，另一方面是基于图文混排的用户视觉优化需求，因此在编辑内容详情的时候尽可能手动完善alt标签，并以精准的文字描述图片主题与内容。

图片alt标签对网站SEO优化的作用

1、完善img标签alt属性值既符合网页设计标准要求，同时考虑搜索引擎需要借助alt标签辅助识别理解图片含义，所以尽可能给每一张重要图片添加alt标签！

2、图片alt标签是对图片内容的文本注释说明，除图片加载失败无法显示之外并不会显示在前端页面，因此整站SEO优化中可以利用alt标签优化当前页面的关键词密度。

3、网站SEO图片优化不仅能提高网页质量，同时还可以为网站增加来源于图片搜索的流量来源及外链资源，除了图片所属网页标题之外，Alt标签属性值对图片的搜索排名也有较大的正面影响。

尽管诺丁科技建议尽可能为每一张网页图片添加ALT标签，但并不是网站中任一图片都必须添加alt属性值，对于图片拼接而成的单页面而言，为每一张图片添加alt标签文本，势必会导致关键词密度过高而存在堆砌嫌疑。

因此在利用alt标签进行整站SEO关键词优化时，首先避免文字过长尽可能以单个关键词或短语描述图片，其次完善img标签alt属性值是帮助搜索引擎理解内容，尽可以在适当且必要的情况下增加关键词密度，而不要为了提升关键词密度去刻意堆砌优化目标关键词。