不能忽略的网站HTML代码标签优化!

分类:SEO入门 作者:邂逅

  虽然说作为SEO从业者,不需要像设计员那样懂得那么多代码,但是在工作中还是需要了解一下常用的html代码的。为此,本文就为大家详细介绍下title、meta、图片alt属性、H标签、nofollow标签,JS和CSS等代码。希望对大家有所帮助。

不能忽略的网站HTML代码标签优化

一、头部HTML代码标签Title和Meta

  一个页面的三要素:标题(title)、描述(description)、关键词(keywords),这三个要素中关键词的添加与否对网站优化排名上作用已经变得很小(有的网站你会看到虽然没有添加描述和关键词,但是排名也很好),但是从代码完整度情况考虑需要有这三种代码标签。

二、图片Alt属性

  搜索引擎无法很好识别图片的文字信息,图片Alt属性可以帮助搜索引擎识别图片信息,因此,在优化网站时,尽可能利用Alt属性描述图片的主题内容,但是又要避免关键词的重叠堆砌,该图片属性作用也不仅仅告诉搜索引擎图片的主要信息,另外在图片出现加载失败时,还能够让访客理解图片所描述的内容,在完整的图片优化还可以在百度图片中获得排名。

  1、表现方式:<img src="图片路径" alt="图片描述"/>所有的字母和符号都是英文状态下的,字母之间有空格。

  2、什么情况下图片可以添加alt属性

  并不是所有页面的图片都需要添加alt属性,网站上会有很多种图片,很小的图片,对你的文章没有任何表现意义的图片都可以不用写。

三、网站代码H标签

  H(Heading)标签,HTML语言里一共有六种大小的h标签,是网页代码中对文本标题所进行的着重强调的一种标签,以标签<h1>、<h2>、<h3>到<h6>六种不同的表现形式对文本标题进行强调。文字从大到小,依此显示重要性的递减,也就是权重依次降低,h1定义最大的标题,h6定义最小的标题。h标签是成对出现的,以<h>开始,以</h>结束,遵循这样的原则是很有必要的,它能让页面的层级关系更清楚,让搜索引擎更好地抓取和分析出页面的主题。

  正确使用:

  h标签不是一个必要的标签,就是说可以没有;

  h标签每个页面都可以有,它是以页面为单位的,比如说你的首页可以有h标签,产品页没有h标签,或者你的首要没有h标签,在详情页有h标签;

  h1标签应用在页面最核心的地方,如果你的网站首页或者栏目页找不到能表现页面核心的地方可以把h1标签放在logo里面,事实上大部分网站logo都会使用H1标签,而在详情页可以添加在正文标题里面;

  一个页面只能有一对h1标签。h1表现的是页面的核心,H2,H3,H4可以有多个...多个H1造成的后果是搜索引擎不知道你这个页面哪个标题内容最重要,会淡化这个页面的标题和关键词,同时可能会被搜索引擎当做作弊惩罚;

  如果页面有h2,h3,h4...这些标签,就要有h1标签。在代码完整角度情况下,如果有h2就要有h1;有h3就要用h2,h1;有h4就要有h3,h2,h1,......保证代码的完整性。

四、网站代码Nofollow标签

  nofollow 是一个HTML标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接。表示的是某个链接的属性。

  书写形式:<a href="链接地址" rel="nofollow">文本内容</a>,符号和字母都是英文状态,字母之间有空格。

  例如:<a href="http://www.xiaomseo.com/?order=views" rel="nofollow" title="按点击量排序"> 点击</a>

  引用nofollow标签的目的是:用于指示搜索引擎不要追踪(即抓取)网页上的带有nofollow属性的任何出站链接,以减少链接分散网站权重!

  简单的说就是,如果A网页上有一个链接指向B网页,但A网页给这个链接加上了 rel="nofollow" 标注,则搜索引擎不把A网页计算入B网页的反向链接。搜索引擎看到这个标签就可能减少或完全取消链接的投票权重,从而给予其他链接更多权重。

五、JS和CSS页面加载优化

  JS(Javascript)是一种直译式脚本语言,在网页上表现是一种动态的功能效果,比如说:首页的banner图在不停切换,它的一个切换效果;全屏浏览图片效果,网页中的特效表现就是由JS代码完成,对于SEOer来说这个代码就很复杂了。

  CSS是页面的样式,可以控制网站的文字、图片的颜色大小和布局。

  这些属于网站的特效和样式,从优化的角度如果JS和CSS文件太多,搜索引擎访问页面话费时间会增加,页面打开速度也会变慢,此外wordpress部分插件JS会使用谷歌字体,谷歌服务器在国内经常被墙,如果实在找不到也没打开速度变慢原因,有可能就是这样JS或者CSS代码影响。对于JS和CSS优化就是可以把CSS和JS合并。

上一篇:网站SEO之Robots文件的操作及使用技巧详解 下一篇:没有了
猜你喜欢
起航SEO
各种观点
SEO优化如何解决网站内容收录和抓取的问题?
热门排行
网站日志分析中各返回状态码的含义!
精彩图文