alt属性在网页中的作用

  魔贝课凡SEO培训本节是我们课程第二阶段名词解释中的seo基础部分,那么这一节课给大家讲解html中的alt,我们首先了解一下alt属性的概念,alt属性又被称为替换文本。是当我们

  魔贝课凡SEO培训本节是我们课程第二阶段名词解释中的seo基础部分,那么这一节课给大家讲解html中的alt,我们首先了解一下alt属性的概念,alt属性又被称为替换文本。是当我们网页中的图片丢失或者是路径错误的时候所显示的一个图片文字信息,比如我们一般在网页中去插入图片的时候会用到html标签img这个标签。那我们的alt所幸就是添加在这个img的标签里面,用来去显示图片的文字信息获得属性对seo有一定的影响,搜索引擎它是无法识别图片里面的内容的。

图片属性alt怎么用

  如果我们把alt型的内容纳入到网页的文本分析中,灵活的在网页图片中去插入到特殊性,比如说这个alt属性可以是我们的关键词,这样就可以提高我们网页里面的关键词,密度好,下面给大家演示一下怎么样。

  在图片标签中去插入alt属性很简单,只需要在img标签里面去,加上一个alt这样的一个属性就可以了。

  我们首先打开桌面,打开DW,我们去新建一个html文档,在设计模式下找到菜单,里面的插入直接插入一个图像。在桌面我已经准备好了一个logo图片,我们直接点击这个图片,点击确定,再次确定,那么这里它就会提示你添加替换文本,我们先不添加,直接点击确定,那么这么一个图片就已经插入这个网页当中,我们现在保存这个文件保存到桌面保存以后,我们再次打开桌面,这就是我们刚才所保存的这个html文档。

  我们又一选择打开风速火狐浏览器,打开这里,我们就看到了刚才我们插入的这一个图片,那么这个图片之所以能够显示是因为它的路径是正确的,那如果我这个路径是错的,那么它会显示什么呢?

  我们现在打开DW,切换到代码格式下面我们就可以看到我们刚才做的动作,其实在body标签里面去插入了一个img,即标签sc,后面跟的是这个图片的路径,后面位置和hit是这个图片的高度和宽度,我们现在去修改这个图片的名称,或者是修改它的路径。

  我们这里直接修改它的名称,比如改成logo01.jpg,然后点击保存,因为logo01.jpg这个图片并不存在,说明这个图片是丢失的一种状态,那我们现在打开浏览器刷新这个页面,我们就可以看到这个图片彻底的消失掉了,那如果我们给他加一个alt,看看它会显示什么状况,在这里直接敲一下空格加一个alt,比如说这里我们写上这是一个logo图片,然后点击文件保存,我们再次打开浏览器刷新一下,你就会发现,虽然这个图片丢失了,但是它显示出来一段文字。这个文字,并且对这个图片做了一个诠释,那么即使这个图片丢失了,我们依然知道这个图片所要表达的意思,这就是alt的一个作用。好,那么关于alt属性的添加这节课就给大家讲到这里。

  本文由魔贝课凡讲师团队原创编辑,转载请注明出处:www.moocfan.net/course/hot/219.html


发表评论