Robots.txt是用来告诉bot的访问权限，因Robots.txt协议并 不是一个规范，而只是约定俗成的，通常大多数搜索引擎会识别这个元数据，不索引这个页面，以及这个页面的链出页面，使用方法是将robots.txt文件 放在网站根目录下。举例来说，当搜索引擎访问一个网站(比如我想网)时，通常首先会检查该网站中是否存在robots.txt这个文件， 如果机器人找到这个文件，它就会根据这个文件的内容，来确定它访问权限的范围。闲话不扯了，进入正题：

经本人的试验，对于一个遵守 Robots.txt协议的蜘蛛，如果你修改Robots.txt过于频繁，可直接导致将你的站“冷”处理!本人的站就已进入该黑洞了，之前百由于不想让 百度蜘蛛收录商品列表的老页面，就直接B了百度蜘蛛访问此页，过了约3天，效果果真明显，小CO还暗喜这蜘蛛真听话，于是乎又想到网站内之前使用的几个页 面。现在也用不上了，而此前已被搜索引擎收录了N多页，现在一起B了，于是修改了Robots.txt，这一改不要紧，两于过去了，小CO再也高兴不起来 了，可爱的百度蜘蛛再也不哪么勤快了(之前每天在站内爬2万以上)，现在几天也不到2万，晕死。上了当就得找原因：上边说过了，一旦B了某个页面，蜘蛛就 不索引这个页面，以及这个页面的链出页面，偶的就中了这个奖了!很多人放出了他们自己修改的robots.txt文件，但都忽略了百度蜘蛛的爬行规律：并 不是进入一个版块后，就按照人类思维，按文章列表顺序爬行的，我从自己的站点，已经证实这个问题：

比如文章列表第一篇爬完后，并不是接 着爬第二篇，而是从第一个篇内容页中的“热点文章”等继续爬(这就要求站内的贯通性较好!)。从DZ官站的收录页URL就可以看出这个点，如果随意屏蔽 /forum.php?mod=redirect* 或者/forum-redirect*这样的路径，可能会导致大部分网页不被收录。

不要用人的思维习惯来判断蜘蛛程序的规律。很多站长放了robots.txt后，就发现百度很少收录自己的内页，很可能就是这个原因。所以用 robots.txt文件来解决重复收录问题，是很危险的，从程序上做根本解决才是上策!小CO是上当了。希望有问题的朋友慎用robots.txt!

误 区一：我网站上所有的文件都需要被蜘蛛抓取，那我就没必要添加robots.txt文件了。反正如果该文件不存在，所有的搜索蜘蛛将默认能够访问网站上所 有没有被口令保护的页面。

每当用户试图访问某个不存在的URL时，服务器都会 在日志中记录404错误文件（无法找到文件）。每当搜索蜘蛛来寻找并不存在的robots.txt文件时，服务器也将在日志中记录一条404错误文件，所 以你应该在网站中添加一个robots.txt。

误区二：在 robots.txt文件中设置所有的文件都可以被搜索蜘蛛抓取，这样可以增加网站的收录率。

网站中的脚本程序、样式表等文件即使被蜘蛛收录，也不会增加网站的收录率，还只会占用服务器存储空间。因此必须在robots.txt文件里设置不要让 搜索蜘蛛索引脚本程序、样式表等文件，具体哪些文件需要排除，在robots.txt使用技巧一文中有详细介绍。

误区三：搜索蜘蛛抓取网页太浪费服务器资源，在robots.txt文件中设置所有的搜索蜘蛛都 不能抓取全部的网页。

如果这样的话，会导致整个网站不能被搜索引擎收录。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

谁都知道速度对一个网站来说非常重要，并且Google还把网站的加载时间作为网站排名依据之一。

通过雅虎的YSlow插件或Google的Web Accelerator你可以学到很多网站加速知识，但具体实施起来要看你的网站怎样，以及你手头的资源。

Torbit是 一家刚成立的创业公司，他们的目的是让网站优化变得更加简单，让网站站长得到彻底解放。他们称自己的服务在理想的状态下可以让网站加载速度翻番。

影响网站加载速度的主要 因素包括：没有压缩的图片，过多没必要的http资源请求，含有过多空白行的前端代码，没有合并的文件，以及网页上脚本的加载顺序和CDN等。

有了Torbit，站长只需在 自己的DNS记录里面添加一条A记录，然后其它的事情交给Torbit去做。

Torbit在亚马逊EC2基础上开发，但打算未来支持更多提供商。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

纽约时报畅销书作家Bryan Eisenberg在一次个人演讲中揭示了高转化率网站的秘密和实现方法。以下是他演讲的概要。

转化率究竟是什么？从根本上来说，转化率是衡量你说服访问者进行你预想行动的能力。它反映了你的营销效果和客户满意度。
为了实现你的营销目标，访问者首先需要实现他们的目标。

低于10%的转化率都是不尽人意的。很多顶级零售商的转化率每月都高于15%。他们是怎么做到的呢？你错过了什么？

其实，原因就是大家的网站都太糟糕了。没有足够的资源使其更完美。

增加转化率说难不难，说易不易。这并不是一个传说。就好比怎么成为篮球高手-实现方法很明显：努力练习，全心投入加上耐心。 麦克乔丹也是通过不断练习成为篮球之神。不断改进网站应该融入你团体的血液中。

影响转化率的三项基本原则
•相关度
•可信度
•网站导航

除此以外，还有以下21个高转化率网站的秘密。
1.  他们都传达了独特的价值观。广告宣传有明确的诉求。 没有哪个产品和品牌是人人皆知的。  如果用户找不到购买的理由，他们会离开。

2.  他们提供的产品与网站主营相关且很有说服力。了解产品可以刺激顾客购买欲并产生购买行为。

3.  他们网站处处都在劝说客户购买。每一页都应该有广告宣传并要做到有说服力。

4.  似曾相识-也就是说要确保不流失访问者，需要保持页面间的相似度。高效的在线营销能保持持续性并达到期望值。各个网页元素需要与整体流程串接起来。所以如果你们在一个页面或广告上有创新设计，也应该在接下的转化过程中体现出来。

5.  他们深谙客户购买的流程。考虑客户在购买产品过程中可能遇到的问题并清楚给予提示。

6.  你必须满足不同性格的客户。不同的人做不同的决定-有些人是左脑型有些是右脑-有些理智，有些感性。因为性格差异，购买模式就有了可预测性。

7.  他们不做孤立分割的优化。这是一种销售商用于测试多变量的工具，但在很多情况下是错误的方式。考虑这四种性格模式：自发型（寻找顶级卖家），人本型（注重 评论），系统型（按分类寻找）和竞争型 （搜索）。 如果你能理解你的客户，你的测试就更有效。  测试影响而非变化。

8.  增加社交影响：利用顾客的口碑。亚马逊书店就是一个好例子；他们让客户帮助推销产品。

9.  他们通过评论来导航产品-比如显示评分和评论 （顶级产品，根据评分排列等等）。这能直接明显的提高转化率。

10.  他们通过口碑提高转化率

11.  他们通过口碑增加可行度：给产品加上社会层面的保证（其他人觉得好，你也会觉得好）

12.  他们通过口碑做用户测试  用户测试以前都认为花费太高，但现在每个人都能进行。

13.  采用各种说服要素比如稀缺性，互动性，权威性，一致性，共识性，喜好性和紧迫性。可以利用感谢页进行引人注目且相关的推销。

14.  他们甚至让表单变得更吸引人。 别让你的表单像机动车辆处表格一样无趣就能提高转化率。不要让别人在购买前必须注册，在完成交易后的感谢页面提示注册。

15.  他们保证回复快速。  客户得到回复时间越长，购买意愿消失得越快。让客户知道获得答复的时间。

16.  他们让你随时知道自己处在哪个环节。让客户清楚的知道所处的交易环节。采用这种方法诱使客户完成整个环节

17.  他们使用邮件预览。

18.  他们为提高客户体验增加投入。流量对大部分人来说都不是问题，转化率才是。花时间做好客户体验。那就是亚马逊的秘密。在任何时候他们的网站上都在进行200项测试。

19.  他们建立了优化体系。如果你网站上有要摆放一个目录下75件物品，从简单的开始，而不是你认为最优先的。

20.  他们的决策都基于数据。完成分析工作的秘诀就是制定任务表。找到营销或网站中面临挑战的部分。

21.  他们执行快速。互联网瞬息万变。执行不只是个流程，而且维系网站生命所在。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

以下10个免费的工具是可以为您测试网站速度并因此而提供各种建议，从中您会找到您的网站速度比较慢的原因并采取措施如果去提升性能。

1. Page Speed

Google 的 Page Speed 是一款开源的，基于Firefox浏览器外接附件，您可以用它来测试当前的网页并获取信息如何来提升页面加载速度。

在使用Page Speed前，您还需要添加Firefox的另一款外接附件Firebug。

访问 Page Speed

2. Yahoo! YSlow

Yahoo! YSlow也是一款基于Firefox/Firebug的外接附件，也可以拿来测试网站速度及相关提升网页性能意见建议。

通常而言，如果您的页面速度(Page Speed)得分很高，相对的，您的YSlow等级也会很高，反之亦然。

访问 Yahoo! YSlow

3. GTmetrix

访问 GTmetrix

4. Pingdom Tools

访问 Pingdom Tools

5. Web Page Analyzer

Web Page Analyzer将会预估页面的大小、您输入的URL页面组织和下载时间，当然也会提供如何改良页面加载时间的意见。

访问 Web Page Analyzer

6. WebPagetest

通过使用WebPagetest，您可以测试一个网站并获取相关的建议；或者您也可以测试多个站点，并比较它们之间的差异。

在测试一个网站时，您还可以选择测试的地点，挑选IE浏览器或所连接的版本，保存测试结果为私有的等等。

访问 WebPagetest

7. Webmaster Tools

登录您的 Webmaster Tools帐户，打开网站性能实验室的页面，然后您就会看到您网站加载时间的一张图表，当然您也可以获取如何使站点加载速度更快的一些建议。

访问 Webmaster Tools

8. Zoompf

除了可以网站的速度之外，Zoomf 还可以帮您列出存在着的问题的详细清单，且能提供如果修复这些的相关参考。

访问 Zoompf

9. Show Slow

Show Slow 将会同时显示您所输入URL地址的页面 YSlow 等级 和 Page Speed 得分。

在这之前您需要注册添加您想要测试网站的URL地址。

访问 Show Slow

10. Which Loads Faster

Which Loads Faster 站点可以测试和比较两个或更多页面的加载速度。

您还可以点击“更多”按钮来获取更多的来自GTmetrix, WebPagetest 或 Show Slow 测试报告的详细信息。

访问 Which Loads Faster

在这10个网站加载速度测试工具当中，我最喜欢的工具是 Page Speed，那是因为它是由Google着手开发并也已加入到PageRank算法中。那么您是怎么理解的呢？哪款工具是您的最爱？或者您使用的可能是其他的一些网站速度测试工具？请在留言当中分享给我们吧！！

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

今天这篇文章，明河以优化RIA之家性能为例讲述如何优化WordPress站点。

一、准备

1、YShow ：web性能优化必备工具。

2、测速站点：http://tools.pingdom.com/

3、合并背景图片 ：http://www.csssprites.com/

4、Closure Compiler ：http://closure-compiler.appspot.com/home google在线压缩js工具

二、选择一个好的虚拟主机

最为主要的因素，虚拟主机速度的快慢直接决定了你站点的速度，之前RIA之家站点访问速度之所以延迟到25秒，就是主机（国外）在作祟，前几月明河 换了个新的主机，速度要快上15秒！新的主机也一样是国外主机，所以国外主机速度也是有区别的。

三、安装wp-super-cache

我想大部分玩wordpress的朋友都有安装这个插件，关于此插件的教程网上很多，明河就不再累述。

四、ajax化站点

RIA之家原来的导航、幻灯片、最新评论、右侧头部菜单并没有采用ajax技术，加入后速度提高的同时，也加强了用户体验。

五、尽量少用会向页面添加新的css、js的wordpress插件

很多朋友的wordpress博客运行慢的主要原因就是使用过多的wordpress插件。

遵循YShow建议优化

接下来的优化过程，需要用到优化利器：YShow

上图是YShow对RIA之家，为什么只有C？有几个评级选项，明河是无能为力，比如要求站点使用CDN，头部加上过期时间，添加ETags，这几 项都是F，不是明河不想优化，而是这几项需要服务器的支持，虚拟主机一般都没办法处理这几项。

六、 尽可能的减少 HTTP 的请求数

1、使用css sprites技术合并背景图片

这里推荐个好的站点：http://www.csssprites.com/

它可以自动将你上传的图片合并并给出对应的background-position坐标，并将结果以png和gif的格式输出。

明河将图片合并成2张图片，一个是icon.png用于存放不需要repeat的图片碎片，另外一个是h-sprites.png需要 repeat-x的图片。

2、合并js文件，并使用Closure Compiler压缩js

3、合并css文件

七、开启Gzip

gzip需要服务器的支持，开启Gzip后首页文件大小缩小了40%，速度提高了2-3秒。

八、 将 CSS 样式放在页面的上方而将脚本移动到底部
这里值得一提的是大部分的wordpress插件都是往头部加js和css，这时候需要你手动打开wordpress插件，修改 add_action(“wp_head”,xxxx),改成add_action(“wp_footer”,xxxx)，再去掉css，将css合并到 你主题的style.css中
优化结束。

使用Pingdom常看下站点速度：

还有提升空间，有进一步的优化心得再与各位分享，谢谢。

© 我想网 Akon 所有 , 2010. | 永久链接 | 1条评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

下面结合 WordPress ， 给首页和文章页等不同页面设置不同的标题(title)、描述语(Description)及关键词(keywords)。

打开模板theme主题中的header.php文件。

首页的标题title优化：

<title><?php if (is_home()) {
echo bloginfo(‘name’); wp_title(‘-’, TRUE, ‘right’);
_e(‘-关于搜索引擎,Web编程,开发设计,域名主机,网络营销,电脑和IT互联网’, ‘themename’);
} elseif … ?></title>

首页和文章等页面的meta 标签优化，描述语description，关键词keywords优化。其中把文 章摘要当作描述语，文章标签当作关键词。如果没有写文章摘要，就用substr函数截取文章正文开头的220个字符当作描述语。

<?php if (is_home()){
$description = “远方博客是关于Google搜索引擎优化技术和动态,php等web网络编程,js等前台开发设计,网站域名,主机服务器技术,Web2.0博客和网络 营销,IT通讯和互联网行业的WordPress blog-李华博客(FarLee)”;
$keywords = “博客,Web,搜索引擎,编程,开发,IT,互联网,电脑,网络,营销,域名,主机,blog”;
} elseif (is_single()){
if ($post->post_excerpt) {
$description = $post->post_excerpt;
} else {
$description = substr(strip_tags($post->post_content),0,220);
}
$keywords = “”;
$tags = wp_get_post_tags($post->ID);
foreach ($tags as $tag ) {
$keywords = $keywords.$tag->name.”,”;
}
}
else {
$description = “远方博客是关于Google搜索引擎优化技术和动态,php等web网络编程,js等前台开发设计,网站域名,主机服务器技术,Web2.0博客和网络 营销,IT通讯和互联网行业的WordPress blog-李华博客(FarLee)”;
$keywords = “博客,Web,搜索引擎,编程,开发,IT,互联网,电脑,网络,营销,域名,主机,blog”;
}
?>
<meta name=”description” content=”<?=$description?>” />
<meta name=”keywords” content=”<?=$keywords?>” />

如果还要对archive.php的文章存档页面的meta标签进行SEO优化， 则还要进行进一步更细的设置。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

Google官方博客早期发表了一篇url 范式指南：指定您的URL范式， 通过使用rel=”canonical”属性，就可以解决不同网址带来的网页重复问题。

在WordPress中使用 rel=”canonical”属性很简单，有几种途径，一是可以通过安装一些 WP 的SEO插件，比如用得人比较多的All in one SEO pack 插件支持rel=”canonical”，只要将插件安装好即可。如果不想安装插件，也可以通过在你选择的theme主题文件 header.php 中设置url 范式：rel=”canonical”，即在</head>标签之前加入以下代码，比如实现单篇文章页面的url 规范化：

<?php if ( is_single() ) { ?>
<link rel=”canonical” href=”<?php the_permalink() ?>” />
<?php } ?>

设置好以后打开网址：http://www.iwanna.cn/archives/2010/05/27/3499/ 和http://www.iwanna.cn/?p=3499 查看源代码，我们看到</head>前面多了一段代码：<link rel=’canonical’ href=’http://www.iwanna.cn/archives/2010/05/27/3499/’ />。即规定了url 范式为固定链接。这样google 搜索引擎只会索引url 范式指定的url 地址。

不过如果你的WordPress版本是2.9+的话，就不用做任何改动了，这些新版本默认支持rel=”canonical” 标签属性，默认指定文章页面的永久固定链接为 url 范式。它是通过在wp-includes/default-filters.php文件中的add_action('wp_head','rel_canonical');这 段代码实现的。然后WordPress 通过调用 rel_canonical() 函数输出 rel=”canonical” 。

不仅google 搜索引擎支持 rel=”canonical”属性，雅虎、微软live search 也能支持。百度则没有发布相关的说明。

© 我想网 Akon 所有 , 2010. | 永久链接 | 1条评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

url 网址规范化指的是当出现了有大于一个的链接指向含有相同内容的网页时，通过各种方法让搜索引擎只挑选其 中一个最喜欢的的网址，同时告诉搜索引擎不收录和索引其他网址的过程，从搜索引擎的角度上说，url 规范化减少了对一个网站的重复页面的索引。网站重复页面问题也是搜索引擎优化(SEO)中很多人关注的一部分。url 网址规范化是一个将url进行标准化的过程，Google 中文官方博客 建议我们指定 url 范式。

什么是不规范的url 网址？

下面我们看看存在 url 网址规范化问题的例子：

• www开头和不带www的域名不分，如顶级域名www.a.com 和a.com；子域名www.a.b.com和a.b.com；
• 动态页面网址和静态页面网址：如http://www.iwanna.cn/archives/2010/05/27/3497/ 和http://www.iwanna.cn/?p=3497
• 网址含有多余的部分：如含默认端口号:80；含有多余的默认文件名default.php, index.html等；含有多余的”/”；
• 数据库空查询；无效的查询变量；
• 使用IP地址代替域名网址；
• 大小写不分：http://www.abc.cn/ABOUT.php 和 http://www.abc.cn/about.php；

随着Google 搜索引擎智能化的提高，它自动分析多个不同的网址指向相同重复页面情况，通过自然的网址规范 化，慢慢选择其中一个google 认为是最好的url进行索引。但是这个过程明显提高了搜索引擎爬行索引页面的难度和时间周期。同时个人采取的内部和外部链接策略也将影响到google 进行智能 url 规范化的行为。多个不同网址指向同一内容页面，虽然非恶意的重复页面不会被搜索引擎惩罚，但至少会分散该页面的权重。因此采取一定的网址规范化方法是必要 的。

网址URL规范化方法

1. 顶级域名网址url， 指定www和不带www 中的一个。

优化网站的内部链接结构，包括在网站架构中统一使用指定的url 格式，在文章中加入超级链接地址时一直使用同一个，搜索引擎看到哪个绝对地址用的最多，自然会对其另外相待。

针对 Google搜索引擎，我们可以通过google 网站管理员工具设置首选域来指定以哪个域名为准。(具 体步骤：登陆google账号->添加网站->验证所有权 ->通过验证->点击网站网址进行管理->网站配置->设置->首选域)，（注在验证网站所有权的过程中，要将 www.domain.com和domain.com都进行验证，验证的方法有两种：在首页添加元标记，下载它提供的html文件上传到根目录元；）。

还是以WordPress博客为例，比如我想网选择的首选域是 www.iwanna.cn，则同时要在控制板后台将博客地址和安装地址也设置一下，这样首页所有调用显示的地址都是www.iwanna.cn了：控制板-设置 -常规-博客地址和博客安装地址改为www.iwanna.cn。注：改了WordPress博客地址之后会出现无法登陆后台的情况，这时要到数据库管理中做 相应的修改，如果你用的是虚拟主机，一般都可以通过虚拟主机管理后台安装好的phpmyadmin 工具管理数据库。在数据表中找到wp_options，修改博客安装地址siteurl和博客地址home为www.iwanna.cn。

2. 给重复页面指定 url范式。

使用 rel=”canonical” 标签属性来解决重复页面问题，也是google 引入的引以为豪的功能之一，如何指定url 范式，请参考这篇文章：rel=”canonical” 和WordPress url 范式。

3. 设置robots.txt文件，阻止那些不希望被搜索引擎检索的网址目录，url格式。

4. 301 重定向

301重定向是将某一页面永久重定向至另外一页面。301转向也是SEO 广泛使用的一种对搜索引擎最为友好的转向方法之一。搜索引擎将收录永久重定向到的那个页面，自然也解决了 url 网址规范化问题。

典型的比如在linux系统apache服务器下， 可以通过修改.htaccess文件来实现301重定向。在.htaccess 文件中加入以下代码，该代码要写在url rewrite 重写规则的前面。

redirect 301 /old.htm http://www.domain.com/new.htm 或
redirect permanent /old.htm http://www.domain.com/new.htm

如果是所有的domain.com 都要301永久重定向到 www.domain.com 则还要进行mod_rewrite。

RewriteEngine on
RewriteCond %{http_host} ^www.dom.com [NC]
RewriteRule ^(.*)$ http://dom.com/$1 [L,R=301]

其他windows主机等 可以通过php，asp，jsp 动态脚本实现。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

2. Broken Link Checker
这个插件可监控站点无效的内链与外链以及任何无效图片。 为什么说这个插件是一个必备插件呢，因为如果你写了一篇有链接指向 www.domain.com 的文章，但是这个链接可能在以后失效，其结果是给搜索引擎留下了一个死胡同，这对于SEO是很不利的。通过这个插件你可以立即收到相关提醒并移除这些失效 链接。

3. Google XML Sitemaps Generator
这个插件可为你的Wordpress 博客创建与Google Sitemaps相容的 XML-Sitemap。Sitemap，也就是站点地图，可以帮助搜索引擎蜘蛛抓取你的博客内容。该插件生成的站点地图也支持其他搜索引擎，比如 Yahoo，MSN和Ask.com。

4. SEO Friendly Images
SEO Friendly Images是一个能自动更新所有图片的title和alt属性的Wordpress插件。通过给图片设置合适的alt和标题标签属性，你可以从 Google图片搜索获得更多的流量。本Blog已经通过使用这个插件从Google图片搜索获得了大量的访问。

5. No Self Pings
尽管站内的内部链接可以帮助访客浏览你的文章，但是它同时会由于站内的ping动作导致页面评级下降。 这个插件可以通过移除所有的内部pingback并只接受来自其他站点的pingback来消除这个效果。

6. Enforce www. Preference
关于搜索引擎一个很重要的事实就是它会将 www.domain.com 和domain.com 作为两个不同的站点对待。你可以利用这个插件很容易地解决该问题。 注意： All in One SEO插件也会处理它，记得要确保选中 Canonical 选项。

7. Platinum SEO Pack
这个插件包含了All in One SEO 插件的所有功能，但是和All in One相比，它还有更多的功能。 比如它可以添加 index, noindex, follow 或 nofollow, noodp, noydir, noarchive和nosnippet 元标记到任何文章/页面中。 但是我的大多数客户还是更愿意使用All in One SEO包，因为他们已经习惯了这个插件并且不愿意做出改变。

8. SEO Smart Links
SEO Smart Links可以自动给你的文章和评论中得关键词添加指向相应文章，页面，分类和标签的链接。这样可以帮助访客更好地浏览你的站点。 整个互连过程是全自动的，你要做的就是通过管理面板设置一下它。

9. SEO Slugs
在搜索引擎眼里，长一点的URL可能会有更好的页面等级，因为这样的URL包含更多的关键词。但像Google这样的搜索引擎会忽略一些常用关键词，比如 “you”，“a”，“the”和“what”。把这些关键词移除可以提升你的搜索引擎评级。 该插件可全自动移除这些无用的常见关键词。

10. Robots Meta
Robots Meta 可以让用户控制哪些文章/页面可以被索引，哪些不可以。 比如你可能不想让你的搜索结果或是分类页面被检索， 因为搜索引擎会认为这些是重复内容而降低你的页面评级。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

对于各种优化途径，如果一定要我给一个分类的话，我会用颜色来区分。对于那些在各种页面中都适用而且无害的方法，我将它们归为绿 色。相对而言，只有在某些具体的情况下才适用或者有违标准的方法归为橙色。

绿色方法

1. 使用相对URL

对于页面中的各种URL，例如链接、外链CSS的href、外链Javascript的src、图片src、iframe src等，如果能够确定它们与当前页面是处于同一域名下的话，则可以使用相对URL，这样每一个URL都能够节省至少一个域名的长度。

2. 删除HTTP或HTTPS

绝对URL都以HTTP或HTTPS等协议头开始，如果能确定URL的协议与当前页面URL的协议是一致的，或者说该URL在多种协议下均 是可用的，则可以考虑删除这个协议头。这样做虽然有些非主流，但事实证明是可行的，而且也有理论依据(见http://www.ietf.org/rfc/rfc2396.txt 第5.2节描述)。Nexus One的这个页面中有些资源URL就删除了协议头，虽然并不是出于节省资源的目的，但至少证明删除协议头是可行的。

对于CSS，如果删除协议头在IE7、IE8下会造成CSS下载两次，这个是需要注意的问题。

3. 删除注释

与CSS、Javascript一样，也可以通过删除HTML中的注释来实现优化。然而，这一点对于HTML来说却要复杂一些，因为在 HTML中存在某些特殊作用的注释是不能删除的。

(a). IE条件注释

诸如这样的语法，只有符合expression的浏览器才能识别其中的内容。

(b). CDATA注释

/*  */

CDATA本身是XHTML中才需要的，在CDATA中的内容不需要对特殊字符进行转义，不过为了兼容老版本的浏览器，需要加上注释，以免 出错。不过，对于这个注释，如果你的页面并没有真正的使用XHTML标准则可以大胆的删除掉。使用XHTML标准不是简单的声明DTD就可以办到的，除此 之外还需要服务器能够派application/xhtml+xml这样的内容格式，另外还需要浏览器支持，目前IE并不支持XHTML格式。因此，目前 你的页面可能是按照XHTML规范来写的，也能通过HTML验证，但想要兼容IE则一定还是以HTML方式来展示的。这样一来，很多为了遵循标准而增加的 内容则可以删除，具体的在后文的橙色部分详述。

(c). 自定义注释

产品中自定义的一些具有特定功能的注释，例如统计。

4. 压缩空白符

在HTML中的大多数标签中，多个空白符都会被压缩成一个来显示，于是可以通过删除多余的空白符来减小HTML体积。不过需要注意的是并不 是所有的空白符都可以这样做，例如pre、textarea中的空白符是按原样显示的，标签属性中的属性值也是按原样显示的，例如title、value 等。

5. 压缩inline css & Javascript

不管inline还是external，都需要压缩，这是减小体积的最直接的方式。

6. CSS&Javascript尽量外链

外链CSS和Javascript，不仅仅是减小HTML本身的体积，而且还可以充分利用浏览器的缓存机制，所以当CSS、 Javascript的代码量超过一定体积时，尽量外链。除此之外，尽量避免在页面中使用onmouseover=”xxxx”的 方式来注册事件，既不利于维护也容易产生不必要的冗余代码。

7. 删除元素默认属性

在HTML规范中， 很多HTML元素的属性是有默认值的，对于这些默认值可以抹去不写，下面是不完全统计。

橙色方法

橙色方法是指那些有违标准，或者会导致页面出现无法预料的问题的一类方法，算是一类非常规的方法，因此也仅仅适用于一些非常规的页面，例如 搜索引擎首页。

1. 删除或替换

DOCTYPE对于页面展现非常重要，浏览器会根据具体的DOCTYPE来决定如何显示页面， 除非你对删除DOCTYPE后的页面展示十分有把握，否则不要轻易删除。另外一种可行的方式是采用HTML5中的写法，即，大多数浏览器能够将这种 doctype写法解析为标准或准标准(Almost Standard)模式，不过依然会造成一些问题，具体见这里。目前百 度、Google都是这么做的。

2. 删除标签属性值的引号

引号不是必须的，删之。此处也需要考虑一些特殊情况，例如属性值中包含引号等。

（提醒：不符合XHTML规范）

3. 省略某些属性值

例如disabled、checked、multiple等的值都可以省略。

（提醒：不符合XHTML规范）

4. 删除可选的闭合标签

例如body、p、tr等标签是允许没有闭合标签的，具体的参考此处。

（提醒：不符合XHTML规范）

5. 删除自动闭合标签的”/”

（提醒：不符合XHTML规范）

工具

HTML优化工具目前比较理想的是Absolute HTML Compressor，另外，PageSpeed1.6中也引入了HTML压缩功能，不过目前只有四个简单的策略，尚处于实验性阶段。随着大家对前端性能越来越高的关注度，HTML优化及压缩方面也一定会有所 发展的。

总结

1. HTML优化及压缩的发展滞后于前端其他资源，不过目前也已经引起大家越来越多的关注。

2. 绿色规则中的很多都是在写码过程中就可以注意和遵循的，如果能把这个优化融入到编码中，效果应该更好。

3. 橙色规则由于违背某些规范，只适用于某些特定的页面，使用时务必谨慎。

参考资料
HTML minify – to be or not to be?
Optimizing HTML
Optimizing Optimizing HTML

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

但这些Social Media平台，对于SEO（搜索引擎）最佳化而言，又有什么好处呢？

以下社交媒体(SNS)对搜索引擎优化的6大好处是我们的观察，这些好处对会跟随这些平台的壮大秩序增加。

第一点：网站外部链接（External Link）的增加

执行SEO时，适当增加网站外部链接（External Link）是很重要的！
而在Social Media上面，只要文章的品质不错，很容易制造一定数量的链接。
根据经验，建议不要将外部连结集中在同一个平台或是网站中的某一页，越多不同的平台连结分散在您网站中不同的內容，效果通常越好。当然，最简单的方式就是在您每篇文章中加入让使用者推到FaceBook等网站的功能。

第二点：搜索引擎收录（Index）速度加快

根据我们观察，由于Social Media平台资讯更新飞速的特性，让搜索引擎Spider也用超乎頻繁的速度不断造访。所以，一旦当我們文章出現在平台上面的时候，勤快的 Spider也会顺着连结爬行到我們的网站，快速收录（Index）的效果就此达成！
在这里提醒一下，很多人都习惯用短网址（Tiny URL）功能，这对SEO是不好的。建议就留下文章原始网址吧。

第三点：提升网站权重度（Authority）

网站权重度（Authority）对SEO有多重要呢？有沒有印象中有些网站沒做太多的SEO，排名老是很优异！而且只要一更新，搜索引擎马上收录！这就是网站权重度的体现。
网站权重度（Authority）是一個网站綜合表现的结果，权重度高低又对SEO的印象巨大。而网站的內容是否能够在Social Media平台被大量收录发现，肯定影响替网站权重度评分。

這点沒有太多取巧空间，就是多交朋友，挑对议题，写好文章，原创更为重要。

第四点：自身就有抢占关键字排名的作用

最近有沒有发现在搜索某些关鍵字的時候，开始出现FaceBook或Plurk等网站的连接呢？
是的！這些社交平台已经有自己抢占关鍵字排名的能力了，而且会越来越强势！
原因非常简单，因为平台的使用者人数，影响力已大到搜索引擎不得不特別重视。讲白一点，某几個平台的网站权重度爬升得特別快，也特別高的！所以，接下來请期待我们分享在Social Media平台的SEO经验吧！

第五点：搜索口碑的强化

既然会有抢占关键字排名的能力，那当然也就具备了強化搜索口碑的能力。当我们搜索自己公司品牌名称的時候，搜索結果第一页若出现公司在 FaceBook 的粉丝团，或是用心经营的Plurk，那不是远比出現一些无关痛痒的网站好的很多吗？

第六点：即时搜索（Real Time Search）的排名

Google未来的即时搜索（Real Time Search），將会采用 FaceBook 或 Plurk 等平台的讯息。
这已经不是新闻了！那么下一个议题就是，這些平台的资讯谁应该排前面呢？更深入要问的同一個平台里面，搜索某个关键字的时候，哪则资讯又应该出现在前面呢？这是个尚未有个明确答案的问题，也需要不断的尝试与印证。不过很清楚的是，沒有加入Social Media平台就没机会！

这6点好处绝对足以让您更努力处理Social Media平台与SEO搜索引擎最佳化之间的关系，请记得，现在这些平台对搜索引擎友善度（Search Engine Friendly）都还沒全面重视，当這些Social Media的巨人愿意与搜索引擎合作的時候，对SEO的影响绝对远超过上述所提的！

Seo领袖 版权所有

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

1、PR值批量查询-iWebTool.com

如果你想查询多个博客的Google PR值，又不想手工逐个进行，那么应该使用这个工具。作为一个可以批量查询PR值的工具，它能节约时间。

2、Sitening.com-搜索引擎优化分析

对所有刚刚开始推广自己博客的新手来说，这是最好的搜索引擎优化工具之一。也可以使用它轻松下载 以前的报告。另外，这个工具的所有应用对用户很友好。

3、Link Diagnosis-反向链接检查器

它是 最好的免费反向链接检查工具之一。作为一名博客你需要使用它检查反向链接。你也可以使用这个SEO工具，去分析竞争对手的反向链接。

4、Google分析
Google免费提供的搜索引擎优化工具。通过使用这个工具，你可以了解博客流量、漏斗信息等相关报告，Google分析的前身是Urchin，为众多博 客和站长使用。

5、关 键字密度和突出工具-Ranks.nl
使用它了解特定页面上关键字密度。也能分析包括在标签里的关键字。

6、可视化的页面排名 -iWebtool.com
喜欢图形的用户找到这个搜索引擎优化工具会很开心。用这个可视化工具能够检查网页排名， 许多人发现自己的博客PR值滞后时使用这个工具检查

7、RankingChecker-SEOmoz.com
用这个SEO工具，你可以为网站一次性查询不超出100个关键词的Google/yahoo/Live/排名情况。它最大的好处是，你可以查询 Google或雅虎来自某个国家的关键字排名。假设，我想检查我的网站在Google.co.uk中 的排名 ，通过这个关键词排名工具，就能搞定。

8、网络调试工具 Fiddlertool.com
通过这个SEO工具，你能获取有关服务器和浏览器之间所有通信类型的报告。免费的。

9、SEOQuake SEObar内部链 接功能

用这个工具，可以了解到任何网站或者博客里最NB的页面。有助于用户了解这样的页面有着数量巨大的外 部网站链接。

10、Google AdWords关键字工具
使用Google ADwords关键字工具，通过你指定的关键词获取更多相关关键词，或者输入网站的网址得到一个关键字列表。这个工具还提供大量特色功能，比如全球或区域 的关键词月报，对手广告客户的每次点击平均成本等等。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

在中国，开源的LAMP栈是最流行的网络架构，它使用PHP开发，运行在Apache服务器上，以MySQL作为数据库，所有这些都运行在Linux上。它是个可靠的平台，运行良好，是现在全球最流行的Internet系统架构。然而，我们很难对其规模进行正确的扩展并保持安全性，因为每个应用层都有其自身的问题、缺陷和最佳实践。我们的工作就是帮助企业用最低的操作成本来创建并运行高性能的、可伸缩的、安全的系统，因此对于这类问题我们有很丰富的经验。

当前的实际情况是，很多网站都是由开发人员快速而廉价地创建，通常没有任何IT人员或者经理，只是由程序员来管理系统。造成的结果是，虽然花费很低的成本网站就可以开始运行，但是当拥有大量用户、需要扩展规模的时候，通常就会面临真正的问题。毕竟，中国拥有三亿八千万的Internet用户，如果其中的0.01%访问这个站点，就很容易引发25万~50万的页面访问量。这些问题在各个级别上都会产生，下面总结的规则是对最一般的问题进行概述，并且说明为什么这些规则如此重要，以及最好采用什么方法来修正它们。遵循这些建议的站点会提高它的可伸缩性、安全性以及操作上的稳定性。

使用合适的会话管理
第一个想到的扩展系统的方法就是添加更多硬件。例如，使用两台服务器而不是一台。这听着合理，但会产生潜在问题：会话管理。这对Java程序来说是很严重的问题，在PHP中也会产生可延展性问题，对于数据库的负载尤其如此。

会话被定义为单独的最终用户登录或者连接一段时间，其中通常会包含多个TCP/IP的HTTP连接、几个Web页面，通常还包括几十个甚至上百个页面元素，如框架、菜单、Ajax更新等。所有这些HTTP请求都需要知道用户是谁，才能满足安全的要求，并向用户传送适当的内容，因为这些都是会话的组成部分。通常每个会话都会包括相互关联的会话数据，如用户名、用户ID、历史、购物车、统计资料等等信息。

问题在于，在有两台Web服务器和多个HTTP连接的情况下，用户流量会在两台服务器之间分配和移动，服务器很难知道用户是谁，并对所有数据进行跟踪，因为每个页面或者页面的组成部分都可能来自不同的服务器。在PHP中，通常是这样解决的，在第一次连接或登录的时候就创建一个会话ID并将其放在Cookie中，然后这个Cookie会和每个HTTP请求一起发送。

这样做带来一个问题，接下来每段PHP脚本都需要基于ID来查找会话数据。由于PHP无法在执行过程之间保持状态（这与Java不同），这个会话数据需要存储在某个地方，通常是在数据库中。但是，如果复杂的页面需要在每个页面载入过程中对其进行十次查找（这是经常要做的），那就意味着每个页面都要执行10次SQL查询，这会导致数据库上很大的负载。

在前面所举的中国Internet用户0.01%的例子中，可能很容易在每秒内仅仅为了管理会话就生成上百个查询。解决方法是一直使用位于Cookie中的会话ID，并且使用像Memcached之类的服务来缓存会话数据以获得高性能。

还要注意其中存在安全性的问题，因为黑客可以伪造另一个用户的会话ID，这是很容易找到或看到的，特别是在公用的Wi-Fi中。解决方法是对会话ID进行恰当的加密或者签名，并将其与时间区间、IP地址以及其他关键信息像浏览器或者其他细节相绑定。在Internet上有很多不错的关于良好的会话管理的例子，你可以根据需要找到最适合的。

总是要考虑安全性
尽管编写像防止SQL注入和登录安全之类的代码涉及很多安全问题，但不幸的是，几乎没有人考虑过安全性，而那些考虑到的人也没有对其进行很好地理解。而本文要关注的是操作性的系统安全。对于这类安全，我们的焦点集中在三个安全领域：防火墙、运行的用户以及文件访问权限。

除了配置专门的硬件防火墙（像Cisco的ASA）之外，所有服务器都还应该运行像Iptables之类的防火墙，它会保护服务器免受其他威胁和攻击。这些威胁和攻击可能来自公共的Internet、其他服务器或本地服务器，也包括使用VPN或者SSH通道的开发和操作人员。我们仅对指定的IP开放确实需要的端口。Iptables可能会很复杂，但是有很多不错的模板，我们通常可以使用它们来帮助客户创建Iptables。例如，默认的RedHat或者CentOS防火墙的配置说明只有10行，显然并不实用。我们最佳实践的Iptables配置大概有5页，这其中包含了Linux所能提供的最高级的安全防范。

所有公用的服务，都应该运行在专门的用户下，如Apache。切记永远都不要使用Root用户运行，因为这会让任何闯入到Apache的用户接管整个服务器。如果Apache只是运行在Apache用户下或者运行在Nobody下，那么闯入Apache就不是一件容易的事情了。

Web服务器运行或者服务的文件（像.php和.html文件）对于Web服务器的用户应该是不可写的。这意味着Apache或者Nginx用户不应该拥有Web目录的写权限。有很多方法都可以做到这一点，而最简单的就是将这些文件为其他用户所有，然后让Apache/Nginx等用户归属于能够使用640权限读取文件的组中。这会防范几乎所有的黑客和针对页面的攻击。

此外，永远不要使用Ftp来上传文件，特别是在公用的Wi-Fi环境中，因为在其中黑客很容易盗取用户名和密码。取而代之的是使用Sftp会更加安全。另外，每个雇员都应该拥有自己的用户ID和随机密码。

使用标准的路径和安装配置

一个令人讨厌的部署问题是，开发者很少考虑他们的软件会被部署到生产Web服务器的什么位置，以及如何部署。我们看到过许多大型的系统将它们的PHP代码部署在/home/xiaofeng或者/web/code路径下。事实上，这两个路径都是非常不标准的，并且会带来操作和安全性的问题。当这些系统从开发环境转移到测试环境再到生产环境中时，因为每个安装配置都是非标准的，所以经常会出现问题，这时就需要开发者调整才能够正常工作。

你应该总是使用标准的安装包和二进制文件来安装像Apache之类的服务器。不要从源代码编译或者安装Tarball，因为这会导致长期稳定性和管理上的问题，另外在服务器上安装多个不同的版本也会造成混淆。

Web站点应该总是在指定的平台和Linux发布的标准路径下进行测试和部署，像RedHat或者CentOS下的/var/www/html路径。这有助于对系统进行有效的权限管理、备份、配置、监控以及其他操作。

Web服务器的日志应该存放在/var/logs或者/var/logs/app_name下，而不应该位于主代码区域。这样做的原因不仅仅是因为这些标准的路径很重要，更应该关注的是，恰当地配置服务器会将/var配置为分离的文件系统。如果应用程序突然写入了大量日志并占用所有磁盘空间，由于我们做了以上的配置就不会导致系统崩溃，或者其他严重的问题。如果日志位于其他位置，就可能会产生问题。

总是使用日志

在Web系统中做多少日志都不为过。所有系统都应该将重要的数据写入到日志中，不管是它们自己的日志还是系统的Syslog。Cron的Job以及其他Shell脚本或者C语言的程序，对日志都有相应标准以及简单的函数。在Shell脚本中，只需要使用Logger命令就可以实现日志的写入。在脚本启动/停止、重要的脚本执行以及实时数据产生的情况下都要执行写入日志操作。这样出现问题的时候，查看主要的系统日志就可以很容易地看到发生了什么。

大型系统经常会使用专门的工具如Local5来记录日志，并配置Syslog或者Syslog-ng来将其存放在单独的文件中，这样会更容易使用。需要注意的是，Syslog工具和Logger（以及任何Syslog调用）默认优先使用user.notice，如有必要，你可以对其进行调整。

一个好的系统会对程序进行配置，用来打开或者关闭日志，并可以选择在每模块或者功能的级别上应用不同级别的日志。这使得我们可以记录非常详细和强大的日志，用来分析和调试在生产操作中所发生的问题。
大型高性能网站的十项规则
使用良好的数据库设计和SQL

在任何系统中，数据库通常是最大的性能瓶颈。而影响数据库性能的最大两个问题是数据库设计和SQL代码质量。很多系统都拥有良好的或者至少是可用的数据库设计，但由于没有经过适当的性能测试，SQL代码质量通常都会很差。这样的SQL代码在开发环境中可能运行很快，因为其中只有小数据集和最小的负载。但是当成千上万的用户同时读取数据库中上百万条记录的时候，它就很可能会崩溃。

不幸的是，这些问题一开始并不明显，直到系统增大、突然开始崩溃的时候才会显现出来。在增大的过程中，数据库系统看起来运行得很快（因为数据都位于内存中，而且很少有并发的查询），并且对用户的响应也很快，但实际上它的内部运行效率很低。这并不重要，我们关注的是在系统增大并遇到性能问题之前找到这些问题并加以解决。

关于这个问题有很多不错的书和站点进行了解析，其中的关键工具包括慢查询日志、INNODB状态系统，以及描述当前性能的MySQL统计信息。我们见到过很多系统每秒会读取500,000条数据，这是出现SQL问题的明显预兆，但公司往往对其一无所知直到服务器开始崩溃。

MySQL系统应该对所有数据使用INNODB存储引擎，因为INNODB与之前的MyISAM相比，运行得更快、更稳定，并且管理性能和备份工作也更加容易和快捷。在主配置文件中，INNODB应该被设置为默认的数据库引擎，并且系统应该不时地进行检查，看是否意外创建了MyISAM的表。

总要拥有良好的DB配置和备份

很多公司都没有良好的备份机制，也不知道如何恰当地完成这项工作。MySQL的Dump是不够的，因为最好的备份方法是使用LVM快照和INNODB对系统进行热备份，从而得到超快的速度和超高的可靠性。

另外，在将所有备份文件从服务器上转移出来之前要进行压缩和加密。另外还要确保拥有设计合理的MySQL配置。MySQL默认安装使用说明中只有5~10行关于配置的说明，这根本不适合开发使用。而我们提供给客户的最佳实践文档足足有10页那么长。文档中大约有100种有用的关于安全、性能和稳定性问题的设定，包括防止数据败坏，其中很多设定都是非常重要的。

使用读/写数据库分离

随着系统变得越来越庞大，特别是当它们拥有很差的SQL时，一台数据库服务器通常不足以处理负载。但是多个数据库意味着重复，除非你对数据进行了分离。更一般地，这意味着建立主/从副本系统，其中程序会对主库编写所有的Update、Insert和Delete变更语句，而所有Select的数据都读取自从数据库（或者多个从数据库）。

尽管概念上很简单，但是想要合理、精确地实现并不容易，这可能需要大量的代码工作。因此，即便在开始时使用同一台数据库服务器，也要尽早计划在PHP中使用分离的DB连接来进行读写操作。如果正确地完成该项工作，那么系统就可以扩展到2台、3台甚至12台服务器，并具备高可用性和稳定性。

使用类似Memcached之类的数据库缓存

即便有了好的数据库设计、SQL和读写分离，大型的系统仍然需要更快的性能，特别是对会话状态、好友列表以及BBS文字之类的东西。为了达到这个目的，我们可以使用像MemCached之类的数据缓存，它是一个高性能的简单数据缓存，已经被所有最大型的站点使用。但是要小心的是，不要100%依赖于一台Memcache服务器来提高性能，因为如果那台服务器崩溃了，就会破坏整个系统的性能。在这种情况下，应该使用2~3台Memcache服务器形成簇集架构，并且有选择地包含一个缓存准备过程，如果缓存服务器重启，需要重新载入数据，它能够快速地载入缓存。

构建测试和开发环境

很多公司只有开发者的桌面系统和他们的生产服务器。当系统变得越来越大、越来越复杂时，测试和管理代码就会导致严重的问题。最佳的实践是拥有两个测试系统，一个用于开发者的代码和功能的整合测试，另一个要与生产环境完全一致，从而更容易向生产环境平滑地过渡。幸运的是，现在使用云计算（或者私有云）可以轻松达到这一点。一个5~10台服务器的生产环境，可以很容易地在办公室或者IDC中使用一台服务器来复制，从而用于测试，而这台服务器我们可以用于多个客户的项目。

使用版本控制

最后，要对一切使用版本控制，包括测试和生产环境的部署。很多开发者都使用SVN或者类似的方法。在理想状态下，这些方法可以被用于所有代码、脚本、HTML、图片、配置、文档和测试。版本控制应该是代码转移到测试环境的必经之路，而不是简单地复制或者使用tar文件，因为这二者都是不可靠的。开发者应该将所有一切都签入，打上标签，然后将它们签出到测试系统。如果所有都没问题，那么它们会将该版本签出到生产环境。

总结

不管是在开发还是在运营过程中，创建可靠的高性能Web系统都有很多应该注意的事项。本文试图从可操作性和可靠性的角度讨论最重要的几点。当你构建和管理站点的时候，请不要忘了这些重要的问题。遵循这些规则会有助于确保系统长久、良好地运行。

作者简介：

SteveMushero，ChinaNetCloud公司联合创始人、CEO兼CTO，拥有全球20多年的技术管理经验。曾担任土豆网、Intermind和AdvancedManagementSystems等多家企业CTO

译者简介：

侯伯薇，生于凤城，学在春城，做过国内和对日项目，现在大连某保险公司工作。乐于钻研技术，同时注重业务知识，勤于思考，愿意与人交流和分享。

© 我想网 Akon 所有 , 2010. | 永久链接 | 1条评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

1. Smush.it

Smush.it被称之为图像“压榨机”，是雅虎的Yahoo Exceptional Performance Team开发出的一个网络应用，旨在帮助网站优化图片，提高站点速度。 是非常流行的无损压缩工具。

官方网站：http://www.smushit.com/

2. PunyPNG

punypng是一个免费的图片压缩工具，更适合设计师和前端开发人员，它可以大大的减小图像文件的大小（ 支持JPG, GIF ，8/24 bit PNGs），将其转换成高压缩的图像。如果你的网站有大量的图片，使用它可以大大减少网页加载的时间。

官方网站：http://gracepointafterfive.com/punypng

3. SiteReportCard

同样是一款优秀的图片在线压缩工具，支持URL网络图片和本地上传图片。支持文件格式有GIF、JPG、PNG。

官方网站：http://sitereportcard.com/imagereducer.php

4. Dynamic Drive

dynamicDrive也是一个免费的在线图片优化压缩工具网站，支持GIF、JPG、PNG。等格式的图片。除了优化的功能，也提供简单的格式转换，上传图片的大小限制300K之内。

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

1. 首页可用性设计（20条评估首页可用性的方针）
2. 任务导向（44条评估网站对用户任务支持程度的方针）
3. 导航和信息架构（29条评估导航和信息架构的方针）
4. 表单和数据输入（23条评估表单和数据输入的方针）
5. 可信度（13条评估可信度的方针）
6. 写作和内容质量（23条评估写作和内容质量的方针）
7. 页面布局和可视设计（38条评估页面布局和可视设计的方针）
8. 搜索可用性（20条评估搜索可用性设计的方针）
9. 帮助、反馈和容错（37条评估帮助、反馈和容错的方针）

首页可用性设计

1. 首页元素要清晰的关注用户的关键任务（避免“增加功能倾向（featuritis）”）
2. 如果网站比较大，那么首页应包含搜索输入框
3. 首页要十分清楚的提供产品（内容）分类
4. 在首页或首页内一次点击展示有用的内容
5. 信息展示时应当是简单的、自然的、符合逻辑顺序的
6. 在首页展示真实网站内容的优秀示例
7. 首页上的链接以最重要的关键词作为起始（例如：“Sun holidays”而不是“Holidays in the sun”）
8. 在首页提供一个最近的特色项列表，并提供存档内容的链接
9. 首页导航不要过度格式化（修饰），确保用户不会把它误认为广告
10. 在首页清晰的声明价值取向（例如一个标志性的口号或欢迎语）
11. 在首页包含有意义的图案设计，而非无关的剪贴画或绘画作品
12. 导航选项按逻辑性或用户导向方式排序（把次要的公司信息放在底部）
13. 首页标题（title）可以为诸如google等搜索引擎提供良好可见度
14. 所有公司相关信息安排在一个显著区域（例如：“关于我们（About Us）”）
15. 用户可以了解到价值取向
16. 一看到首页，第一次访问的人就知道从何处开始
17. 在首页展示出所有主要的操作选项
18. 首页拥有一个易记的URL
19. 首页需经过专业设计，以给用户良好的第一印象
20. 首页的设计要能激发用户探索站点的兴趣
21. 首页就要像一个首页，不能让用户把它与二级页面混淆

任务导向

1. 网站应避免出现不相干的、多余的或让用户分心的信息
2. 避免过多的使用脚本、小应用程序（applets）、视频音频文件、图案和图片
3. 网站应避免不必要的登记
4. 关键人物路径必须是清晰的，无干扰的（例如：购买、捐献）
5. 信息以简单的、自然的（natural）、符合逻辑顺序的方式展示
6. 应尽量缩减每个任务需要的屏幕数量
7. 应减量减少页面滚动（scrolling）和点击
8. 网站应正确的预期和提示用户下一步可能的动作
9. 展示图表时，确保用户可以看到真实数据（例如在柱状图上标明数字注解）
10. 当分配给用户任务时，应充分利用计算机的优势（例如搜索输入的自动完成功能）
11. 用户可以快速完成普通任务
12. 当必要时，应为当前任务提供数据对比功能（例如：商品比较）
13. 任务顺序应当与用户日常工作顺序一致
14. 网站可以保证用户的工作比不使用它时更轻松快捷
15. 最重要的或经常使用的主题、特征或功能应放在页面中央附近的位置，而不是特别靠左边或右边
16. 确保用户不会重复输入相同的信息
17. 重要的、频繁使用的主题或任务应接近网站的“表面”
18. 保持最少的录入（例如购买过程中），并为用户提供加速器
19. 任何给定任务路径应当有一个合理的步骤长度（2-5次点击）
20. 当一个任务有多步时，网站要告诉用户完成任务需要的所有步骤，并为用户当前步骤所在的位置提供反馈
21. 在每个产品后面紧跟它的价格
22. 可以非常容易的找到网站的隐私策略，尤其是在那些要求填写个人信息的页面。隐私策略应当是简单的、清晰的
23. 网站用户不需要记住从一个地方到另一个地方的信息
24. 隐喻的使用可以被典型用户轻松理解
25. 数据格式应当遵循文化常规
26. 软件的内部工作细节不要暴露给用户
27. 应当迎合用户那些之前已经养成的那些小的互联网习惯
28. 网站应当易于用户浏览，在执行前可以自己尝试其它的功能操作
29. 第一次到访的典型用户应当可以在不需帮助的情况下完成最常用的功能
30. 当用户回到网站时，用户可以记得如何执行主要任务
31. 那些新颖设备（novel device controls）的功能应当是显而易见的
32. 在购物车页面，在页面的顶部或底部应当清晰的展示”处理结账”按钮
33. 重要的操作入口（例如“添加到购物车”）应当非常清晰可见
34. 操作按钮（例如“提交”）应当由用户触发，而非在完成所有选项时系统自动触发
35. 命令或操作项英以按钮的形式的展示（而非例如链接）
36. 如果用户在事务处理中中途退出，用户在稍后返回站点时可以继续他退出之前的工作
37. 当页面展示大量信息时，用户可以排序和过滤信息
38. 按钮或图标上的图像应当与内容相关
39. 当用户被系统自动注销时应当提示用户，并且自动注销的时间间隔要恰当
40. 不必要的功能（例如flash动画）可以被关闭或跳过(skip)
41. 网站应当是健壮的，并且所有关键功能可正常工作（例如不应有javascript页面异常、CGI报错或死链接）
42. 网站通过不同程度的说明来支持新手用户和专家用户（例如帮助信息、错误信息）
43. 网站允许用户重新填写一些信息项（例如更改发货地址、更改账户信息）
44. 网站允许用户自定义操作时间参数（例如自动退出的时间）

导航和信息架构

1. 关联页面或区域间的跳转移动应当是方便的、显而易见的，并且可以容易的回到首页
2. 在绝大部分页面都可以轻松的导航至用户最可能需要的信息
3. 导航选项按照最常用逻辑或任务导向方式排序
4. 导航系统应当是内容宽泛并层级较浅的，而非有比较深的层级
5. 站点结构是简单的，有一个清晰的概念模型，没有不必要的层次
6. 在所有页面都可以到达网站主要部分（持久导航persistent navigation），导航过程不会中断
7. 导航标签放在页面顶端，而且要设计成看上去可以点击的样子
8. 要有一个站点地图用来提供整个站点内容的概况
9. 在任何页面都可以链接到站点地图
10. 站点地图提供一个简洁的网站概貌，而非主要导航的重复或各主题的简单罗列
11. 提供良好的导航反馈（例如显示当前位置）
12. 分类标签应当能准确描述该分类的信息
13. 链接或导航标签包含用户要达到目标所寻找的“触发字眼（trigger words）”
14. 术语和常规（例如链接颜色）应当（近似地）与互联网习惯用法保持一致
15. 在网站各个组成部分中的链接样子应当一致
16. 产品页面应当包含与当前产品相似或互补产品的链接，以实现交叉营销
17. 导航项和链接中的用词应当是无歧义的，并且使用术语
18. 用户可以排序和过滤目录页面（例如按价格排序或最热门排序）
19. 当鼠标放在某个可点击的元素上时，元素应当有明显变化（包括光标的变化）
20. 重要内容可以通过不止一个链接访问到（不同的用户有可能需要不同的链接标签）
21. 仅用于导航的页面（例如首页）可以再不滚动的情况下浏览
22. 触发事件的超链接应当与链接到其它页面的超链接（例如：下载）在外观上有明显区分
23. 网站允许用户控制交互速度和顺序
24. 在网站每个页面清晰标注退出入口，允许用户从当前任务中推出，而不必通过一个额外的对话框
25. 网站不可禁用浏览器的“后退”按钮，“后退”按钮应当在每个页面的浏览器工具栏上都有显示
26. 用户点击浏览器后退按钮时，总能回到他之前所在页面
27. 购物车（basket）和结账（checkout）链接应当在每个页面中都可以看的十分清楚
28. 如果网站有打开新窗口，那么这个动作不应使用户困惑（例如：新窗口应该是一个设定大小的对话框或并可以轻松关闭）
29. 菜单的使用说明、提示、相关信息应当在每个屏幕的同一位置显示

表单和数据输入

1. 数据输入框在适当的时候应当包含默认值，显示要填的数据格式和输入框允许输入的长度
2. 如果任务设计源文件（例如纸张形式），那么界面应当与源文件的规格一致
3. 网站能自动完成格式化数据的输入（例如货币符号等），用户不需要输入类似£ 或 %的符号
4. 表单域的标签应当清楚的说明该输入框希望输入什么
5. 表单中的文本框应该为预期答案设定合理长度
6. 表单中的必填项和选填项应当有明显的区分
7. 登陆和注册应当用相同的表单（就像Amazon一样）
8. 如果完成表单需要外部信息的话应当提前告知用户，例如护照编号
9. 表单中的问题项（输入框）应当按逻辑分组，并且每组都有一个标题
10. 表单域应包含提示、示例或样例答案，告知用户输入框期望输入什么
11. 如果输入框的标签以表单问题的方式提出，那么这些问题应当是陈述清晰、简单的
12. 在表单中，相对于文本输入框，应当优先使用下拉菜单、单选按钮、复选框（文本输入框不应当使用过度）
13. 在数据输入页面，光标应当被放置在需要输入的地方
14. 数据输入（例如日期）和输出（例如数值单位）的格式应当被清晰标明
15. 用户可以在进输入一些基本必要信息就可以完成简单的任务（系统可以默认补充一些不重要的信息）
16. 表单允许用户尽可能久的保持一种简单的交互方式（例如，用户不必在键盘鼠标间不停的切换）
17. 用户可以更改表单域的默认值
18. 文本输入框需指出要输入数据的数量和格式
19. 表单在提交前执行数据验证
20. 在数据输入界面，在适当的时间执行表单域级别验证和表单级别验证
21. 网站应可以轻松地更正输入错误（例如，当验证表单未完成，应当将光标放置在需要输入的位置）
22. 数据输入和数据显示应当保持一致性
23. 表单域标签应当靠近输入域（例如：标签右对齐）

可信度

1. 内容应当是最新的、权威的、可信赖的
2. 网站有第三方（例如引用、第三方使用见证）来说明信息的准确性
3. 应当清晰标明网站的幕后有真实的组织（例如：提供一个真实地址或办公室照片）
4. 公司有一些认证专家（可以使用一些凭证）
5. 网站应避免广告，尤其是弹出式广告
6. 在结账的最一开始就突出提示运送费用
7. 网站应当避免空洞的营销辞令（marketing waffle）
8. 每个页面都应当清晰显示站点标识，保证用户确认他仍然在同一个网站上
9. 通过网站可以轻松联系到某人以获取帮助，并可尽快得到回复
10. 内容是新鲜的，网站应经常更新，总包含最近的内容
11. 网站应当避免版式错误和拼写错误
12. 用可视化设计来补充商品和线下营销信息
13. 网站组织应当有一些真实的人，他们是诚实的、可信赖的

写作和内容质量

1. 网站有能引起别人兴趣的、独一无二的内容
2. 正文是简明的，没有不必要的说明和欢迎辞令
3. 每个内容页应以内容结论或内容意义启示作为开端，正文以倒金字塔方式书写
4. 相对于叙述式的文本，网页应当优先使用无序列表和有序列表
5. 列表应当以简短的说明作为开始，帮助用户意识到该列表是如何与其它关联起来的
6. 那些最重要的列表项应当放在列表的前面
7. 信息应当分层次组织，从一般的到具体的，组织结构应当是清晰的、符合逻辑的
8. 内容应当专门为互联网（Web）创建（web pages do not comprise repurposed material from print publications such as brochures）
9. 产品展示页面应当包含购买须了解的信息，用户可缩放产品图片
10. 使用超文本适当地组织内容
11. 以主动语态书写语句
12. 网页应当易于快速浏览，充分使用标题、副标题和较短的段落
13. 相对于文本式的语言，优先使用地图、图表、图形、流程图和其它视觉元素
14. 每个网页都应有描述信息，以及有用的标题，用以支持书签
15. 链接及链接描述（title）应当具有描述性或推测性，不应当出现“点击我（Click here）”这样的链接
16. 标题不应当故作风雅、故作聪明或含义隐晦
17. 链接文本应当与目标页面的标题(title)相符，这样用户就可以在到达目标页面时心里有数
18. 按钮文本及链接文本以动词开头
19. 标题和副标题应当是简短的、直截了当的、具有描述性的
20. 遣词造句及用到的概念应当为典型用户所熟悉
21. 有序列表从1开始，而不是0
22. 第一次使用的缩写词汇应当加以说明
23. 文本链接应当足够长以便于理解、又应当足够短以保证最少换行（尤其被用作导航列表时）

页面布局和可视设计

1. 网线数应当适于目标用户和他们的任务
2. 布局可以帮助用户把注意力集中在下一步要做的东西上
3. 在所有页面，最重要的信息（例如经常用的主题、特色和功能）放在屏幕的第一个满屏
4. 网站在不水平滚动的情况下就可以使用
5. 可点击的元素（例如按钮），应当设计成明显可点击的样子
6. 不能点击的元素
7. 按钮或控件的功能从他们的标签或设计上就可以明显看出来
8. 可点击图片包含多余文本标签（Clickable images include redundant text labels (i.e. there is no ‘mystery meat’ navigation)）
9. 超文本链接可以轻松被辨认（例如下划线），而不需要大面积扫视。
10. 网站字体使用应当具有一致性
11. 控件和它所具备的操作之间的关系是显而易见的
12. 图标和图形是标准的和（或）直观的（具体的和为人熟悉的）
13. 在每一个页面上都应有一个清晰的视觉“起点”
14. 网站的每个页面共享一致的布局
15. 网页为打印格式化，或者有一个为打印准备的版本
16. 按钮或链接能显示出他们被点击过了
17. 图形用户界面（GUI）组件（例如单选按钮和复选框）应当被适当地使用
18. 所用字体应当是可阅读的
19. 网站应当避免使用斜体字，并只为超文本添加下划线
20. 信息密度和留白应当有一个良好的平衡
21. 网站看上去应是让人愉悦的
22. 网页应避免出现“滚动障碍物（scroll stoppers）”（标题或其它页面元素给用户造成在页面顶部或底部的错觉）
23. 网站应当避免大量使用大写文本
24. 网站应当有一致性的、清晰可识别的外观和感觉，以吸引用户
25. 深蓝色避免使用在细节地方（Saturated blue is avoided for fine detail）（例如文本、细线和符号）
26. 借助颜色组织和分组页面元素
27. 网站图形不应当与banner广告混杂不清
28. 对于重要的主题分类加重显示（em）
29. 在标准宽度的浏览器窗口中，内容页面一行不要太短（小于50字）也不要太长（大于100字）
30. 页面依据栅格设计，所有页面元素和部件水平对齐、垂直对齐
31. 有意义的文本标签，令人印象深刻的背景配色，边框和留白的恰当使用，这些一起来帮助用户把网页元素分别出不相关联的功能区域
32. 网页配色合理搭配，避免过于复杂的背景设计/li>
33. 较为独立的网页应当避免杂乱不相干的信息
34. 标准页面元素（例如页面标题、站点导航、页面导航、隐私策略等）可轻松找到
35. 组织logo放置在每个页面的相同位置，点击logo后返回最合情理的页面（比如首页）
36. 吸引人注意力的特色元素（例如动画、醒目的色调、明显的字体大小差异）应当保守的使用，并只在恰当的地方使用
37. 图标（icons）要在视觉上和概念上有所区分，但又要与页面和谐。
38. 相关信息和功能集中放置，每一组可以在一个视野浏览到（大约直径为4.4厘米的屏幕区域）

搜索可用性

1. 默认搜索应当是可以直观地配置（没有布尔操作符no Boolean operators）
2. 在搜索结果页面向用户展示搜索到的内容，并且在该页可以编辑检索词并重新提交搜索
3. 检索结果应是清晰地、有用的、并依据相关度分级
4. 检索结果页面应清晰告诉用户检索到多少条记录，每一页显示的记录数可以由用户配置
5. 如果没有返回结果，系统依据用户输入的检索词存在的可辨认问题提供建议和可选输入项
6. 搜索引擎可以优雅地处理空检索串的情况
7. 最常用的检索串可以获得有用的结果
8. 搜索引擎应当提供模板、示例或提示来帮助用户高效使用它
9. 网站应当包含一个功能更强大的搜索页面，帮助用户更加完善他们的检索（可以把它叫做“修改检索 revise search”或“精确检索 refine search”，而非“高级检索 advanced search”）
10. 检索结果页面不显示重复结果（无论是能感知到的重复还是实际的重复）
11. 检索输入框应当足够长，可以应对常用检索词的长度
12. 检索应当覆盖整个站点，而不是站点的一部分
13. 如果网站允许用户创建复合检索，那么这些检索应当是可保存，定期被执行的（这样用户就可以跟踪动态信息的最新动态）
14. 检索界面应当放置在用户期望的地方（一般是页面的右上区域）
15. 检索框及他的控件应清晰列出（多检索框可能会难以理解）
16. 站点既可以满足那些想随便浏览的用户，也可满足想搜索的用户
17. 在检索结果页面应当明确当前检索的范围，并且用户可以约束这个范围（如果该任务需要的话）
18. 结果页面显示有用的元信息（meta-information），例如文档的大小、创建的日期、文件类型（word、pdf等）
19. 搜索引擎提供自动的拼写检查，并提供复数词和同义词查找
20. 索索引擎提供相似检索选项（例如 “更多相似” 链接）

帮助、反馈和容错

1. 常见问题解答或在线帮助提供循序渐进地指导，帮助用户完成最重要的任务
2. 在恰当的地方和恰当的时间可以轻松获取帮助
3. 提示应当是简洁的、表达清楚的
4. 用户不需要求助于用户手册或其它外部信息来使用站点
5. 网站有一个定制的404页面，该页面包含如何找到要找页面的提示，并包含主页和和检索页面的链接
6. 网站在必要时（例如校验时）提供良好的反馈信息（例如进度提示或一些信息）
7. 用户在选择商品时可获取到帮助
8. 用户在执行由潜在“危险”操作（例如删除什么）之前提供用户确认
9. 用户确认页面是清晰地
10. 错误信息包含先一步该做什么的清晰指示
11. 在提交购买的前一个时刻，网站向用户清晰地展示概览页面，这个页面应当与购买确认页面区分开来
12. 当用户需要在不同的选项（例如在一个对话框）前抉择时，这些选项应当是明确的
13. 在网站响应时间时产生的不可避免的延迟应当告知用户（例如授权信用卡交易时）
14. 错误信息以非嘲弄的语气书写，并且不要责怪用户的错误
15. 页面可以快速加载（5秒或更短）
16. 网站提供对用户输入或其他操作的及时反馈
17. 在加载比较慢的大页面应当提示用户（例如：“正在加载……”），最重要的信息应当首先显示
18. 当使用工具提示条（tool tips）时，应当提示对用户有用的额外帮助，而不是简单的重复图标、链接或字段域标签中的文本
19. 当给用户一些帮助提示时，告诉他们要做什么，而不是避免做什么
20. 网站在适当的地方向用户展示如何做常见任务（例如：提供网站的功能示例）
21. 网站通过提供反馈信息（例如“您知道吗？”），帮助用户了解怎样使用网站
22. 网站提供上下文敏感帮助
23. 帮助应当是直截了当的，用直白简单的方式表达，避免使用行话和流行语
24. 当一个任务成功完成后，网站提供清晰地反馈信息
25. 必要时重要提示信息应当在屏幕上保留，使用户有足够时间记录下这些信息
26. 遵循“菲茨法则”（控件之间的距离和控件的大小应当是适宜的，大小与距离成比例）
27. 目标对象间有足够空间，防止用户点击了多个目标或错误的目标
28. 可点击元素之间至少有两个像素的距离
29. 当网站发生错误时，应当是显而易见的（例如，当表单未完成，高亮未完成的表单域）
30. 网站提供适当的选择方式（例如下拉列表）来代替用户输入
31. 网站应努力把防止用户出错的工作做好
32. 网站在纠正用户错误输入前提示用户（例如，google的“您是不是要查找…”）
33. 网站应当确保任务不是令人困惑的
34. 错误信息应当用直白的语言描述，并给与问题足够的解释
35. 用户在一个任务中可以推迟解决错误至一个较晚的时间
36. 如果有必要的话，网站提供错误信息更多的细节
37. 可以非常容易撤销（或取消）、重做（Redo）操作

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

如果你正在从事搜索引擎优化工 作，你可能听过很多次上面的问话。可惜啊，没有一刀切和非常肯定的答案，但是通过一系列实践我们可以提炼出一些接近目标的经 验。这篇文章里，我会分享我极力推荐的怎样尽力实现“页面的搜索引擎优化”和“页面的关键字定位”（“关键字锁定”）而尽量达到“完美”的一些建议。我的 这些建议都是有数据支持、经过相关研究和广泛测试过的经验，不同于有些人只是凭着经验瞎绉绉。另外对于实际的SEO工作，虽然这里的经验和知识可以帮助你开始了解SEO，我们建议您还是要不断的实践和完善。

下图: 完美的符合搜索引擎优化标准的页面

HTML 头标签(HTML Head Tags)

• Title(标题) – 这是最重要的页面关键字元素，页面标题最好使用关键字/短语作为第一个词（或短语）。在我们的相关研究中，下面的图显示：
  

很明显，如果在页面标题中关键字/短语越靠前，则得到最靠前的排名，而靠后的位置相关地则得到靠后的排名。

• 描述标签（Meta Description）- 虽然描述标签已经不被各大搜索引擎作为“排名”的依据，但描述标签在搜索结果中用来突出页面的关键字/短语还是很重要的。而且我们已经知道它可以提升点击率，不管你的页面排名怎样。
• 关键字标签（Meta Keywords）- Yahoo！是唯一利用记录和利用关键字标签来进行索引的搜索引擎，虽然在技术上不用来做排名的依据。然而，现在微软的必应（Bing）接管了 Yahoo！的搜索技术，现在最后使用这个标签的理由也不存在了。那么，由于存在使用关键字用来做竞争性研究的风险，在SEOmoz，我们从来不使用这个 关键字标签。
• Robots标签（Meta Robots）- 这个标签虽然不是必需，但起码它应该确认不要包含任何可能导致搜索引擎不索引你页面的属性。
• Rel=“Cononical” - 如果网站越大和越复杂（而且较大和庞杂的团队中维护），我们就越建议您使用canonical URL tag（权威链接标签）来防止潜在的重复的、无意和扩展的URL字符串，以防搜索引擎分散某个好页面的权重和排名。
• 其他标签 – 其他如 DCMI或FGDC要求的标签，现在看起来对SEO没啥用处。

URL（网址）

• 长度 – 短网址看起来在搜索引擎中被处理的更好，而且更容易被其他网站拷贝、粘贴、分享和链接。
• 关键字位置 – 网址中的关键字离域名越近，则效果越好。因此，site.com/keyword 比 site.com/folder/subfolder/keyword强很多，也是我们最推荐的优化方法（虽然这可能对有大量网址和关键字的网站排名没啥好处）
• 子域名（subdomains）vs 页面（pages）- 我们之前在博客中说过，尽管在子域名中使用关键字可能会比子文件夹或页面有少少的优势，但搜索引擎的链接广度分配算法（Link popularity assignment algorithms）倾向于喜欢子文件夹和页面，而不是子域名。
• 分字符（Word Separators）- 破折号（-）依然是网址中关键字最好的分字符，虽然搜索引擎都说下划线（_）也是一样的，但为了和其他方法避免冲突，还是用破折号把。

正文标签（Body Tags）

• 关键字的重复数量（number of keyword repetitions） – 不太可能在一个页面确定到底使用多少关键词/短语是最好的，不过我们长时间的经验表明：较短的页面使用2-30，较长的页面使用4-60比较好。而且因使 用同义词而超过这个指标带来的好处似乎不明显，而且不太明智。
• 关键字密度（keywords density）- 虽然关键字密度作为排名算法的一个组成部分已经根深蒂固的存在于最好的SEO心里。但是一个页面使用更多的关键字/短语可以提高关键字定位和排名，所以毫无疑问关键字密度从来也没有作为排名公式的一项指标来进行测量。
• 关键字变体的使用（keyword usage variations）- 在页面中使用关键字变体能有助于内容优化的理论，我一直怀疑这是否真能影响搜索引擎排名（虽然从没仔细地研究过并不能让我信服），但尝试下也不妨不可。我们建议在页面中使用一个词组最少一到两种变体，如果可能也可以把关键短语分开成词组。
• H1 标题（H1 Headline）- H1标签很长时间都被认为对页面搜索引擎优化很重要。近来我们研究了关联数据却显示它和高排名却没有多大的关系（实际上几乎为零）。虽然这是令人信服的证 据，从SEO、语义的原因都证明没多大相关性。但我们仍然建议恰当地使用H1标签作为页面的头条，并且，更好的方法是在里面加上关键词/短语。
• H2/H3/H4/Hx – 比H1更不重要，我们建议只在需要的时候使用它们。这些标签没有多大SEO的价值。
• Alt属性 – 令人惊奇的是，这个Alt属性，一直以来都被人认为含有较少的SEO权重，但我们的关联数据研究去显示它们和高排名有很大的相关性。因此，我们强烈建议在重要关键字定位的页面上使用图片时，记得在图片的标签<img>中添加alt属性。
• 图片文件名 – 自从来自图片的流量变成一个稳定的访问来源，而且图片的文件名在自然搜索中变得有了价值，我们建议在页面中使用关键词/短语作为图片的文件名。
• 粗体/强调（Bold/Strong）- 用粗体/强调标明一个关键字显示出含有很少很少的SEO权重，因此建议最少给关键词/短语使用一次粗体/强调，虽然就那么点权重。
• 斜体/着重（Italtic/Emphasized）- 令人惊奇的是，斜体/着重的文字在和页面高排名的关联性上显示出比粗体/强调高一点的相关性，因此我们建议在目标关键词/短语上使用这两种格式。
• 内部链接锚文字（Internal link anchors）- 没有测试显示内部链接锚文字被搜索引擎抓取和用来计算排名。
• HTML注释（HTML Comments）- 和上面一样，看起来搜索引擎会忽略HTML注释。

内部链接和在网站结构中的位置

• 点击深度 - 总的来说，我们推荐排名竞争越激烈和挑战性越大的关键词/短语，应该在网站整体的架构中占据较高的地位（因此，应该让用户可以从主页点击尽量少的次数到达那个页面）。
• 内部链接的数量/百分比 – 越多被链接到的页面应该有越高的排名，因此，对于需要参与竞争的关键字，应该让尽量多的页面链接到这些页面。
• 内容中的链接 vs 永久导航链接 – 有迹象显示Google和其他一些搜索引擎做了很多工作在考量一个链接元素在页面中的位置。因此，像维基百科那样把链接放在正文里比使用永久的导航条似的永久链接要更好。另外，别忘了，Google只把页面HTML里的第一个链接当回事。
• 在边栏和页脚中的链接 – 从近来SEOmoz内部和很多外部的参与者的一些专利申请、搜索论文和经验都有提到Google可能大幅降低页脚里的链接的权重，对于边栏来说，降幅可能会小点。因此，为了搜索引擎优化，你最好把导航链接放在页面的顶部（就是内容上面那个位置）。

页面架构

• 关键字的位置 - 我们建议重要的关键字应该，最好，在文章的前段就该被着重提到（50-100个字的位置，希望可以跟靠前点）（译者注：这里的字是英文单词）。搜索引擎偏好那些可以尽快找到关键字的页面。
• 内容结构 – 有些实践者讨厌使用特定的内容格式（比如：简介，正文，样例，结论。或者新闻报道式的讲解，数据，结论和寓意）来进行搜索引擎优化，但是，我们并没发现内容的格式对高排名有什么影响，因此，怎么读者看的顺眼你就咋做吧。

为什么我们一定要遵守这些规则？

答案很简单。真相是在制造很好的网页内容的过程中，我们有时会忘记，有时会忽略，有时故意的违反上面这些最好的做法。网页的页面优化，虽然很重要，但也只是排名优化迷宫中的一角。

谷歌排名（pagerank）算法的要素

（供您参考 – 最新的影响搜索引擎排名的因素调查数据很快就快马上就要发布了）

我们应该尽量花时间把页面优化和关键字定位做好，不过对于网站页面搜索引擎优化，我的观点是，一定要遵循80/20定律。如果你把上面那最重要的20%做好了（页面标题、网址和内部链接），你会得到80%（可能更多）的产出。

如何成为排名第一的实践

我很好奇，虽然对于有经验的SEO们来说上面这些没啥出奇的，事实是网站页面优化可能对于要使页面排名最靠前并不是排名第一的需求。事实上，要达到排名最前，下面的列表可能是实际的流程：

1. 可访问性 - 如果不能访问，搜索引擎不会抓取到更不会索引你的内容，所以这个排第一。
2. 内容 - 你需要有不仅吸引读者兴趣的内容，还要是能迫使读者分享的内容。病毒式传播的内容可能是排名公式中最重要/有价值的因子，因为这能产生最高的链接转化率（就是访问和阅读后链接的比率）
3. 基本的页面元素 - 为最重要的元素（页面标题、网址和内部链接）做好关键字定位（锁定）可以很好的提升页面的质量。
4. 用户体验 - 一个网站的可用性，用户界面和浏览经验影响链接和引用的转化率和浏览率。
5. 市场营销 - 我想说“好的内容不能替代好的市场营销。”一个强大的营销机器或者优秀的营销活动都能吸引比内容本身“应得”的链接，虽然这看起来很不公平，但这是过去几百年来资本主义的基本法则。广为流传有时远比正确、诚实或是否有价值更重要。
6. 高级/彻底的页面优化 – 小心仔细地运用上面所有的方法不是没有用的，不过，无论好坏，放在文章的最后，在我们看来，也许和其他技术一样也不能加多少分。

最后，和往常一样，我很希望能听到大家的想法和经验，无论是关于上面这个“完美“优化网页的整体概念还是其中的某个技巧。

© 我想网 Akon 所有 , 2009. | 永久链接 | 2 条评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

但是，FasterWeb拒绝透露它们的技术和做法。只是据说，它们会用45种不同的技巧去优化互联网。并且，这些优化是在ICP的末端或者在ISP这两个环节完成的。换句话说，用户不必要做任何事情就能享受到互联网速度提高10倍的好处。

并且，FasterWeb的技术会应用到所有浏览器，现在主要是IE和Firefox，马上会到Opera/Chrome/Safari。2010年将会正式推出。不过在一两个月内，就可以有几家网站先试验。

这套技术也适用于手机浏览互联网。据说，这是一块被额外看好的领域。

据说，一个网页越复杂，其速度提升的空间就越大。其优化措施将覆盖HTTP/ HTML/ JavaScript/ CSS以及图片。

其商业模式是：或者对使用这套技术的网站收取一次性费用，或者对其收入分账。据说，分账的比例是，网站在加速后的收入的增长部分的20-30%会分给FasterWeb。

并且，还有两家创业公司在做类似的事情。但目前还没有具体消息。

FasterWeb的创始人包括：Ofer Gadish, Gil Shai, Ofir Ehrlich，Leonid Fainberg。

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

作者: Susie Sahim, Web 设计师兼 Google 画师

需要技能: 基础的图像处理

在你优化网站的每行代码的时候, 不要忘了静态内容 – 包括图像. 简单的优化就可以显著地减小下载的大小, 而又不破坏网站的品质.

这里是一些帮助你加快 web 图像载入速度的技巧.

裁剪掉多余的白色区域

有时候你的图像周围会留下空白区域, 用来避免它与文字或其他页面元素靠在一起. 作为替代, 裁剪掉空白, 然后使用 CSS 来创建图像周围的边距.

选用最佳的文件格式

对于包含简单平面插图或绘画的图像, 选用 8-bit PNG 或 GIF 格式并减少调色板中的颜色数目. 一些图像处理软件如 PhotoShop 允许你为 web 应用保存图像, 同时可以微调图像设置. 通过把调色板从 256 色改为 32 色, 你可以极大地减小文件尺寸. 图像的颜色数越少, 文件越小.

对于细节和色彩丰富的绘画或照片, 通常使用 JPG 和 24-bit PNG, 因为它们有更大的调色板. 24-bit PNG 在提供更优图像品质的同时, 有着更大的文件尺寸. 在允许的时候, 尽量使用 JPG 并调整品质设置, 以便在可以忍受的图像品质范围内获得更高的压缩比.

作为对照, 这里是上面那幅图像在不同格式下的文件大小:

• JPG, 品质: 60 – 32K
• PNG-8, 256 色- 37K
• GIF, 256 色- 42K
• PNG-24 – 146K

同时 JPG 还有一个叫做”渐进(Progressive)”模式的设置. 这个选项会添加若干低分辨率的图像副本, 以便能让图像尽快地以逐步清晰的方式显示在屏幕上. 但它会增加图像文件的大小.

PNG 也有一个叫做”逐行(Interlaced)”的类似选项. 你可以关掉这个选项以便让完整的图像下载得更快些.

8-bit PNG 和 GIF 格式能提供更小的文件尺寸, 所以在为你的网站制作图像和插画时请牢记这些. 尝试把颜色数控制在最少, 并使用平面图像代替照片. 这样你可以创建只需要 16 色调色板的图像, 让文件的尺寸保持最小并能被快速下载.

附加资源:

• 如何使用 Adobe 的为 Web 保存
• 如何优化照片

© 我想网 Akon 所有 , 2009. | 永久链接 | 2 条评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh

精简CSS的办法是把具有相同属性的元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。

格式化CSS一般就是多行模式或单行模式的选择，但我个人比较多行模式 ，因为这样维护起来很方便 ；除此之外，它还会将您在样式中的注释部分全部去掉

下面是一些在线的CSS优化工具，能让你方便的对CSS文件进行各种优化处理。

1. Online CSS Optimizer /在线CSS优化

该在线工具用于精简和压缩样式表的文件大小，优化后的代码将完全是混乱的，支持输入URL，提交文件和直接输入进行压缩。

2. CSS Compressor/CSS压缩

作用同上，但这个工具拥有非常详细的压缩选项，它包含基本模式和高级模式。

在基本模式下, 你可以选择压缩模式: 轻度，标准和高度。最高模式压缩后的文件最小，但同时可读性也就最低，甚至压缩后就出问题也可能，以此类推。还可以选择CSS注释代码的处理: 不处理注释，清除所有注释或限定注释字符数。

在高级模式下，还可以对空白，Tab，新行等等进行选择处理。

3. CleanCSS / CSS格式化和优化工具

基于 CssTidy 的一款在线CSS优化工具，既可以格式化CSS代码，也可以优化CSS减少CSS文件大小，包含非常详细的选项设置。比如选择器和属性的排序，大小写转换等等。

4. CSS Analyzer / CSS有效性分析工具

检查样式表的有效性，验证样式表是否符合 W3c 标准，同时进行颜色对比测试和确保尺寸的单位(W3C的Guideline 3.4 建议使用相对而非绝对单位，虽然px是相对单位，但是最终的字体大小却取决于输出介质，所以建议是使用百分比和em等尺寸单位。)

5. Format CSS Online /在线CSS格式化工具

这是一个专门用于格式化CSS样式表文件的在线工具，讨论该使用”多行模式”还是”单行模式”或其它模式是没什么意义的，不如大家就按自己的模式去做，在协作的时候用工具重新格式化成自己喜欢的模式就好了。

6. Tabifier

非常简单的格式化工具，通过增加代码的缩进来让代码更具可读性。

7. Pretty Printer

一款多用途代码优化工具，提供多种选项，除 CSS 外，还支持 PHP，Java，C++，C，Perl，JavaScript 等多种语言。

8. Styleneat

简单易用的CSS格式化工具，虽然选项不多，但还是蛮实用的，支持直接输入，上传文件和输入URL。

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

Feed enhanced by Better Feed from Ozh