2、我现在越来越不满足现有的知识体系了，前端、SEO、UCD、电子商务，这些都充满了我的大脑，我要的就是这样的激情，比规规矩矩看书更好的是我每天都阅读Greader里面1500+的源，无时无刻不在考虑不同的SEO方法产生的不同的效果，浏览器的样式差异，内容编写对阅读者心理的影响，商品陈列和商品搜索对转化率的影响。做一个好的专业人员，绝不能满足于专业知识的学习，专业更在于你对技术的一种关于美的看法。你会说这样学习到的知识可能过于零散，我觉得这只是量的积累。我希望我可以成为一个专业人员，而不只是一个会写代码的民工。

3、喜欢Sparklehorse是因为喜欢Mark Linkous的一句话“我想作一匹马,充满永不蔓延的火焰。”全钢印的外壳，全金属的心好了。

4、天越来越冷，冬天越来越冷。我不是变得懒了，懒得不愿更新博客了，而是在这个过程里我发现没必要把一些无关痛痒的知识写出来，你必须提出问题来。未完成，呃，是啊，还未完成。。。。。。

5、冰冰的青梅子酒真好，凉凉地滑进心里……

《精通CSS+DIV》学习笔记:http://www.douban.com/subject/2181438/

CSS基础知识篇

第1章、CSS初步体验

1、行内样式表的优先级最高，其次是采用<link>标记的链接式，再次是位于<style></style>之间的内嵌式，最后才是@import的导入式样式表。link和style的优先级是一样的,取决于谁在前谁在后，还要考虑优先级加权的情况。笼统的说link和style的优先级谁高谁低是错误的。

2、滤镜渐变filter只在IE浏览器下有效，并且在IE7中必须将安全级别设置成Medium.

第2章、CSS的基本语法

2、标记选择器、类别选择器、ID选择器。声明包含属性和值两部分。

3、在没有定义选择器的时候，各个HTML标记采用浏览器自身默认的显示方式。

4、类别选择器还有一种更直观的使用方法：直接在标记声明后接类别名称，以此来区别该标记。类别名称中包含标记和选择器。

5、在HTML标记中，还可以同时给一个标记运用多个class类别选择器，从而将两个类别的样式风格同时运用到一个标记中。

6、ID选择器的使用基本和类别选择器相似，不同之处在于ID选择器只能在HTML页面中使用一次，因此针对性更强。一个id最多只能赋予一个HTML标记。

7、集体声明、嵌套声明。类别选择器和ID选择器都可以进行嵌套。还可以多层嵌套。

8、子标记会继承父标记的所有样式风格，并可以在父标记样式风格的基础上再产生新的样式。

第3章、用CSS设置丰富的文字效果

9、通常文章正文中使用的是易读性较强的serif字体，用户长时间阅读下不容易疲劳。而标题和表格则采用较醒目的sans-serif字体，他们需要显著和醒目，但不必长时间盯着这些文字来阅读。WEB设计及浏览器设置中也是推荐遵循此原则。

10、绝对单位及其含义

11、除了利用物理单位设定文字的绝对大小的方法，css还提供了一些绝对大小的关键字作为font-size的值，总共7个：xx-small,x-small,small,medium,large,x-large,xx-large.绝对大小在不同的显示器中显示效果有差异，因此不推荐使用。

12、px显示大小与显示器的大小及其分辨率有关。采用“%”或者“em”都是相对父标记而言的，如果没有设定父标记的字体大小，则相对于浏览器的默认值。

13、文字效果可以同时赋值，只需用空格隔开即可。

第4章、用CSS设置图片效果

当vertical-align的值为bottom或者sub时，IE与Firefox的显示效果是不一样的，所以建议尽量少使用浏览器显示效果不一样的属性值。

第5章、用CSS设置网页中的背景

竖排版语句“writing-mode:tb-rl”只有IE浏览器才支持，firefox浏览器并不支持该CSS属性。

第6章、用CSS设置表格与表单的样式

1、<table>标记中的summary属性值用于概括整个表格的内容，在用浏览器浏览页面时，它的效果是不可见的，但对搜索引擎等则十分重要。

2、在HTML页面中构建表格框架时应该尽量遵循表格的标准标记，养成良好的编写习惯，并适当的利用tab、空格和空行来提高代码的可读性，从而降低后期的维护成本。

3、通过CSS中定义奇数行和偶数行的样式设置，增加易读性，主要配合服务器的动态生成。

4、各个浏览器的显示差异主要是显示器的默认值不同导致的，通常的解决办法是制定该值。

第7章、用CSS设置页面和浏览器的元素

当前激活状态“a:active”一般显示的情况非常少，因此很少使用。

第8章、用CSS制作实用的菜单

1、IE对list-style-type的很多属性支持不是很理想

2、“display：block”语句可以将超链接设置成块元素。

第9章、CSS滤镜的应用

CSS+DIV美化和布局篇

第10章、理解CSS定位与DIV布局

1、<div>标记在HTML3.0时代就已出现，但并不常用，<span>标记在HTML4.0时才被引进。<div>和<span>的作用都是独立出各个区块。区别在于，<div>是一个块级（block-level）元素，它包围的元素会自动换行。而<span>仅仅是一个行内元素（inline elements），在它的前后不会换行。<span>没有结构上的意义，纯粹是应用样式，当其他行内元素都不合适的时候，就可以使用<span>元素。此外，<span>可以包含在<div>标记中，成为他的子元素，而翻过来则不行。

2、一个盒子模型由content（内容）、border（边框）、padding（间隙）和margin（间隔）4个部分组成。

3、在浏览器中，width和height的值都指的是width+padding或者height+padding的值。

4、Border的groove、insert、outset和ridge这几个值，IE都支持得不够理想。IE不对border的背景上色，而firefox的作用域为content+padding+border。

5、Padding用于控制content与border之间的距离。Margin指的是元素与元素之间的距离、块与块之间的距离。

6、在css中可以用过设置块元素的clear属性清除对float的影响。

第11章、CSS+div布局方法剖析

第12章、CSS+div美化与布局实战

1、文档类型声明用来说明文件使用的xHTML或者HTML是什么版本，分过渡型、严格型、框架型。这句代码能够使得IE浏览器能更加正确地解析CSS语法。

2、　<script language=”javascript”>

var number = new Date().getSeconds() % 3 + 1;   //随机数，从1到3

//随机选择CSS外部文件

document.write(‘<link href=”0′ + number.toString() + ’/0′ + number.toString() + ’.css” rel=”stylesheet” type=”text/css”>’);

</script>

这段代码产生随机数，从而在刷新页面的时候调用不同的外部样式文件。

CSS混合应用技术篇

第13章、CSS与JavaScript的综合应用

第14章、CSS与XML的综合应用

1、XML文件中的</br>标记，在HTML中它表示换行，在XML中仅是一个空标记，没有任何意义。当将它的display属性设置为block块时，则可以起到换行的效果。

2、XML的数据默认都不是块元素，而是行内元素。所以在XML中有时需要将各个行都设置为块，数据排列就会清晰很多。

3、Firefox等一些浏览器并不支持XML文件中行内元素的width属性，也不支持CSS常用的属性覆盖方法，因此显示效果并不是很理想。

第15章、CSS与Ajax的综合应用

ajax不是单一的技术，而是4种技术的集合。Javascript、CSS、DOM、XMLHttpRequest对象。Javascript像胶水一样将各个部分粘合在一起，定义应用的工作流和业务逻辑。

通过使用Javascript操作DOM来改变和刷新用户界面，不断地重绘和重新组织显示给用户的数据，并且处理用户基于鼠标和键盘的交互。

CSS为应用提供了统一的外观，并且为以编程方式操作DOM提供了强大的途径。在Ajax中，CSS仍然是不可缺少的美术大师。

XMLHttpRequest对象则用来与服务器进行异步通信，在用户工作时提交用户的请求并获取最新的数据。

Ajax的核心是Javascript对象XMLHttpRequest。

综合案例篇

第16章、我的博客

第17章、小型工作室网站

第18章、企业网站

第19章、网上购物网站

第20章、旅游网站

写一下我博客中用到的网页防止垃圾邮件小技巧两则，也许火星了，小技巧分享出来更新一下博客。

以前总是不明白为什么有人不好好写自己的邮件地址，反而要把@替换成[at]或者#等，后来才明白，这是为了防止自己的邮箱收到垃圾短信的骚扰。

1、css属性定义邮件地址

css中有个属性是direction unicode-bidi。可以通过定义这个属性的取值达到防止垃圾邮件的目的。比如我的邮件的写法是

<span style="unicode-bidi:bidi-override; direction: rtl">moc.liamG@olimylliS</span>

2、JS防止垃圾邮件

这个方法使用reCAPTCHA（http://recaptcha.net/已经被Google收购了）提供的一段JS代码，加密你的邮件，从而防止垃圾邮件。注册地址是https://admin.recaptcha.net/accounts/login/?next=/recaptcha/createsite/

如果是在首页的话，为了减少JS的加载量，第一种方法是个不错的选择。

2009年10月2日update：在http://wordzine.cn/archives/195看到一篇名为《使用 WordPress 的 antispambot 加密邮箱地址》，补上来。

下面我整理了一些Google Reader”send to”的分享列表，同时分享在wordpress中使用Google Reader “Send To” 的方法。

在wordpress中可以通过press-this.php分享Google Reader中的条目，网址如下（将domain.com替换成你的域名）

http://domain.com/wp-admin/press-this.php?u=${url}&t=${title}&s=${source}&v=2

具体在Google Reader的Manage subscriptions中添加设置如下图所示：

如果你的博客没有favicon.ico的话，那就用wordpress官方的吧：http://s.wordpress.org/favicon.ico?3

Google Reader”send to”使用集锦

推荐到豆瓣：

http://www.douban.com/recommend/?url=${url}&title=${title}

推荐到豆瓣九点：

http://9.douban.com/recommend/?url=${url}&title=${title}

推荐到鲜果：

http://re.xianguo.com/logon.php?rurl=${url}&title=${title}

推荐到hellotxt
http://hellotxt.com/?status=Currently reading ${title} ${short-url}

http://hellotxt.com//favicon.ico

推荐到EverNote

http://www.evernote.com/clip.action?url=${url}&title=${title}

https://www.evernote.com/about/img/favicon.ico

推荐到Twitter
https://twitter.com/home?status=Currently reading ${title} ${short-url}

https://s3.amazonaws.com/twitter_production/a/1250103249/images/favicon.ico

推荐到FriendFeed

http://friendfeed.com/?title=${title}&link=${url}

http://friendfeed.com/static/images/icons/internal.png

推荐到Diigo

http://www.diigo.com/post?url=${url}&title=${title}

http://resources.diigo.com/images/avatar/group/diigo-feature-requests-community_48.jpg

存为PDF：
Name：Save to PDF
URL：http://savepageaspdf.pdfonline.com/pdfonline/pdfonline.asp?cURL=${url}
Icon URL：http://www.adobe.com/lib/com.adobe/template/icon/pdf.gif

backtweets
Name: Conversations
URL: http://backtweets.com/search?q=${url}
Icon URL: http://backtweets.com/favicon.ico

发送全文邮件：

Name：Web to mail
URL：mailto:www@web2mail.com?subject=${url}
Icon URL：http://mail.google.com/favicon.ico

一键分享到多个社会化站点：
Name：Share this
URL：http://addthis.com/bookmark.php?v=250&url=${url}&title=${title}
Icon URL：http://shareicons.com/favicon.ico
或者：

Name：Add to any
URL：http://www.addtoany.com/share_save?linkurl=${url}&linkname=${title}
Icon URL：http://www.addtoany.com/favicon.ico

跟踪相关言论：
Name：看看大家说什么
URL：http://backtweets.com/search?q=${url}
Icon URL：http://backtweets.com/favicon.ico

Send to Instapaper

https://www.instapaper.com/api/add?url=${url}&title=${title}&username=USERNAME&password=PASSWORD

保存到Google Bookmarks：
Name：保存到Google Bookmarks
URL：http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=${url}&title=${title}
Icon URL：http://www.google.com/favicon.ico

自动翻译
Name: Autotranslate
URL: http://translate.google.com/translate?u=${url}
Icon URL: http://translate.google.com/favicon.ico
Name: 日翻中（其他语言以此类推）
URL: http://translate.google.com/translate?u=${url}&sl=ja&tl=zh-CN&hl=en&ie=UTF-8
Icon URL: http://translate.google.com/favicon.ico

Name: Google Blog Search
URL: http://blogsearch.google.com/blogsearch?q=${url}
Icon URL: http://translate.google.com/favicon.ico

Name: 人人网
URL: http://share.renren.com/share/buttonshare.do?link=${url}&title=${title}
Icon URL: http://s.xnimg.cn/favicon.ico

Name: DZone
URL: http://www.dzone.com/links/add.html?description=${source}&url=${url}&title=${title}
Icon URL: http://www.dzone.com/misc/favicon.ico

社会化服务博客分享代码：

1、分享到 Twitter

<a href="http://twitter.com/home?status=<?php echo urlencode($post->post_title); ?> <?php echo urlencode(get_permalink($post->id)) ?>" title="分享到 Twitter!" target="_blank" rel="nofollow"><img src="https://www.google.com/s2/favicons?domain_url=http://twitter.com/" alt="分享到 Twitter" />share in Twitter</a>

2、分享到 Google Reader

<a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain='http://www.google.com';if(b&&!document.xmlVersion){void(z=document.createElement('script'));void(z.src='http://www.google.com/reader/ui/link-bookmarklet.js');void(b.appendChild(z));}else{}" title="分享到 Google Reader!" rel="nofollow"><img src="https://www.google.com/reader/ui/favicon.ico" alt="分享到 Google Reader" />share in Google Reader</a>

3、分享到 FriendFeed

<a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('src','http://friendfeed.com/share/bookmarklet/javascript');document.body.appendChild(e)})())" title="分享到 FriendFeed!" rel="nofollow"><img src="https://www.google.com/s2/favicons?domain_url=http://friendfeed.com/" alt="分享到FriendFeed" />share in FriendFeed</a>

4、分享到 Facebook

<a href="https://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="blank" rel="nofollow"><img src="https://www.google.com/s2/favicons?domain_url=http://www.facebook.com/" alt="分享到 Facebook" />share in Facebook</a>

5、分享到 Douban

<a href="http://www.douban.com/recommend/?url=<?php the_permalink();?>&title=<?php the_title(); ?>&v=1&n=1" target="blank" rel="nofollow"><img src="https://www.google.com/s2/favicons?domain_url=http://www.douban.com" alt="分享到 Douban" />share in Douban</a>

年初，在Google中文管理员博客就发布了解决的办法,搜索引擎通过对这个标签标识唯一内容.，即使用<link rel=”canonical” href=”" />标签属性。

在wordpress中，解决重复内容的方法很简单，把下面这段代码加到你的主题的 function.php文件即可：

//Canonical links for comments
function canonical_for_comments() {
global $cpage, $post;
 if ( $cpage > 1 ) :
echo "\n";
echo "<link rel='canonical' href='";
echo get_permalink( $post->ID );
echo "' />\n";
endif; }
add_action( 'wp_head', 'canonical_for_comments' );

在页面标记中，h1、h2、h3 、strong 作用由高到低为：h1 > h2 > h3 > strong。 使用这四个标签的内容应该简洁明了。

h1标记是网页不可缺少的一个元素，每个网页中的H1标签是唯一的（在wordpress中最常见的错误是首页的每个文章标题都用了h1标签），通常用在页面最重要的标题上，为了SEO，h1标签的元素内容还应该包含页面的目标关键字。对于 网站的每个页面，包含的内容不同，h1标签元素的内容也应该不同。使用H1标签的元素不应该加链接——如果要加的话也是链向它自己。

h2标记一般用于页面的栏目标题，在wordpress中也有用作文章标题的，我个人比较倾向于将h2标记用于侧边的栏目标题，后来在看点石互动的博客的时候，发现他们的博客也是将h2标记用在侧边栏的栏目标题上的。但是需要注意的是页 面的h2标记数也不可过多，过多的标记会导致两种结果，一种是分散了页面内容的权重，另一个结果是会被搜索引擎认为你在作弊，除非你是老站，这一点需要注意。

h3次于h2，在页面中也占相当的权重，我一般将h3用在首页和存档页的文章标题上。

在wordpress theme通常中通常有两类网页，一类是文章页（listpage），包括首页（index）、专栏页面（author）、tag标签归档页（tag archive）、归档页（archive）、搜索结果页（search）。另一类是单页（Singlepage），包括 单页面（single）、页面（page）、404错误页（404）。

这两种页面的权重分配通常是：1、文章页（listpage）给博客的标题或者描述h1的权重，给文章标题h2或者h3等更低的权重。2、单页（Singlepage）博客标题和博客描述没有权重，给单页文章标题h1的权重，标题后面的内容给h2或者 h3等更低的权重。

为实现这种标记权重的分配，可以通过以下两种方法实现：

第一种方法（一个国外博客所建议的）：

在header.php文件中添加

<?php
if (is_home()) echo '<h1>'; else echo '<p class="description">';
if (current_user_can('level_10')) echo '<a href="'.get_settings('siteurl').'/wp-admin/">';
else echo '<a href="'.get_settings('siteurl').'/">';
bloginfo('description');
if (is_home()) echo '</a></h1>'; else echo '</a></p>';
?>

在single.php和page.php的代码h1标记部分类似这样

<h1><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>

这段代码可以判断如果在主页(home)则输出<h1>的权重，否则只输出<p>的描述。

这种方法可能更好，我的实现方法和这个方法稍有差别。

第二种方法：

博客的logo描述，一般文字会比图片的logo更容易优化，这也是很多博客采用文字标题的原因。当然我们可以通过对css样式修改来优化图片logo，具体的方法在《wordpress博客优化12条》http://bewho.us/12-wordpress-seo-tips中提到了 ，这里仅仅是优化图片logo的代码：

首先，创建文字链接：

<div>
<a href="<?php echo get_settings('home'); ?>/" title="<?php bloginfo('name'); ?>">logo</a>
</div>

接着，对此链接设定样式：

#logo a{display:block;height:50px;width:100px;background-image:url(logo.gif);
background-repeat:no-repeat;text-indent:-1000em;}

OK，图片logo的优化完成了。

我们回到正题，如何分配页面权重给不同的页面呢？

在上面的代码中你会发现我用了一个div标签，在博客文章页（listpage）我们会想让div的标记为h1，而在单页（Singlepage）又会保持这样的状态。我的代码如下：

利用wordpress的一个判断函数在header.php文件中添加代码

<?php /* Lists */ if (is_home() || is_author() || is_tag() || is_archive() || is_search()) { ?>
<?php include('templates/header1.php'); ?>
<?php } ?>
<?php /* Pages */ if (is_page() || is_single() || is_404()) { ?>
<?php include('templates/header2.php'); ?>
<?php } ?>

在wordpress theme目录下新建一个名为templates的文件夹（tip：你可以把一些影响博客速度的东西链到这个文件夹里，这样会改善速度的），在文件夹中分别新建需要判断的header1.php和header2.php文件。

到此代码就结束了，这段代码可以判断不同的条件下调用不同的头部文件，从而实现对不同的页面进行优化的目的。

但是还有一个问题，如果页面的导航在顶部的话，这样的代码会不会影响到导航的优化呢，不得而知，还希望有高手指点一下。

现在在Google中搜索link:bewho.us的收录为零。但是site:bewho.us貌似没变化，搜索我的博客名和域名bewho.us也还能搜索到，Google网站管理员工具中的内链和外链的数量看上去没有大幅的变化，所以目前看上去不是搜索引擎惩罚。

那有没有可能是google搜索引擎的算法改变了呢？我看了一些其他人的博客，看上去不像是算法改变。

博客的沙盒期？可是太不靠谱了，早不早，晚不晚的。

所以问题又回到了我这里，我要交代一下自己的“罪行”：

1、最近对博客的界面重新写了一下，这期间更改了首页和单页的h1,h2,h3的权重。

2、在单页增加了根据tag判断的相关日志显示。

3、在2009年7月20日启用了一个优化评论显示的插件。

我相信以上者几点还不算搜索引擎优化过度。我的博客内容全部为原创，没有卖链接，没有做广告，也没有搞搜索引擎作弊。因为博客界面的表现越来越捉襟见肘，于是重写了界面，顺便调整了一些h1、h2、h3的页面权重，属于正常的优化。

于是我先去谷歌网站管理员支持论坛http://http://g.cn/luntan/zhanzhang咨询，那里看上去太冷清了，在那里我发了一个问题查询http://www.google.com/support/forum/p/webmasters/thread?tid=6f289417ab6ee955&hl=zh-CN。

然后在https://www.google.com/webmasters/tools/reconsideration?hl=zh_CN页面重新提交了一下网站审核请求。

为了放心，在http://www.google.com/addurl/?hl=zh_CN又将博客提交了一遍。（属于病急乱投医的举动）

到此为止，静观其变。

update:7月27日早上，PR回来了，回到了原来的3，反向链接恢复了一些，缓存全部没了。历时7天，估计是进了沙盒了。

1、优化从头开始，就是对logo的优化，logo也是SEO的一个关键元素，虽然文字logo比图片logo更利于搜索引擎优化，但是可以通过对背景 Logo 结合隐藏文字链接的方法优化。

首先，创建文字链接：

<div id="logo">
<a href="<?php echo get_settings('home'); ?>/" title="<?php bloginfo('name'); ?>">logo</a>
</div>

接着，对此链接设定样式：

#logo a{display:block;height:50px;width:100px;background-image:url(logo.gif);
        background-repeat:no-repeat;text-indent:-1000em;}

2、布局的语义化。搜索引擎并不能像访客那样很直观的去查看网页，它只能通过分析页面内的标记语言来理解网站的内容，所以，尽量简单、明了、规范的语义化网页是优化的一个很重要的手段。关于语义化一些知识可以看虫下米的这篇文章http://www.g9net.com/2009/06/28/related-to-the-semantic-web-front-end-of.html。除了这篇文章所指出的优化之外，要注意在优化的过程中页面标记内的关键词数量，通常页面中h1拥有最高的权值，在一个页面中最好指使用1个h1来突出你的内容，太多的h1会分散其整个页面的权重，对搜索引擎也是非常的不友好。搜索引擎对页面标记的检查也是从h1、h2、h3……这样检查的，所以丰富h1和h2标记内的关键词很管用。

3、页面的标准化。对用户来说，网站标准就是最佳体验。

4、使用Sitemap和robots.txt。使用插件Google XML Sitemaps(http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/)

5、和第2条所指出的一样，注释网页内的图片（增加描述），对图片的尺寸加宽高的描述都是很必要的优化。

6、良好的用户体验和界面设计。这些是很细小的技巧，是对设计的把握和访客心理的揣测。很重要。

7、固定链接。在优化方面，推荐将固定链接设置为/%postname%/格式，因为搜索引擎对固定链接的权重www.domain.com比domain.com高，domain.com比domain.com/xxx/高，domain.com/xxx.htm高。

8、丰富的内部链接和外部链接。内部链接是搜索引擎蜘蛛爬页面的一个很重要的部分，应尽量使用文字链接，尽量不使用JS内的链接。好的内部链接可以整体提升站内搜索引擎的排名。有价值的外部链接对搜索引擎的排名也很重要，在寻找搜索引擎权重较高的外部链接的同时也要注意两点：一是在内容中对外部链接的引用，这个也很管用，二是注意不要链接禁止搜索引擎跟踪的链接。我曾经在3个月通过内部链接加外部链接把一个博客优化到了PR 6。

个人觉得对外部链接的优化虽然很有效，但是慎用，如果你的博客仅仅为了搜索引擎的排名而链了一大堆你都不甚沟通的博客的话，我觉得没什么必要，也没什么价值。做好内容是正道。

9、分析博客的流量数据。我是通过Google Analytics分析的，Google Analytics很强大，我通过对页面的内容、关键部分点击、关键字、页面浏览来做优化，这部分我觉得需要去掉页面中那些无关紧要的鸡肋。网站优化也是减法的艺术，去除掉多余的无关紧要的部分，访客的浏览中心就会越靠近你想表现的内容。同时由于博客的特殊化，应该注意到数据分析仅仅是作为到分析和引用的作用，有时数据不一定是很准确的，页面的其他部分等其他因素也会影响到数据的准确。

10、在wordpress中使用SEO插件。这篇文章推荐了20款WordPress SEO的插件http://www.mangguo.org/20-best-wordpress-seo-plugin/。

11、使用优化网页速度的插件。越小的页面，对搜索引擎的优化更好，在wordpress上可以通过gzip对页面及页面的组件进行压缩，除此之外，我的博客一直在用的4个插件，使用方便，对程序的兼容性和稳定性较好，占用服务器资源较少，推荐一下，Use Google Libraries插件（http://wordpress.org/extend/plugins/use-google-libraries/）可以在加载页面Ajax和JS时使用Google Libraries，GZippy 插件（http://wordpress.org/extend/plugins/gzippy/）是利用GZip的压缩功能提高访问速度的，WP Widget Cache插件（http://wordpress.org/extend/plugins/wp-widget-cache/）可以减少侧边栏sidebar 的数据库查询，DB Cache插件（http://wordpress.org/extend/plugins/db-cache/）可以缓存数据库来提速。

12、使用雅虎的Yslow和Google Page Speed并根据相关建议优化你的博客。针对优化的效果,可以使用这个小工具看一看http://www.ranknow.cn/。

PS:像第3条中指出的,页面的标准化对博客的优化很有作用，我的博客现在还是有很多地方没通过W3c的标准，谁可以推荐给我一个好的W3C网页标准化的教程呢？(已解决：http://www.life-studio.cn/w3c-standards.html)

语言表达有时会很苍白，真不如看图说话来得直接。话说至此，我也搭建了一个，请大家猛击围观。

配置asaph_config.class.php时注意public static $domain = ‘xxx.domain.com’;和 public static $absolutePath = ‘/asaph/’;须配置准确.

最近几日看得很多，写的少。只是上线了一个阅读页面，聚合了一些我所关注的内容，喜欢的朋友们可以到http://bewho.us/reader/浏览。

前几日收拾了http://bewho.mp、twitter和Google Reader，才心里暗暗惊道，是我太愚笨，WEB时代早已来临，尤其是基于SNS平台的TMT产业的不断繁荣，个人与WEB的交互越来越多，越来越丰富的群落文化甚至在互联网上成立了各种势力。着实吃惊一番。

我是个很懒散的人，喜欢尝试各种新的网络服务，但大多都是“注册”然后“随便逛逛”而已，浪迹于许多名博和SNS社区之间，慢慢地发掘一些较好的互联网应用，也学习了很多。下面写一写我的互联网“狡兔三窟”。

1、豆瓣网（http://douban.com）。每天看得最多的就是这个社区，每天打开先看看提醒，豆邮，然后是到自己的小组和关注的小组去浏览小组话题。每次听歌前或者听歌后都先去豆瓣找找用户的评论，避免看一些浪费时间的电影或听自己不感兴趣的声音。更多我对豆瓣的看法，可以浏览有人说豆瓣就是个淫窝和城市豆瓣的未来？中米拉之落的发言。我的豆瓣地址是http://www.douban.com/people/digglog/，我的豆瓣小组是http://www.douban.com/group/bewho/，欢迎大家加入，互相吹捧。

2、博客（Blog）和订阅（Feed）。我个人的博客是http://bewho.us,名字叫微物之神，英文翻译是The god of small things，来自印度作家Arundhati Roy的小说《The god of small things》，我很喜欢这个名字的含义。博客域名的含义是Be who?Us!这是一个很古老的哲学命题了。另外我还有近10个微博客散落在互联网的角落里，其中我用得最多的是Twitter和饭否。我的饭否也可以通过http://gulu.bewho.us访问，我的twitter可以在我的博客侧边栏看到。我的博客的订阅地址是http://feed.feedsky.com/bewho，欢迎大家订阅。

3、内容聚合（RSS）和微内容聚合（Microcontent）。很多细小的数据，比如Blog中的一篇网志；豆瓣上的一则影评；Wiki中的一个条目的修改，Flickr中的一张照片；Del.icio.us中散落的书签和书签聚合；积土成山的互联网中要获取有价值的信息必须通过聚合这些细小的条目。于是可以实现聚合的web服务也就出现了，比如Google Reader，比如chi.mp等等，我目前所用的聚合的服务有2个，bewho.mp是我申请的一个社会化网络聚合服务的站点，部分功能和FriendFeed的LifeStream服务有类似的效果，但是功能更全面，涉及到很多有特色的网络服务的聚合。Google Reader是我用的RSS订阅的在线阅读器，我的共享项目是http://www.google.com/reader/shared/14913865499436306982。

我还在尝试发掘其他更有趣的网络服务，然后在这里更新。如果你喜欢这篇文章或者想了解相关资讯，就马上收藏或者订阅吧！

页面在这里：http://bewho.us/microblog，考虑到网址比较长，我做了个URL转向，用http://gulu.bewho.us，“gulu”就是“咕噜”的意思，记下一些转瞬即逝的想法，或者一些Doing&Done.

饭否JS调用代码下载地址是http://bit.ly/fanfou。

“那些抓也抓不住的，才是最真实的。”