对于SEO来说，除了需要通过各种手段来实现网站的流量增长之外，我们也需要面对一个严峻的问题：流量下跌后，怎么办？这个时候，我们就需要分析流量下跌的原因，同时提出解决方案。这篇文章，我跟大家简单讨论下，如何做好搜索引擎流量下跌后的分析诊断过程。

（点击在新窗口中查看大图）

文章不需要太多的文字，下面的文字我只对一些重点部分简单描述下。

可能有做SEO的朋友会有这样的体会：网站流量下降了，别人都会来找你问原因，可是找来找去都找不到源头——重点关键词排名还在啊，收录量没有减少啊…难道网站被降权了？在这个时候，你需要确认第一步，是否确定是搜索流量下跌了？在以前的经历中，我发现确实有朋友太敏感，明明不是搜索引擎流量异常，也折腾个半天。第一步最重要：确认是搜索流量下跌，然后才可以继续下续的诊断。

相信大部分朋友都有自己的网站或者在为别的网站进行网络营销工作，但是不少人都有这样的困惑，我到底该如何制定我的网络营销策略？很多人直接选择了SEO，因为它可以带来免费的流量。可是它真的是你最迫切需要的吗？

业界经常有哪个网络营销策略最有效的争论，那么答案是什么呢？ 答案是每个网站都说不同的，每个网站都有自己不同的目标，不同的客户群。 最重要的了解你的潜力客户想要什么，他们的上网习惯是什么，同时你也要知道你的网站在什么阶段，有什么样的能力。只要你深入了解了你的客户和自己，相信你就能轻松的制定出不同阶段的不同的策略。

单行一列
以下是引用片段：
body { margin: 0px; padding: 0px; text-align: center; } 
#content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } 
...

CSS命名规范

一．文件命名规范

全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；

二．常用类/ID命名规范

...

一些关于CSS选择器性能的讨论引起了我的兴趣。

第一个是Shaun Inman写的《合格的CSS选择器（CSS Qualified Selectors）》，实际上这篇博文并没有提到CSS性能，不过有一个来自David Hyatt(Safari 和 WebKit 的架构师,同时为 Mozilla, Camino, Firefox 工作)的评论：

准备去应聘一个网页设计的职位。看起来应该去复习一下xHtml（CSS应该不需要多复习吧-_-!!），不过，先来一些CSS 3.0的知识吧。怎么说呢？CSS 3已经非常强大了，圆角+resize则是我喜欢的。

1. 基本的xhtml标记

在开始这个教程之前，让我们来做点xHtml标记，我们需要的几个DIV来完成效果的显示，如下：

#round, 这个显示CSS 3圆角
#indie, 单个角的显示
...

变量 （variables）
重复使用的值可以定义成变量的形式，方便更改哈
例子如下：

#header {  color: #4D926F;}h2 {  color: #4D926F;}

@brand_color: #4D926F;#header {  color: @brand_color;}h2 {  color: @brand_color;...

五、jQuery & CSS　智能栏

　　上面的修复方法解决了高度变换的div的问题。但对于想使用相等高度的布局来说，这未必是一个好的办法，Soh Tanaka 在他的 SohTanaka.com 网站上提供了一个jQuery脚本和一个智能的css使流动布局的栏能很漂亮的折叠和扩展，查看演示页Smart Columns w/ CSS & jQuery

　　jQuery & css智能栏是什么?

　　智能栏是一个脚本，为了得到更好的视觉效果，它改变divs的宽度，并决定在浏览器当前页面尺寸下会呈现多少栏?对于用户调整浏览器也很完美，而不是进入网页时仅仅照顾浏览器的尺寸。

三、 流动布局中的图像

　　在流动布局中开发者最关心的是处理图像和内容，它们需要一定的宽度。大多数情况下，我们希望我们的图像尽可能的大，至少在太小时应防止任何令人尴尬的空白，在固定宽度的布局中，可手动调整，客服这些问题很容易。但是，在流动布局中，图像区域的宽度是不断变化的，这些问题就在此出现了。

　　自动杂志版面设计

　　这个解决方案需要一些聪明的数学知识和PHP，在Harvey Kane 的 Automatic Magazine Layout 文章中有全面的解释(包括数学)和可下载的源代码。标题由图像在杂志中如何呈现来决定：有条理且总是完美对齐。当然，一本杂志版面的设计师都必须经过一定的过程来实现这种效果，包括调整和手动放置。

...