提高网站流量最好的方法是针对搜索引擎进行优化(SEO)。SEO 是一门需要长期研究的学问，随意而为的话网站不可能获得尽可能高的排名，但肆意堆砌关键词又会受到搜索引擎的惩罚。本篇文章仅针对博客浅谈一下搜索引擎优化技巧，SEO 高手可以忽略。

如何定义关键词(Keywords)和页面描述(Description)

页面关键词和描述的作用是为搜索引擎提供相关度的依据，对搜索排名影响非常大。搜索引擎的基本工作原理可以看下图。

GoDaddy除了是全球最大的域名注册商以外，最近正在虚拟主机业务发力，其虚拟主机在用户中口碑也是不错的。Grid主机是GoDaddy正在测试中的一个项目。和其他plans相比，Grid主机的特点是便宜，目前只需要4.99USD/mo（至少买三个月）的价格就可以买到100G空间，1TB流量的主机（Linux和Windows同样价格）。Grid主机目前支持PHP、.net、Perl和Python语言，未来还将支持Ruby和Java等，GoDaddy此款主机目的应该是吸引程序员。

随着微博客的兴起，博客们也出现了搭建个人短网址的热潮。自建短网址程序利于在微博客上传播自己的链接，对自己博客PR的提高也有一定帮助。今天对部分知名的开源短网址程序进行一次简单的评测，方便大家选择。

Phurl

Phurl是Google Code上的一个开源项目，作者专注于网址跳转功能，最大的亮点是服务器不支持Apache mod_rewrite 也可以正常工作，而且支持http、https、ftp、ftps、mailto、news、mms、rtmp、rtmpt和e2dk等协议的缩短，十分强大。有验证码功能，可以防止恶意刷服务器。Phurl的不足之处是后台功能非常简单。

kissabe

kissabe号称是克隆tinyurl的短网址程序，除了缩短网址以外还可以缩短E-mail地址和长TXT文本，甚至可以提供图床功能。这个程序对用户体验十分执着，提供了浏览器书签和Firefox插件，用户不需要访问程序主页就可以缩短当前浏览网址。但美中不足是源代码里的JavaScript脚本有点问题，有技术的人请先修改JavaScript脚本再使用。kissabe3.0版基于joy框架搭建对服务器有一定要求，个人建议使用2.1版本。

Bluehost是美国一个著名的主机商，以稳定性著称，全球有超过100万个网站托管在那里详细的介绍可以看鱼叔的介绍。我使用Bluehost已经有差不多两个月了，从刚开始购入这款主机起我一直断断续续地对我的博客进行优化，使页面的打开速度能得到提升。Bluehost对页面传输的优化比较怪，html文件默认是进行Gzip进行压缩的，但对CSS和JS文件不进行压缩，自己也不可以通过.htaccess文件让mod_deflate对CSS和JS文件进行压缩。今天我们只需要使用mod_rewrite提供的功能就可以实现全站CSS和JS压缩。

NoSay.in 是我昨天刚上线的音乐博客，采用WordPress博客平台搭建。本博客注重用户体验，致力摆脱网络上已有的音乐博客的缺陷，为广大音乐爱好者提供一个舒适的休憩地。
在最近一段时间里，我觉得ImBolo这个博客写的东西还是比较闷的，但在网上又找不到一个自己喜欢的音乐类博客。一天一歌是我比较喜欢的一个音乐博客，可是博主由于工作原因，现在这个博客的周期比女人还长了（1t1g看了勿怪，纯属玩笑）。上网如此无聊，那我就自己做一个音乐博客，分享一下我听的歌吧。
前段时间迷上了虾米这个音乐社交网络，觉得非常过瘾，这使我下了做一个音乐博客的决定，并且自己做了一个插件，用来改善听歌时的体验。
差点忘了，介绍一下这个Logo。

CSS已经成为网页前段设计一个非常重要的部分，由于写CSS时需要考虑的问题非常多，老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架，这篇文章可以给新手们一些启示。

1.简单的纯CSS Tooltip

通过这些代码，你可以做出简单的Tooltip。这是CSS代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

a:hover {
	background:#ffffff; /*要兼容IE6的话必须添加背景色*/
	text-decoration:none;
}
a.tooltip span {
	display:none;
	padding:2px 3px;
	margin-left:8px;
	width:130px;
}
a.tooltip:hover span{
	display:inline;
	position:absolute;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#6c6c6c;
}

随着宽屏显示器的流行，越来越多的网站采用了动态宽度的设计，以求页面在宽屏显示器上保持美观（960px的网页在23寸的显示器上只有半个屏幕的宽度）。动态宽度的框架设计比较复杂，今天只说说和屏幕等宽的导航栏的设计。
等宽导航栏(我不知道这个名称合不合适，知道的朋友指点一下)的设计一般要遵守以下两个要素：
1.导航栏的背景和页面的最大宽度相等；
2.导航的内容的位置在页面主框架以内（导航的内容在主框架以外的话不好看，用户体验也不好）。

Google Analytics（谷歌分析）为我们提供了强大的网站统计功能，其中Custom Reports（自定义报告）功能更是为我们扩展统计功能提供了方便。在这里我们探讨一下通过自定义报告功能跟踪用户行为的方法。
Google Analytics的统计代码分为标准统计和异步统计两种，因此我们分开讨论。先看看两种基本的统计代码：

标准统计

1
2
3
4
5
6
7
8
9

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try{
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._trackPageview();
} catch(err) {}</script>

随着Twitter、新浪微博、嘀咕等社会化微博客的流行，因为大多数微博客都有字数限制，因此互联网上大部分长长的网址在微博客上变得很不适用，一直以来被人冷落的网址缩短服务又火了起来。
大家可以看个例子，我上一篇文章的网址是http://blog.imbolo.com/the-trends-of-navigation-menus-design/，经过bit.ly提供的网址缩短后变成http://bit.ly/8TP4p0，少了多少个字符大家可以自己数数，由此也可见在必须字字珠玑的微博客上短网址是多么的重要。

首先解释一下，Pagespeed是Google宣布将把网站速度纳入PR评估标准后发布的一个基于Firefox Firebug插件的一个网站优化工具，可以自动分析页面内容，并提供非常详细的优化建议。目前属于Webmaster tools里的一个试验性工具，大家可以在Webmaster tools的lab菜单里查看自己网站的速度评估。使用截图如下。

点击Analyze Performance就可以分析当前的页面了。