平野星原的个人博客

今天是2008年的最后一天了。去年的今天我也这样写过。

最近看到网上很多文章总结2008年，不管是世界、国家还是他们自己，很多都是负面多过正面，看来看去不是天灾就是人祸。虽然说今年底没有去年这个时候那么寒冷，但心情比那时郁闷多了。周围很多人也是同样的，郁闷。

而且08年我还失去了一件很重要的东西…

所以2008，有多远就给我滚多远吧，越快越好。

不过虽然这样说，我依然对即将来到的2009年充满希望。因为同样地，就算要面对再多事情，一直以来都不是一个人，一直以来都是开心的时间占多数。

2009年就要到来了。在这最后一天Google的PR值更新了，希望所有人在2009年到来之际也更新改变，朝好的方向变。

希望爸爸妈妈都身体健康。

新年快乐。

我曾经在一家公司工作过，和一位程序员一起负责网站设计制作和维护。接手网站的同时开始学习SEO优化，这期间通过学到的知识，把网站的排名做上了搜索引擎的首页。07年低前开始做，离职后很长一段时间网站并没有更新过，但现在还有很好的排名。不只是主页和主要关键词，很多内页和长尾词都有排名不错，在这里分享一下优化的经验。

网站接手前的状况

首页只有一张大图片和简单的服务介绍，外加两个链接，一个公司介绍，一个新闻；公司介绍部分是全flash的；新闻栏目的网址是动态URL；欣慰的是域名几年钱就注册了，而且注册了很多年。

接手后工作的任务

重新设计网站，提高网站质量和提高网站在搜索引擎的排名。

SEO优化过程

基本SEO优化包括：全部采用CSS+DIV的方式架构网站，力求去除CSS文标题件后内容依然清晰可读；尽量让每一个页面都有不同的标题和description标签；先不改变原有新闻页面的URL，新网站建立一段时间后再慢慢将动态网址改变为静态的；网站结构比较简单，面包屑导航不超过三层。设计上让用户可以容易地从主干页面找到特定的内容，努力把进入内页的点击次数减到最少；链接尽量采用文字链接，也通过CSS技术实现标题全都是文字而前台显示出来的是图片，让设计与SEO互相配合；增加了HTML版本的网站地图，也有XML网站地图文档；每篇新闻每篇博客每个页面，用关键词做内链链接到相关的网页；侧边栏有最新新闻，服务内容和客户列表，根据数据库更新；所有页面都静态输出；当然，在H标签，链接和粗体里面适当的包含关键词。

内容方面通过有规律的更新与主题密切相关的新闻来充实网站。建立一个公司博客，主题是与服务内容相关的知识与案例鉴赏，同样每天更新。主页优化只对准主要关键词，新闻和博客每一篇文章都是围绕与主题相关的长尾关键词。内容一开始很多都是伪原创，后来渐渐减少每天的数量并发表了很多原创内容。

特别的是我把公司信息提交到了google本地商户中心，在地图上标注出公司的地址和介绍内容。曾经很长一段时间搜索“地区加关键词”可以在第一条自己的网站前面再出现公司位置的地图和网站链接。

其他的当然就是持续的外链建设。自己手动建立并持续维护几个相关主题的博客，在各个相关门户网站上各个黄页网站上各个相关论坛上注册留链接，找寻相关网站交换链接之类的等等。

总结

网站建设的时候发现注重用户体验很大程度上就是注重SEO优化；新的优化要循序渐进的进行，这样有利于过度。

最后，觉得最有作用的就是文章内容中间做内链。早期并没有注意到这一点，后来开始优化内链，和同事一起把过去的新闻找出来编辑，添加内链。新文章也坚持在相关关键词添加内链。但不是很多，控制在一个合理的程度。而且不只是链接到主页，某个词另外的文章写过了，就链接过去，使页面、新闻和博客内容都相互链接。内链完善后一段时间，不包含地区的目标关键词就连跳几页地冲到了前十名，超过了很多规模更大的网站。

ZAC前辈几天前参加草根网的访谈活动，和网友交流了很多SEO知识。今天再看一次依然觉得受益很大，包括了很多SEO和网络营销的知识。这里就把内容里的知识要点整理出来，方便学习。括号内是我自己的。

1.更新网站如果换了内容，通常会有影响。建议不要轻易改变网站主题和内容，老内容就算不想要了，留在那里也不碍事。（更新网站最好以前文章的地址也不要修改，慢慢通过301转向到新地址）

2.SEO之于企业的品牌与公关，首先企业特有的关键词，比如公司名，商标名，产品名，口号等，得保证排名在第一。注意网站本书的内容和易用性。凭借大公司的域名权重，适当优化很快就能有效果。再一个是善于运用web2.0，多掀起话题，让网上充满对自己公司，产品的讨论。

3.对一些不太严重的负面新闻，运用seo可以有效解决。但seo对大的负面新闻和有实力的域名也很难挤下去，所以需要在有负面新闻之前就做些文章，把有关公司的关键词排名先占领一些。

4.大型网站的内链策略，首先是良好的易于搜索引擎抓取的导航，尽量扁平化。第二，频道或栏目设置要根据关键词调查来安排。第三，文章页面的内容中要加链接到频道页，和其他相关文章页面。第四，发现热门关键词及时做专题，大量页面链接连到专题页。

5.英文产品站的营销手段至少几十种，如电子邮件营销，联署营销，免费策略，电子书营销，博客营销，资源互换，线下营销等。都用起来不可能，找自己喜欢和擅长的两三种，坚持使用，用到极致，都会有效果。

6.小企业在各种资源很有限的情况下，首选网络营销手段还是seo ，然后强烈建议联署计划。

7.外链建设是创意，不是技术问题。（没有创意那就是体力问题）

8.相信google还没找到合适的方式大规模把用户行为记入排名算法。（不过我觉得随着Google Search Wiki如果可以普及，迟早有一天网民行为会影响排名算法）

9.目前链接还是很重要，相同重要的是域名权重。

10.网站收录骤减后，继续增加的内容如果还是采集的，可能效果不大。

11.尽量tag的关键词不要使用分类的关键词，这样可以减少分类页面和tag页面大量存在重复内容。（对于博客，这点尤其要注意）

12.百度对页面优化因素比较重视，比如title, h1等，但又不能过分，主要是不要在任何地方堆积关键词。

13.对google的观点一直是做大站，对百度，则建议针对不同主关键词，做不同的网站，哪怕站比较小。

14.很少看到一点不作弊却被k的网站，被k的多少都有过分的地方。

15.对于关键词布局，把关键词分三层次，第一层最希望排名上去的主关键词，也就两三个，用首页优化这两三个词。第二层，竞争程度低点的，放在栏目或频道页。第三层，长尾关键词，发表文章时，记得围绕长尾关键词写作。

16.目前建议title里关键词可以出现两次，但没准什么时候关键词出现两次就算优化过度了。（我认为可能性不大，很多网站的title都包含了很多个关键词）

17.单页网站出现关键词次数，对百度比较有效果，因为百度对页面上的内容比较重视。

18.外链也是不可少的，只不过对对百度，独立页面排名可能不需要像google那样需要那么多，但还是得有。

19.在百度里使用二级域名好像很有效，至少目前很有效。

20.邮件营销首先需要琢磨怎么吸引人订阅你的邮件列表，得有好处，最好用的好处就是送东西。

21.需要连续而又不惹人烦地提醒订户你的网站的存在，要有规律。

22.邮件打开率主要是邮件标题，别故弄玄虚，标题朴实点。

23.再一个是个性化，标题“Zac,XXX电子杂志08年圣诞特刊出版了”就比“亲爱的订户，XXX电子杂志08年圣诞特刊出版了”让人信服。

24.关键词觉得句子好，对搜索引擎没区别，对用户有区别。（应该是指title和description标签）

25.landing page得经过针对性的设计，针对特定关键词，或特定offer，或特定论坛来的人，文案就会不同，不同的人喜欢不同的东西，得说到他们心坎上。至于哪个文案，哪个排版，哪个图片，哪个标题，最能提高转化率，靠实验说话，，做a/b实验，或多变量实验。review也是有版权的。可以说任何成形的文字，图片都有版权。

26.内容采集关键不是从哪里采集，关键是是否做了适当的调整，使内容看起来像是原创。

27.二手域名转手时比较隐蔽的话，效果还是不错的，不要一下改whois信息，不要换主机，慢慢改。

28.不带链接的网址在权重高的网站上以文字出现，相信会有好处，但占的比重很小很小。

29.百度的相关搜索应该是根据用户搜索行为统计来的，而不是语义相关性，但绝大部分情况下，这两者高度重合，所以，百度的相关搜索适量出现在网页上有好处。

30.新网站架构一定先规划好，主题是什么，分哪些栏目，栏目和文件命名规则是什么，哪些栏目针对什么关键词，页面的基本优化等都要做好，再开通。开通时至少得有一百页。

31.开通后，网站架构基本就不要动了，只是增加新内容，模板都固定了，页面因素哪些可以优化也就固定了，精力就放在怎样使内容有意思，怎样吸引链接上。

32.英文网站和中文网站优化其实没有什么大的不同，唯一值得提的不同只是英文的词根扩展问题。

33.要开始英文网站的话，最简单的是开个wordpress博客，做好关键词研究，规划好栏目，然后就写内容。去google adwords关键词工具输入主关键词，得到一堆相关关键词，每天挑一个关键词，写一篇文章。

今天发现Google Picasa网络相册推出了新功能：名称标签。不知道是什么时候开始推出的，今天由于Yupoo的网站打不开，把引用了照片的博客都拖慢了，就上来Picasa看看。发现在右边有一个提醒，提示要不要试用名称标签功能。他说开通这个功能后可以“通过将名称标签添加到您 Picasa 网络相册中的照片，您可以根据照片中的人物快速整理和共享照片。 ”

点击“试用”后，就让程序搜集所有相册中的头像。Picasa用绿色的字体提示“正在查找头像…”，下面有一条绿色进度条，并标明已完成百分之多少。而且下面还提示“如果您离开此页面，扫描也不会中断”，这样如果有什么意外浏览器突然挂掉了或者电脑死机了，也不必从头来过。

我的照片很多，但这个过程很短。很快便提示找到了928个头像。点击“添加名称标签”进入一个新的界面，这里将找到的所有头像按相似度分为很多个组。如果Picasa觉得这一组头像肯定是同一个人的，那么会默认选中同一组内所有头像。如果是一些很模糊的头像，Picasa也会将相似的分配在同一组，但并不默认全选。确定好选择的头像后，就在下面的输入框输入姓名，从而建立新的头像标签。还可以选择“忽略”、“跳过”或者“不是头像”。

我试过之后觉得Picasa的这个功能还是很准确的，能够准确的把同一个人的头像的归为一个组。但是会把同一个人的头像按不同表情，角度，发型等分别分成了几个组。不过只要照片够清晰，基本上是可以做到非常准确的了。而且搜集到的上千个头像，只有21个并不是人脸。一些照片背景中很模糊的头像都被标识出来。

给所有头像都添加标签后，就会有一个“人物”栏目，标题是“我的照片中的人物”。会把你刚才标识上的所有任务罗列出来，可以使用人员标签来整理和共享这些照片，可以设置在照片上显不显示这个人物标签。选择某个人物可以查看他的所有照片或者通过幻灯片演示，选择两个人可以将他们合并为一个，如果这两个是同一个人的话。

如果对方也有Picasa相册，那么就可以很方便的和他共享照片。在这里Picasa和Gmail相互结合，每添加一个人，就在Gmail的通信录上添加一个新的联系人，也可以在通信录里选择，非常方便。不过相反的，如果删除了通信录上的某个人，那么相册中的相关名称标签也会被删除。

Flickr和Yupoo虽然都可以在照片上做标注，不过得自己手动标注。而Picasa这个是是自动识别。就像数码相机拍摄照片的时候那样自动识别头像。这个功能加上07年六月开始的支持照片卫星地图坐标标注功能，Picasa已经是一个很好是网络相册。

不过和Flickr相比，Flickr给人的感觉就是照片社区，而Picasa就是一个很强大的网络相册软件。

惊讶的发现WordPress博客在IE内核的浏览器下查看源代码，中文全显示为乱码。不知道什么时候开始的，以前一直用火狐没有用过IE查看源代码，而且不管什么浏览器网页显示一直都很正常，就没有注意到。

这次因为我修改了头部代码，简单的优化了一下（早该做了）。然后就发现用火狐查看源代码时，程序调用出来的keyword和description的内容都是乱码。于是转用IE查看，就发现更奇怪的事情，除了上面提到的两个meta标签里面的中文内容是正常的外，其他中文内容全部都是乱码…

当时就以为是修改的部分出了错误，于是上传备份的文件恢复。火狐是正常了，但IE却全部中文字包含连刚才正常的都是乱码了。看来和那部分修改无关，难道这个问题在IE下已经存在很久了？

于是马上开Google搜之，发现WordPress有这个问题的博主还不少，有人提到是插件出的问题。我使用的插件很少，逐一禁用检查过一次，结果就是插件并无问题。

最后把WordPress模板里面的所有文件检查了一次后发现原来有一些网页并非UTF-8格式，看来问题就出在这里。把所有非UTF-8格式的文件转换好之后替换，源代码终于都正常了。

这个问题解决了，但又有新问题。网页显示又有问题了，页面顶部多出了一行空白。把头部文件header.php替换回原来的文件就恢复正常了，但头部文件源代码里的中文又是乱码了…

再上Google搜索，原来关键就在UTF-8 BOM。把头部文件保存为不带BOM的UTF-8文件，问题就全部解决了。不同浏览器下源代码显示正常，网页也显示正常了。

这是找到的一段关于UTF-8 BOM和PHP的资料：

UTF-8编码的文件中，BOM占三个字节。如果用记事本把一个文本文件另存为UTF-8编码方式的话，用UE打开这个文件，切换到十六进制编辑状态就可以看到开头的FFFE了。这是个标识UTF-8编码文件的好办法，软件通过BOM来识别这个文件是否是UTF-8编码，很多软件还要求读入的文件必须带BOM。

可是，还是有很多软件不能识别BOM。我在研究Firefox的时候就知道，在Firefox早期的版本里，扩展是不能有BOM的，不过Firefox 1.5以后的版本已经开始支持BOM了。现在又发现，PHP也不支持BOM。

PHP在设计时就没有考虑BOM的问题，也就是说他不会忽略UTF-8编码的文件开头BOM的那三个字符。由于必须在<?或者<?php后面的代码才会作为PHP代码执行，所以这三个字符将会直接输出。

如果插件的文件有这个问题，将会导致在后台页面里激活或者不激活插件后显示白屏，如果是模版文件有这个问题，将会导致这三个字符直接输出，造成页面上方有一个小空行。国外的英文插件和模版一般都是用的ASCII码的编码方式，不会有BOM，只有国内的插件和模版会由于作者的不知情造成问题。

还有，大家修改模版的时候，由于输出页面使用UTF-8编码，那么修改模版的时候如果有加入中文字符的话，必须把文件转成UTF-8编码才能正常显示，这个时候如果所使用的编辑器自动加上了BOM的话，将会造成在页面上输出这三个字符，显示效果就要看浏览器了，一般是一个空行或是一个乱码。

不过开头提到的，在不正常的情况下修改的那部分，火狐查看中午字体是乱码而IE查看却是正常，到现在还不清楚为什么会这样…

Zac说过“是大量的，高质量的，原创的，相关的内容。可以这么说，没有内容就没有排名。”内容是SEO第一要素，所以网站包含丰富的内容是必须的。但很多网站似乎只记得要做给搜索引擎看，却把访问者抛在了一边。把页面挤满很多内容，但却由于太多而显得杂乱无章，一个个列表，一排排文字挤满了整个页面。

通常这样杂乱，臃肿的排版可用性和组织性很差，会让访问者无所适从最后离开网站，这样SEO效果再好也等于零，很容易被用户所抛弃。那么如何让页面保存简洁美观轻松，有足够的留白和恰当的长度，而又包含必须具备的丰富内容？

方法有很多，在这里我想说的是使用Tab标签功能的界面设计。很多网站已经将Tab标签就应用在界面设计上，因为“标签是极少几个将物理隐喻有效应用到用户界面中的例子之一”（Steve Krug——《DONT’T MAKE ME THINK》），它可以有效地对页面的内容进行合理准确的导航，运用得当便能鱼与熊掌兼得。

就像苹果的网站，设计中包含了大量的Tab标签元素。看Apple Mac Pro这个页面，页面的内容是介绍Mac Pro的性能。包括了应用性能和硬件性能两个大类和视频、图像图形和3D等九个小类，小类大部分都使用Tab标签分成几部分内容。每部分内容还有更细的分类，虽然不是Tab标签设计是实用了文字设计，但效果是一样的。这样一个拥有多级丰富内容的页面，通过Tab标签的应用，让页面没有一点拥挤的感觉，而且很清晰的展示了全部内容并传达了相应的关系。

再看看这个网站，介绍了一款基于Mac的网页编辑软件Coda。这是经典的应用Tab标签设计的网站。点击下面的内容框上面的New、Sites标签或者点击左右的箭头，都可以用很华丽的方式滑动显示下一个标签的内容。所以虽然网站设有很多留白，元素之间的间隔很宽松，但其实是在一个页面里包含了很多的内容。

合理的使用Tab标签设计，可以让网站展示大量信息的方式更加简洁美观，让网页设计与SEO优化不相冲突。其实这是一个很简单的问题，大部分人都知道怎么使用Tab选项卡，没有什么技术含量的。但还是到处可以看到设计得很拥挤的网站，所以憋了很久还是拿出来说说。

还有一个问题就是，Tab标签设计很多都使用了JavaScript。Google的网站管理员指南明确指出如果在html中过多的使用 JavaScript、Cookie、会话 ID、框架、DHTML 或 Flash 等复杂功能会使搜索引擎抓取工具在抓取网站时可能会遇到问题。不过只要记住出色的前端设计，只使用JavaScript控制页面元素的表现，而不参与页面的内容就可以了。看看前面说过的两个网站，查看他们的源文件，里面可以看到所有内容而不是一堆JS文件。

具体可以参考星箭发表在点石互动的JavaScript对SEO的影响及解决之道。