html a标签 alt,A标签、IMG标签、ALT属性详解

A标签非常重要，外链和定向锚文本都是依靠其发挥作用，其完整格式是链接文字，href后面可以是外链，也可以是href=”/a/abc”类型的站内链接，链接文字看似简单，实则也是一门学问，比如我们计划将建设一个SEO相关的网站，之前我们都是如小爬虫将所有的外链都用同样的链接文字，随着百度算法的更新，这样的链接将被打击，现在我们建议的链接方式是尽可能使用丰富的链接文字，比如我们可以这样的链接：小爬虫、小爬虫sitemap生成工具等等。

前些年SEO大师告诉我们，网页要越简单越好，这个主要是受限于当时的互联网环境，比如网速、上网设备等，现在这些已经不成问题，所以现在我们的建议是网页越丰富越好，怎么样让网页丰富起来了?这个就需要图片等元素的加入，CRAZYSEO工程师在一项测试中发现，标题中有【图片】等文字的点击率要高于普通网页2-3倍，这一点也充分说明图片在用户点击行为中起到了积极的作用。

Img标签使用非常简单，如图1：

图1 img标签的使用方法

我们只需要在src属性后面添加图片地址即可，显示效果如图2：

图2 img标签的显示效果

了解这一点我们便可以在发布文章的时候添加图片，让网页变得丰富起来，现在百度搜索引擎已经将图片索引在搜索结果中展示出来，如图3：

图3 百度搜索引擎搜索结果图文展示

因此学会合理的将图片穿插在网页文字当中非常有用，我们可以设想，搜索一个关键词，比如“户外帐篷”，搜索结果如图4：

图4 户外帐篷的搜索结果

相对于没有图片索引的结果，我们是不是更加喜欢或者愿意点击图片中直接出现帐篷的结果了?

ALT属性也非常重要，ALT属性的目的是让用户在图片无法访问的时候可以通过ALT属性的了解图片的内容，这一点也恰恰被搜索引擎注意到，一般认为搜索引擎是无法读取图片内容的，尽管现在有一些新的技术在尝试，但究竟还是没有大范围的展开，这样来看，ALT成了搜索引擎了解该图片甚至网页的重要信息来源，所以说学会书写ALT属性也是开始SEO之前必须的。

CRAZYSEO工程师认为首先需要注意的就是真实描述图片内容，如图5：

图5 ALT属性的真实描述

恶意的ALT属性可能会欺骗搜索引擎，但是无法欺骗访问者，如果我们将这个图片描述为“沙滩上的鱼”，用户通过搜索“沙滩上的鱼”关键词进入网页，结果看到的是海星，那么可想而知用户会选择跳出网页继续寻找，前面我们提到，这个过程会被搜索引擎记录下来，随着搜索跳出率的增加，该网页的排名会下降，直到消失在用户无法找到的页面。其次还需要注意语言的组织，在真实描述图片的同时还要学会融入关键词，否则就算是描述的再真实，没有用户的访问也是失败的SEO。

html a标签 alt,A标签、IMG标签、ALT属性详解相关推荐

html隐藏标签disable,HTML 中 Link 元素 disable 属性详解
"disabled"属性应用场景对于 link 元素,当且仅当 link 元素被用来链接一个外部样式文件时,应用"disabled"属性定义可以切换的样式表 ...
【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
html frameset 属性,html frameset标签怎么用？html frameset标签属性详解
html frameset标签怎么用?html frameset标签属性详解,本篇文章主要讲述了html frameset标签的定义和用法,还有html frameset标签两个属性的用途(附实例) ...
php中li标签,li标签有哪些属性？css中li标签的属性详解
在html中,我们经常会遇到li标签,那么li标签有哪些属性?下面我们来了解一下css中li标签的属性. 一:标签有哪些属性在html中,使用css中li标签来控制样式,很多网站上都是点为开头,也有 ...
audio标签的controls属性_HTML5教程 audio标签属性详解
本篇教程探讨了HTML5教程 audio标签属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < src:String型,所播放音频的 url. auto ...
html5中preload是什么意思,html的video标签的preload属性详解
--------------------------------------------------------- Ta 只分享的内容开始 ------------------------------ ...
Vue项目使用symbol的方式引入svg图标和svg path大法d属性详解，section标签
symbol标签 svg path大法d属性详解 section标签
HTML embed标签使用方法和属性详解
HTML embed标签使用方法和属性详解一.基本语法代码如下: embed src=url 说明:embed可以用来插入各种多媒体,格式可以是 Midi.Wav.AIFF.AU.MP3等等,Ne ...
表单input标签type属性详解
目标:详解表单input标签type属性常用的属性值一.input标签和它的type属性 PS:input 元素可以用来生成一个供用户输入数据的简单文本框. 在默认的情况下, 什么样的数据均可以输入 ...
object标签属性详解
最近在做视频直播这一块的,html5的video不能实现此功能,在网上查找了资料,觉得很有用. 一.介绍:我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签.也就是OBJ ...

html a标签 alt,A标签、IMG标签、ALT属性详解

html a标签 alt,A标签、IMG标签、ALT属性详解相关推荐

最新文章

热门文章