网站html代码优化要如何做?

2016-10-13 17:09  阅读 609 次 评论 0 条

作为一名seoer,不需要精通HTML代码,但是对一些与优化相关的基础代码,还是需要掌握的,那么网站HTML代码优化要如何做?

我们先来简单的了解一下HTML代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

打开一个网页,右键查看源代码会看到以上的代码,这是一句申明,放在网站代码的第一行。

html代码认识

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

</head>

<body>

</body>

</html>

像<title></title>这一类型的标签是成对的标签,从上面的代码中我们可以看出,标签都是成对出现的,当然了也有单标签,像<hr/>、</br>这一类型的标签就是单标签。

meta是说明性的标签。

<head></head>代表网站的头部。

<title></title>代表页面的标题。

<body></body>代表页面主题,也就是网页中能看到的部分。

网站代码优化

 

通过上面的基本介绍,大家对代码也有了一个初步了解,那么HTML代码要优化哪些方面呢?首先是页面的三要素,其次是标签的优化,最后是一些注意事项。

 

一、页面三要素

1、title

title是三要素中影响排名最重要的因素,关键词匹配说的是标题中的关键词匹配,建议不要超过25个汉字。

2、keywords

不参与排名,但是也要写。能促进页面的完整程度,而且方便查询排名,建议写3-5个。

3、description

自然的把你做的关键词出现在描述中,建议60-80个汉字。

 

二、标签优化

1、H标签优化

(1)h标签告诉网站最重要的部分是哪里,h1-h6都称为h标签,字体和重要程度依次递减。通常将h1标签放置在每个页面最重要的内容上,搜索引擎会认为这个标题是网页中最重要的信息,写h标签,层次更加分明,写比不写更好。

(2)正常写要从h1开始写,但不能从h1直接到h3,一定要一层一层的来,要保证完整性,有h2就必须要有h1,有h3就必须有h2……

(3)1个页面只能有1对h1标签,h2-h6标签可以多次使用,不限次数。

h1标签应当放在那里呢?

首页的h1标签放在你认为最重要的地方,比如说logo。

文章页的标签放在文章的标题上,需要注意的是h1标签不能放在页面的title上,这里是指文章的标题,不是指页面的title。

 

2、img标签alt属性优化

alt属性通常是用来添加到网站的图片上的,搜索引擎蜘蛛不能识别图片中的内容是什么,为了能够让蜘蛛明白图片的内容,就需要添加ALT属性。具体格式如下:

<img src=”http://www.liuxinseo.com/wp-content/uploads/2016/09/weixin.jpg”  alt=”星雨微信二维码”>

写alt属性的时候需要注意些什么呢?

(1)alt标签要用最简洁明了的语言将图片的内容表达出来,可包含关键词小短句。

(2)每个alt不要一模一样。尽量让每张图片表达的意思不一样,也不能写成,比如说:自动推送1,自动推送2,自动推送3。

(3)避免出现空白。不能写成alt=""

(4)不能堆砌关键词。堆砌关键词是属于作弊行为。

(5)并不是每张图片都要写alt属性,比如说小图标、背景图片就不要写,比logo大一点的就写一下,比logo小就不要写。

(6)图片加了alt属性之后,还需要注意图片的清晰度,图片的大小等,最好能写上宽和高。

 

3、nofollow标签优化

加nofollow标签的意思就是告诉搜索引擎不要追踪我这个页面,不要进行权重的导入。加在a标签里面,主要格式为:<a href="#" rel="nofollow">在线客服</a>。

什么时候加?不信任的链接、出站链接都会加上nofollow标签。对于关于我们或者是在线客服等这些不想导入权重的页面就可以使用nofollow,在评论里面出现的链接一般都是加了nofollow的。

在这里需要注意的是,加nofollow标签,不是禁止抓取,蜘蛛能够抓取也能够识别,但是就是不导入权重

 

4、a标签优化

a标签是页面跳转的时候使用的,可以在新窗口打开,也可以在原窗口打开,不过从优化和用户体验的角度来看,新窗口打开是最好的。

原窗口打开:<a href="http://www.liuxinseo.com/">昆明SEO博客</a>

新窗口打开:<a href="http://www.liuxinseo.com/" target="blank">昆明SEO博客</a>在新窗口打开。

 

三、注意事项:

1、代码要精简,代码越少,打开速度相对快。

2、Flash上不要放链接。

3、Js百度识别不了,而且还会影响打开速度,就算是要出现,应当将其放在网站的底部。

4、iframe是一个框架,不利于网站优化。

5、table不要用于布局,要用div+css布局。

本文地址:http://www.liuxinseo.com/352.html
版权声明:本文为原创文章,版权归 星雨 所有,欢迎分享本文,转载请保留出处!

发表评论


表情