网站制作过程中针对网站优化的注意事项-沈阳易势科技有限公司

build网站制作

build网站制作当前位置：首页>主要服务>网站制作

网站制作过程中针对网站优化的注意事项

一、优化原则

在不影响原外观的情况下

1. 不要把整个页面放到一个table里面。

2. 不要嵌套太多表格，因为表格需要代码全部下载才能显示出来。

3. 不要用太大、太多Flash动画。

4. 不要用太多JavaScript特效，用户是来看内容不是看特效。

5. 尽量把大图切成小图，可以再次利用的图片就无需再另切图了。

二、优化技巧

1. 使用静态页面可以有效减少服务器资源占用。

2. 重复使用的样式写到外部CSS文件，一般是整站一个共用CSS文件，各独立栏目共用一个CSS文件，某页面特有的可以写在本页面内。

3. 需要从数据库读取但又不经常更换的内容，写到单独JS文件，例如各个栏目，内容是从数据库获取的，但又不会频繁更换

4. 需要链接外部的Flash、图片等，可以用iframe标签，避免外部网络延迟而拖慢整体页面显示。

三、网页优化

A.切图步骤

1) 从整体布局考虑分块。

2) 划线分割。

3) 隐藏不需要的内容。

4) 输出html文件（如分多层切图，重复第三步骤）。

5) 用Dreamwaver等网页工具打开，整理表格。

6) 编写CSS文件。

B.切图技巧

1) 尽量按规则表格方式切，因为切后一般用需要整合。

2) 表格需要全部下载才能显示出来，尽量把大表格分成横向并排的表格。

3) 尽可能新建网页，新建表格把切好的图块手动放进去，因为PS、Fireworks切图生成的网页文件有很多垃圾代码。

4) 文字尽量用文本格式写在网页源码，方便修改。

四、内部优化

SEO全称是Search Engine Optimization，即针对搜索的优化。网站在推出之后，最大的难点莫过于推广，而通过搜索引擎带来的流量是不可忽视的，如何通过优化代码使搜索引擎最大限度的收录，也就成为重要课题。

1.明确的标题，即<title>标签
例如搜索“沈阳网站制作”，搜索结果有2个页面，一个标题包含“沈阳网站制作”，另一个只包含在正文<body>标签中，第一个页面会排第一位。
根据观察，各搜索引擎都会对标题进行截断，具体为baidu20字、google30字、Yahoo20字、MSN Search25字（均为中文）
所以标题不能过长，要跟正文内容符合，易势科技，标题可以为“易势科技网络有限公司”

2.META标记
<meta name="description" content="网页简述">
<meta name="keywords" content="关键字">

3.链接文本
文章、新闻经常标题过长，为了页面美观而不得不截短，加入title属性，一来有利于访客阅读完整标题，也有利于搜索引擎的收录
<a href=”test.htm” title=” 浅谈Flash ActionScript代码优化”>浅谈Flash ActionScr…</a>。

4.另外其它如<h1><input>都可以加入关键字。

5.XHTML标签和属性全部要小写，比如<BODY><HEAD><BR />。

6.标签注意要关闭，常见的比如<br /><input />等，还有<img src="" alt="" />，别把alt属性忘记了。

7.不用<font>标签，可以用<span>标签加CSS定义。

8.XHTML不具备HTML标签所有属性和值，例如居中align='absmiddle'，在XHTML里面是没有absmiddle值的，只有top/bottom/right/left/center，某些属性例如onload也被废除了。

9.<script></script>要放在<head></head>之间，共有的写出单独文件再在网页导入。

10.尽量用div布局而不用table，但table还是可以用的。

11.标题代码：<h1>-<h7>，其中<h1>的权重最大，依次类推，通常网站标题或文章大标题用h1标注。

12.强调标签用<em>；重点高调标签用<b>和<strong>，<strong>是加重语气标签<b>是粗体标签。

13.超级链接要统一，不能一会用绝对路径，一会又用相对路径，例如：首页链接在后台程序可以写成：<a href="/web-site">沈阳网站制作--易势网站</a>也可以写成<a href="http://www.787866.com/web-site">沈阳网站制作--易势网站</a> 虽然这两种方式都可以链接到我要购物网的首页，但是对于搜索引擎来说是有差别的，这样势必造成了2个重复的页面，对于我们的博客收录的排名是不利的。

14.超级链接地址的大小写要统一，对于Google来说http://www.787866.com/web-site 与http://www.787866.com/WEB-SITE同样是两个不同的页面。

上一条资讯|返回栏目页|下一条资讯