[转]八个网页设计需要注意的细节
2009-12-12 14:07
295 查看
1、将css与javascript全部用下边的方法分离到外部文件中去
<link rel="stylesheet" type="text/css" href="http://www.webjx.com/css/style.css" mce_href="http://www.webjx.com/css/style.css" media="all"/>
<script type="text/javascript" src="http://www.webjx.com/include/common.js" mce_src="http://www.webjx.com/include/common.js"></script>
为什么?让html代码最大可能的只是用来显示实际内容!
2、采用XHTML代码编写页面,抛弃传统Table布局模式
用符合web标准的代码来制作页面。这样能够让xhtml代码结构化、语义化。提高页面代码的可读性。
3、采用了上边的方法你会发现你的html代码会变得非常小,当然如果可以的话,让它变得更小
太大的页面会影响搜索引擎的处理速度。一般通过xhtml+css设计的网页,html代码应该可以控制在50K以内。大家可以去看一下用web标准重构得比较好的网站。
4、用好图片的alt标签,合理的使用页面关键字去描述图片,这样能增加页面的关键字密度
至于关键字密度?有兴趣的同学可以去看看SEO技术,哦,别觉得头疼,这可是对你网站优化的最好途径。
5、尽可能少地使用javascript来做与内容相关的事情,例如用document.write去显示正文
这样会影响搜索引擎对页面内容的搜索。
6、千万不要去javascript来实现你网站的导航
那样会让搜索引擎迷失方向,你会发现你的网站非常的漂亮,却从来没有人来观赏!
7、每个页面的关键字尽可能出现在页面的标题,也就是头部的Title标签中
当然,要合理应用,太要太长,更别用大量与页面内容无关的网络热门关键字。因为那就不是优化而是在作弊。
8、尽量在每个页面代码中合理使用<h1><h2>等标签并让你的关键字出现在<h1>标签中,让页面的文档结构更清晰。
我是做网页制作的,所以SEO的诸多专业技术及算法我都不是非常了解。如果您想了解更多关于这方法的知识,建议您访问一些国内知名的SEO优化类的网站,比如点石互动等。在那里你能查阅到很多关于“反向链接”、“页面PR值”等专业知识。这里只是将我在页面制作的过程中涉及到的一些细节问题拿出来和大家探讨一下。由此也可以说明为什么基于web标准设计的网站会更有利于SEO了。
如果您不打算花钱去请专业的SEOer来为您的网站做优化,那么可以让页面制作人员在制作上注意一些细节。相信这样免费的一些细节也能达到一个比较好的效果。
<link rel="stylesheet" type="text/css" href="http://www.webjx.com/css/style.css" mce_href="http://www.webjx.com/css/style.css" media="all"/>
<script type="text/javascript" src="http://www.webjx.com/include/common.js" mce_src="http://www.webjx.com/include/common.js"></script>
为什么?让html代码最大可能的只是用来显示实际内容!
2、采用XHTML代码编写页面,抛弃传统Table布局模式
用符合web标准的代码来制作页面。这样能够让xhtml代码结构化、语义化。提高页面代码的可读性。
3、采用了上边的方法你会发现你的html代码会变得非常小,当然如果可以的话,让它变得更小
太大的页面会影响搜索引擎的处理速度。一般通过xhtml+css设计的网页,html代码应该可以控制在50K以内。大家可以去看一下用web标准重构得比较好的网站。
4、用好图片的alt标签,合理的使用页面关键字去描述图片,这样能增加页面的关键字密度
至于关键字密度?有兴趣的同学可以去看看SEO技术,哦,别觉得头疼,这可是对你网站优化的最好途径。
5、尽可能少地使用javascript来做与内容相关的事情,例如用document.write去显示正文
这样会影响搜索引擎对页面内容的搜索。
6、千万不要去javascript来实现你网站的导航
那样会让搜索引擎迷失方向,你会发现你的网站非常的漂亮,却从来没有人来观赏!
7、每个页面的关键字尽可能出现在页面的标题,也就是头部的Title标签中
当然,要合理应用,太要太长,更别用大量与页面内容无关的网络热门关键字。因为那就不是优化而是在作弊。
8、尽量在每个页面代码中合理使用<h1><h2>等标签并让你的关键字出现在<h1>标签中,让页面的文档结构更清晰。
我是做网页制作的,所以SEO的诸多专业技术及算法我都不是非常了解。如果您想了解更多关于这方法的知识,建议您访问一些国内知名的SEO优化类的网站,比如点石互动等。在那里你能查阅到很多关于“反向链接”、“页面PR值”等专业知识。这里只是将我在页面制作的过程中涉及到的一些细节问题拿出来和大家探讨一下。由此也可以说明为什么基于web标准设计的网站会更有利于SEO了。
如果您不打算花钱去请专业的SEOer来为您的网站做优化,那么可以让页面制作人员在制作上注意一些细节。相信这样免费的一些细节也能达到一个比较好的效果。
相关文章推荐
- 【设计前沿】初级网页设计师需要注意事项
- [网页设计]符合w3c标准的html标准需要注意的地方
- 设计网页时应该注意优化哪些细节—金瑞帆高端建站
- 网页设计中input标签写CSS时需要注意的几个问题
- 手机版网页设计html5元素meta name=”viewport”设置需要注意的地方
- HTML页面设计需要注意的细节问题
- 手机版网页设计html5元素meta name=”viewport”设置需要注意的地方
- 网页设计中需要注意的WEB安全色谱
- 设计产品时需要注意的那些细节
- 在设计网页时要注意的细节
- edm邮件营销内容设计需要注意的三点细节
- 网页设计中应注意的细节问题
- 界面设计中需要注意的小细节
- 界面设计中需要注意的小细节
- 手机版网页设计html5元素meta name=”viewport”设置需要注意的地方
- block需要注意的细节
- 网页设计制作需注意的10个技巧
- 自定义ViewGroup时需要注意的细节点
- 【JavsScript】当 JavaScript 从入门到提高前需要注意的细节:变量部分
- 前台页面验证中需要注意的一个与VARCHAR2(N BYTE)和VARCHAR2(N CHAR)的小细节