一个新的网站/网页发布，你是否检查好了这些方面呢？

GreeYin早期整理的一些关于建站的若干注意事项，我挑选了部分对于新站长所要注意的事项，做了一些修改，希望对即将成为站长的朋友有所帮助。由于时间久远，一时间也找不到原文的出处，大致是这个站点吧!

新站上线，应花点时间检查以下几点。

1. 地址栏图标 （Favicon）

检查每个页面是否添加了地址栏图标。这一图标将显示在用户浏览器地址栏中，以及网址收藏夹中，方便识别。添加Favicon的代码写在网页的Head部分，
示例代码如下：

<link rel="icon" type="image/x-icon" href="/favicon.ico" />

2. 网页标题和描述（Title And Meta Data）

网页标题会显示在浏览器的标签上，而Meta Data（主要包括Keywords 和 Desctiption） 则主要是提供网页的摘要给搜索引擎。这些信息用户在搜索结果中也会看到。

<title>10 Things To Consider When Choosing The Perfect CMS | How-To | Smashing Magazine</title>

<meta name="description" content="By Paul Boag Choosing a content management system can be tricky." />

<meta name="keywords" content="cmd, html, smashing manazing" />

Description不宜太长，一般是两句话的长度。 关于网页Title 和Description的长度，大家可以通过观察Google搜索结果显示的内容来把握。
多个关键词之间用半角逗号分开，逗号后要加空格。

3. 检测浏览器兼容性（Cross-Browser Checks）

因为不同浏览器对HTML代码的解析有所不同，在FireFox下完美的布局设计，到了IE浏览器可能就一塌糊涂。所以网站/网页发布前一定要通过不同浏览器的兼容性测试。
目前我们需要测试兼容性的浏览器包括：

• nternet Explorer 6, 7, and 9 (IE6，大家还是别管它了吧。)
• Firefox, Safari, Chrome, Opera

在Firefox浏览器中安装Tab IE 插件可以方便切换Firefox和IE

4. 检查链接（Links）

重点检查是否有链接错误。外部链接需以 “http://” 开头，一般都设置成在新窗口打开。链向首页的链接一般只用斜线 “/”就可以了。

• W3C Link Checker

5. 网页功能测试（Functionality Check）

如果网页中有联系表格、搜索框、购物车、用户注册、自动回复、Java事件等功能，必需在发布之前先内部测试，确保无问题后再发布。

6. 使用JavaScript 的顾虑（Graceful Degradation）

如果网页代码使用了JavaScript或者Ajax，则要考虑到我们的用户中大约有几成的用户是将浏览器达到JavaScript禁用的，网页设计要考虑到用户禁用JavaScript时能看到什么内容。

7. W3C网页标准测试（Validation）

W3C是网页代码的国际化标准，我们虽然有时很难做到100%符合W3C标准，但也要对照W3C标准尽量减少不规范、有瑕疵、甚至错误的代码，譬如：

• 没有给图片添加 “alt”标签
• 有开始标识，没有结束标识，如一个标题只有<h1>没有</h1>
• 在代码中直接使用符号 “&” ，一般要求网页显示的符号“&”在代码中写成 “&amp;”
• 多余代码，如空的<p></p>

在Firefox浏览器中安装HTML Validator 插件后可以方便的检测这些问题。

• W3C validator

8. 流量跟踪代码（Analytics）

一般使用Google Analytics 来监测用户访问行为。Google Analytics的跟踪代码一般放在网页的最后、代码之前。

9. 网站地图（Sitemap）

网站发布前需准备好网站地图，新增页面后也要及时更新网站地图。
我们使用的网站地图有几种：

• sitemap.html 这是给用户看的，列出网站的主要页面和分类，起到导航的作用，也可以作为新增页面入口。
• sitemap.xml 这是提供给Google的，通知Google爬虫我们的网站什么时候更新了、更新了哪些页面等等。
• sitemap.txt 这也是提供给Google的，但比较简单，只通知Google 爬虫我们的网站有哪些页面。

注： XML 或者 TXT 格式的网站地图一般放在网站根目录下,Text文档必需以UTF-8格式保存。

给Google的网站地图通过Google Webmaster Tools 提交，有利于Google更迅速地抓取更新我们网站的页。

10. 防卫设计与404页面（Defensive Design）

当用户试图防问一个不存在的页面的时候，会看到一个404页面，即网页不存在的错误信息提示页面。为了避免用户输错网址、点击了不正确的链接等情况下产生的不愉快体验，我们应该给网站设计一个友好的404页面，提示用户访问首页，或者使用搜索功能，以找到他所需的内容。

• 这里有一种制作404页面的方法

11. 网页优化（Optimize）

在满足功能和设计需求的同时，追求最快的网页加载速度。
尽量优化图片大小，或者将大图切成几张小图。

12. 勤备份（Back Up）

对网站进行大规模修改、代码替换、内容管理系统（Joomla、WordPress等）升级等动作之前，确保对原先版本做了备份，以防不测！（一般服务器都有备份功能，你可以设置时间段备份，一旦不小心删除了网站内容，可以在服务器上恢复最近一次备份，当然，前提是你服务器开启了自动备份功能。）