一个完美网站的101项指标.第一部分.概述

前言  


世 界上最有趣的职业是网站设计师,有人为自己的作品喊价5000美金,有人129美金就行,而很多人根本看不出这两者的差别,我见过一个加拿大 Freelancer 设计师,他的网站上有个报价系统,你可以选择自己的预算范围,其中最小的一个选项是2500-5000美金,而在 Craigslist (www.craigslist.org)上,百把美金的网站设计师比比皆是。如果你读 Alistapart (www.alistapart.com), 就会知道顶尖设计师整天都在想什么,他们简直是小题大做,为一些细微的东西较真,这世界上不乏追求完美的人,而完美并不存在,于是所有人都胡乱地做,网站 是这样一种产品,它的消费者以为是高不可攀的东西,在设计者眼里可能视之如草芥,它的门槛如此之低,而真正的好作品又是如此之难。中国有130万网站,它 们

要么从来就没有更新过,
要么包含了大量技术错误,
要么压根无法在第二种浏览器中访问,
要么被搜索引擎彻底抛弃,
要么惨不忍睹,
要么让人摸不着头脑,
要么一攻即可破,
要么过度设计得象爆发户,
要么简陋得象草台班子。

  
《一个完美的网站的101项指标》针对当前网站设计中的最常见问题,从内容,易用性,设计,安全,性能,W3C标准,SEO 七个方面,分析了一个完美网站应该拥有的品质。


在编撰《一个完美的网站的101项指标》期间,以下网络资源曾给予我极大帮助与灵感,在此表示感谢。
  
1. ALA, 一些关于网站设计的技术随笔(www.alistapart.com)
2. W3Schools,一个准确而权威的 W3C 方面的技术网站(www.w3schools.com)
3. Blueidea,国内的 W3C 与设计相关的网站(www.blueidea.com)
4. Joomla, 最优雅的开源 CMS 系统 (www.joomla.com)
5. Clexus,我不止一次到这里偷窃设计方面的灵感 (www.clexus.com)
6. 24ways,同样关于设计与标准方面的技术站点,可惜 2006 年末以后就停止更新了 (http://24ways.org)
7. 456bereastreet,一个关于设计,易用性以及 Web 标准的网站(http://www.456bereastreet.com)
8. CSS Zen Garden, 一个关于 CSS 的试验站点,看看 CSS 可以帮人们实现什么 (www.csszengarden.com)
9. CSS Beauty, 同上 (www.cssbeauty.com)
10. 31three, 我前面说过的,起价 2500 美金的 Freelancer 设计师,我也偷窃过他的灵感(www.31three.com)
11. Vision Australia,一个帮助你进行 Web 配色分析测试的在线程序 (http://www.visionaustralia.org.au/info.aspx?page=628
12. Watch Fire,一个在线 Web 易用性与可访问性测试工具 (http://webxact.watchfire.com)
13. Xhtml Strict 验证, W3 提供的,最权威的 Xhtml 语法验证工具 (validator.w3.org )
14. CSS Validator, W3 提供的 CSS 验证工具 (http://jigsaw.w3.org/css-validator)
15. Html Validator, WDG 提供的 HTML 语法验证工具(http://www.htmlhelp.com/tools/validator/)
16. IE Buggs,专门揭露 IE Bug 的站点 (http://positioniseverything.net/explorer.html)
17. Best Website Award,最佳网站评选 (http://www.webaward.org)
18. Website Usability Checklist,网站易用性检测工具(http://web.mit.edu/is/usability/usability-guidelines.html)
19. Web Content Accessibility Guidelines, 来自 W3 的网站内容可访问性指导 (http://www.w3.org/TR/WAI-WEBCONTENT/
20. SEO Checklist,这个简陋的网页为 Google SEO 提供了惊人的价值 ( http://www.vaughns-1-pagers.com/internet/google-ranking-factors.htm)
21. SEOMOZ,如果要找一个全球 SEO的唯一权威,就是他们了。(http://www.seomoz.org)
22. 点石互动,如果要找一个国内的 SEO 唯一权威组织,就是他们了 (http://www.dunsh.org/)
23. SEO每日一帖,如果要找一个华人 SEO 界的个人英雄,就是Zac了 (http://www.chinamyhosting.com/seoblog/)
24. W3 组织,W3C 的诠释者 (www.w3.org)
25. 特别感谢胡宝介女士的 《搜索引擎优化 (SEO) 完全知识手册》,虽然她的很多观点现在来看有些过时了。


概述

完美网站的101项指标分为7个类别,它们是:

  • 内容
  • 易于使用
  • 设计
  • 安全
  • 性能
  • W3C标准
  • SEO

我们把内容放在第一位,而把很多人过分侧重的设计放在第三位,事实上,在一个网站中,内容代表整个站点80%的价值。如果将上面的7个方面用于人,我们不妨这样理解一个完美的人:

  • 内容 (我有真才实学)
  • 易于使用 (容易沟通与相处)
  • 设计 (看上去也很棒)
  • 安全 (非常可靠)
  • 性能 (健康强壮)
  • W3C标准 (遵守规则)
  • SEO (被很多人关注)


一个完美网站的101项指标 (总表)

内容
1丰富的内容
2准确的内容
3不断更新的内容
4内容要专业
5具有原创性
6内容要完整
7内容包含图文,但以文字为主
8体现企业的价值观
9要区分不同地域与文化的受众
10企业网站最基本的内容包括,企业资料
11公司动态,企业或行业新闻
12团队
13您的产品或服务
14服务与支持
15您的产品或服务的扩展知识
16产品的购买和促销信息 
17帮助信息
18常见问题及解答
19法律声明(版权,隐私条款,使用条款,免责声明等)
20职位空缺
21专用于大客户和合作伙伴的内容 
22如果您是上市公司,您应该公开上市资料
23Blog, BBS, Comments 等动态内容
易用性
24只使用成熟,简单,兼容的技术
25不使用任何网页特效
26清晰,统一的导航
27导航深度不超过三级
28导航链接中必须包含文字(即使使用图片作为导航按纽) 
29必须有纯文本版本的站点地图
30必须有面包屑导航条
31每页都有自己的标题  
32任何页都有一个链接指向首页 
33网站的 Logo 指向首页
34对于连贯性内容(sequential content),应提供向导式导航
35全文搜索
36不使用欢迎页
37任何图片必须设置 ALT 和 TITLE 属性 
38如果图片要以 Thumbnail 形式显示,使用真正的降低了尺寸的 Thumbnail,不要只是改变图片的 Width, Height
39链接必须拥有可标识的视觉特征 
40任何页都有一个打印友好版本 
41页面都使用一致的配色和一致的结构
42根据当前主流的显示器尺寸,您的站点应当避免让绝大多数用户左右滚动窗口
43站点必须在第一级导航深度处,让用户看到您的完整联系方式
44每个页面的尺寸应当小于50K 
45在所有主流浏览器中拥有一致的表现
46在用户操作现场提供帮助,而不是让用户进入专门的帮助系统查找帮助 
47用户可以对某些内容进行评论或反馈
48页面不可过分拥挤 
49用不同色彩标识未访问和已访问过的链接
50使用所有人都可以正确显示的字体
51除非真正必要,否则不用新窗口打开链接
52不使用满屏模式显示网页,让用户自己决定窗口的大小 
53不要弹出窗口
54用户注册的时候,只填写必要的内容,事实上,应该只需填写用户名和密码 
55在网页上加广告,需要明确标志出,这是广告
56广告不可使用欺骗伎俩,欺骗不熟练的用户点击
57剥离了 Javascript, CSS 等支持文件,您的网页仍然能准确的显示 
设计
58为初次访问者传递专业的第一印象
59面向行业设计
60设计不可喧宾夺主
61设计遵循优雅原则(elegant)
62设计遵守平和原则(peace) 
63包含醒目的 Logo
64包含一套非常吸引人的企业 Banner
65企业 Banner 应当定期更新
66企业 Banner 体现企业动态
67合理安排页面重心,不可有头重脚轻的感觉
68全站遵守一致的设计风格
69优化图片尺寸,适当调整 JPG 压缩比,尽可能减少颜色数
安全
70使用安全的数据库技术
71用户密码或其它机密数据必须用成熟加密技术加密后再存放到数据库 
72密码或其它机密数据必须用成熟加密技术加密后才能通过表单传递 
73密码或其它机密数据必须用成熟加密技术加密后才能写入 Cookie
74对于访问者提交的任何数据,都要进行恶意代码检查 
75网站必须有安全备份和恢复机制
76网站的错误信息必须经过处理后再输出
性能
77对数据库进行优化设计
78使用 Store Procedure 进行数据库和网站业务层的数据交流 
79分页返回数据库中的记录,不使用业务层的分页
80使用成熟优化的 Web 页面渲染技术 
81使用 XHTML + External CSS + External Javascript 降低 Http 请求
82使用干净代码(XHTML, Javascript, CSS)
W3C 标准
83您的网站应该符合 W3C 标准
SEO
84网站中的每一页都应具备和本页内容相衬的标题,描述,关键词
85每页的关键词必须出现在页面内容中,且具有一定的密度
86关键词应出现在页面的重点位置,如页面前部,关键词最好使用 STRONG, H1,H2..H6 等标签修饰
87希望内搜索引擎收录的页,必须使用静态地址 
88不使用自动跳转门页(Doorway pages ),不使用 META refresh 标签
89不使用伪装(Cloaking)页欺骗搜索引擎
90网站要包含一个符合 Sitemaps.org 标准或其它搜索引擎认可标准的站点地图 
91定期更新网站,让搜索引擎定期前来采集您的内容 
92您的内容中要包含一些和您的站点匹配的,优秀的,对其它网站的链接 
93尽可能避免大量的 Flash 应用 
94导航系统绝对不应该使用 Flash 
95绝对不使用隐藏文本欺骗搜索引擎 
96不使用重复内容加大关键词密度 
97站点中的重点内容应该以静态链接的形式在首页推荐
98不使用 Frame
99最终输出的页面内容完全静态,不使用 Javascript, DHTML, AJAX 等技术动态产生内容
100关于 SEO 的一条亘古不变的真理就是,您的网站是为您的用户,而不是搜索引擎设计的 
101通过一些合法的努力,提高您的 Page Rank 值,您的 Page Rank 值取决于您获得的站外链接的数量和质量 


本文由 COMSHARP CMS 官方站点提供 

转载于:https://www.cnblogs.com/mytec/archive/2008/02/28/2141272.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/496937.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++学习之路 | PTA乙级—— 1037 在霍格沃茨找零钱 (20 分)(精简)

1037 在霍格沃茨找零钱 (20 分) 如果你是哈利波特迷,你会知道魔法世界有它自己的货币系统 —— 就如海格告诉哈利的:“十七个银西可(Sickle)兑一个加隆(Galleon),二十九个纳特(Knut)兑一个西可,很容易。”现在,给定哈利…

全程中文!谷歌发布机器学习速成课,完全免费

夏乙 若朴 发自 凹非寺量子位 出品 | 公众号 QbitAIGoogle今天上线了一个“机器学习速成课程”,英文简称MLCC。用他们自己的话来形容,这个课程节奏紧凑、内容实用。听完这个课程总共需要大约15小时,包含大量教学视频,还有对算法实…

nohup 与 linux 程序后台执行

来源:http://blog.chinaunix.net/uid-446337-id-94446.html & 方式: Unix/Linux下一般想让某个程序在后台运行,很多都是使用 & 在程序结尾,来让程序自动在后台运行。 比如我们要运行mysql在后台: /usr/local/…

Guava入门~Splitter

String.split()问题:中间保留,最后丢弃 String commaSeparatedString "Foo,,Bar,,Baz,,,"; String[] words commaSeparatedString.split(","); //[Foo, , Bar, , Baz] System.out.println(Arrays.toString(words)); 演示 impo…

C++学习之路 | PTA乙级—— 1038 统计同成绩学生 (20 分)(精简)

1038 统计同成绩学生 (20 分) 本题要求读入 N 名学生的成绩,将获得某一给定分数的学生人数输出。 输入格式: 输入在第 1 行给出不超过 10 ​5 ​​ 的正整数 N,即学生总人数。随后一行给出 N 名学生的百分制整数成绩,中间以空格分…

frame或者iframe的contentwindow属性

contentwindow属性是指指定的frame或者iframe所在的window对象&#xff1a; <script> function fnnavigate() { for(i0;i<document.all.length;i) { if(document.all(i).tagname"iframe") { document.all(i).contentwindow.location "http://www.msn.…

C++学习之路 | PTA乙级—— 1039 到底买不买 (20 分)(精简)

1039 到底买不买 (20 分) 小红想买些珠子做一串自己喜欢的珠串。卖珠子的摊主有很多串五颜六色的珠串&#xff0c;但是不肯把任何一串拆散了卖。于是小红要你帮忙判断一下&#xff0c;某串珠子里是否包含了全部自己想要的珠子&#xff1f;如果是&#xff0c;那么告诉她有多少多…

Yoshua Bengio团队最新强化学习研究:智能体通过与环境交互,「分离」变化的独立可控因素

原文来源&#xff1a;arXiv作者&#xff1a;Valentin Thomas、Emmanuel Bengio∗、William Fedus、Jules Pondard、Philippe Beaudoin、Hugo Larochelle、Joelle Pineau、Doina Precup、Yoshua Bengio「雷克世界」编译&#xff1a;嗯~阿童木呀人们普遍认为&#xff0c;一个良好…

supervisor安装和配置

supervisor 是由python语言编写、基于linux操作系统的一款服务器管理工具&#xff0c;用以监控服务器的运行&#xff0c;发现问题能立即自动预警及自动重启等功能。 Supervisor是一个进程管理工具&#xff0c;官方的说法 用途就是有一个进程需要每时每刻不断的跑&#xff0c;但…

Guava入门~Strings

import org.hamcrest.CoreMatchers; import org.junit.Assert; import com.google.common.base.Strings;/*** TODO 在此写上类的相关说明.<br>* author gqltt<br>* version 1.0.0 2021年11月11日<br>* see * since JDK 1.5.0*/ public class StringsDemo {/*…

六级没过

很不幸&#xff0c;六级没过&#xff0c;有点失落&#xff0c;想找块豆腐撞。 转载于:https://www.cnblogs.com/prayforsmile/archive/2008/03/04/1090604.html

斯坦福联合DeepMind提出将「强化学习和模仿学习」相结合,可实现多样化机器人操作技能的学习

原文来源&#xff1a;arXiv作者&#xff1a;Yuke Zhu、Ziyu Wang、Josh Merel、Andrei Rusu、Tom Erez、Serkan Cabi、Saran Tunyasuvunakool、Janos Kram ar、Raia Hadsell、Nando de Freitas、Nicolas Heess「雷克世界」编译&#xff1a;嗯~阿童木呀我们提出了一种无模型的深…

C++学习之路 | PTA乙级—— 1024 科学计数法 (20 分)(精简)

1024 科学计数法 (20 分) 科学计数法是科学家用来表示很大或很小的数字的一种方便的方法&#xff0c;其满足正则表达式 [][1-9].[0-9]E[][0-9]&#xff0c;即数字的整数部分只有 1 位&#xff0c;小数部分至少有 1 位&#xff0c;该数字及其指数部分的正负号即使对正数也必定明…

Guava入门~CharMatcher

import org.hamcrest.CoreMatchers; import org.junit.Assert; import com.google.common.base.CharMatcher;/*** TODO 在此写上类的相关说明.<br>* author gqltt<br>* version 1.0.0 2021年11月11日<br>* see * since JDK 1.5.0*/ public class CharMatcher…

用人不疑,疑人不用

用人不疑&#xff0c;疑人不用&#xff0c;这句古训是否正确呢&#xff1f;现在的社会也许有很多人认为已经不在适用了&#xff0c;不过我们看待问题还是一分为二&#xff0c;我觉得有不适用的理由&#xff0c;也有适用的理由。不适用的理由&#xff0c;搜索一下太多了&#xf…

大型传统企业如何向人工智能转型?

来源&#xff1a;FT中文网在新一波技术浪潮的冲击下&#xff0c;以AI、大数据、云计算、物联网、5G通信等一系列技术为代表的“技术簇”所引发的革命对人类社会的影响将是全面且深刻的。每一个商业单元都面对这样的机遇&#xff1a;能否通过对新技术的运用&#xff0c;为客户创…

C++学习之路 | PTA乙级—— 1034 有理数四则运算 (20 分)(精简)

1034 有理数四则运算 (20 分) 本题要求编写程序&#xff0c;计算 2 个有理数的和、差、积、商。 输入格式&#xff1a; 输入在一行中按照 a1/b1 a2/b2 的格式给出两个分数形式的有理数&#xff0c;其中分子和分母全是整型范围内的整数&#xff0c;负号只可能出现在分子前&…

linux 下载 命令 wget 和 curl

From&#xff1a;http://www.jb51.net/LINUXjishu/86326.html From &#xff1a;Linux curl 命令详解 - http://www.cnblogs.com/duhuo/p/5695256.html Linux curl 命令参数详解&#xff1a;http://www.aiezu.com/system/linux/linux_curl_syntax.html Linux下使用 curl &…

sql server存储过程中解决单引号的问题

一&#xff1a;目的想在sql中插入号&#xff0c;例如&#xff1a;select count&#xff08;*&#xff09;from user where nametoma)使用转义字符&#xff1a;select char(39)或select char(39)查询的结果是&#xff1a;例如&#xff1a;select char(39) 44555 char(39)查询的…

Guava入门~Charsets

import java.io.UnsupportedEncodingException; import org.hamcrest.CoreMatchers; import org.junit.Assert; import com.google.common.base.Charsets;/*** TODO 在此写上类的相关说明.<br>* author gqltt<br>* version 1.0.0 2021年11月11日<br>* see * …