今天终于收到了google wave的开通通知，这次google wave的邀请是一种提名的方式，提出请求，被人提名，并依据排名开通。为了体验一个新功能，真是盼星星盼月亮。
首先很抱歉的说，由于我的笨拙，没有找到发送邀请的地方，如果谁知道可以告诉我。
猫嗔查资料，有人说，只有google直接发的邀请，才能继续发送邀请提名，而其他人只能被称为“穷二代”，不能发送邀请。因为在之前的“黑市”中，wave的邀请据说买到20~50美刀，煞是吓人啊！但是也有消息说，现在穷二代也已经开启了发送邀请的资格，至于实情如何，我也不得而知，但一旦具备邀请权利，我会第一时间贡献给大家。
google wave可以说是新一代的网络社交平台，通过平台组成小组，小组的成员实时的交流，可以跟随，评论，或者悄悄话（以上三个词是猫嗔的根据功能的感觉定义的，不是google官方的说法）。可以说是twitter、bbs等的进一步延伸。其中每一条wave中都可以添加文字、链接、视频、音频、google map甚至是通过API开发的个人插件。可以说，你想到的功能都可以加入讨论的话题中。
google wave
google wave的实时功能很让人眼前一亮，虽然处在预览版阶段，但也足足让人感觉到交互的强大。除了实时刷新之外，支持多快捷键，甚至可以实时的看到别人输入文字的过程（这技术着实是很吓人的，不知道这么频繁的服务器连接是如何实现的？）。可以说google wave已经让人看到了相当成熟的软件身影。
兴奋之余慢慢钻研，猫嗔也会不断的跟踪wave的开发完善过程，更多功能试用报告敬请期待。
猫嗔 用心生活
什么是长尾关键字？每当我们去确定网站的关键字的时候都会听到这些词语，热门关键字、目标关键字、长尾关键字。
说到长尾关键字，我们不得不说一下[美] 克里斯·安德森的那本《长尾理论》。长尾这个词代表的“冷门”的东西，但是在网络中这些分布广泛的“长尾”，往往可以积蓄起很大的能量。在关键字中的长尾就是指那些非热门词语，存在于网站索引页、内容页中。
大家不难发现，在我们分析网站的搜索流量和关键词分布的时候：
- 普通小型网站（流量在万数计之内），目标关键字（针对自身制定的热门的大众化的关键字）带来的流量占网站总搜索流量的绝大部分。因为这些关键字写在meta中，并在网站中被不断重复出现，所以搜索引擎给予很大的权重。
- 但我们同时也不难发现存在于网站目录页、内容页的关键词也会带来流量，虽然为数不多，但随着网站中关键字的范围不断广泛，带来的流量也多的惊人。
- 门户网站中因为有新闻，有各种主题的内容，话题广泛的论坛，这让其长尾关键字数量足以带来巨大的流量：
综上所述，这些在网站的非目标关键词，但也带来巨大搜索流量的关键词，就被称为长尾关键词。
长尾关键词内容部固定，但却有相似的特征：
- 词语无固定长度和模式，甚至可能是一句话，比如说：“产品经理应该了解的seo知识-索引”这句话就是猫嗔的网站中的长尾关键字。你可以从搜索引擎中搜索试试。
- 长尾关键字存在于内容页的标题、内容中，甚至是某个犄角旮旯的地方。
- 搜索量非常少，可能仅被搜索过1次2次，并且搜索结果不稳定，可能一年就这么一次。猫嗔的网站中每天都会看到一些奇怪的关键字带来的流量，甚至是不同的断句造成的关键字。
- 长尾关键词带来的客户，转化为网站产品客户的概率低。因为很多人是误打误撞进来的，跳出的可能很大。
所以，存在大量长尾关键词，也会给网站带来非常大的流量。所以丰富内容，注意长尾关键字的策划也是seo的技巧之一。特别是当网站发展到一定规模，提高访问量的方式就是增加网站内容，丰富网站内容的长尾关键字。
猫嗔 SEO（搜索引擎优化） 关键字, 长尾
最近开始着手公司网站的优化，除了功能的完善和改进，SEO（Search Engine Optimization 搜索引擎优化）也被列在考虑范围之内。公司一直没有专门的SEO部门，在人员不足的情况下，产品部门主动的承担起这个责任。
虽然做产品的同仁们在平时的工作中都会或多或少的关注这个事情，但始终没有像专业人士一样深入的研究。但是，作为评价网站和推广网站的重要部分，猫嗔决定和大家从基础学起，让我们数数，作为产品经理应该了解哪些SEO的相关知识。
SEO是个积累的过程，开一个文章，算是做一个学习的笔记，留给大家索引和参考。也许内容不够连贯甚至是松散，但都是在实际的工作中遇到的问题。很多内容都来自于大家的智慧，也希望大家随时提出问题，批评指正，一同探讨！
猫嗔 SEO（搜索引擎优化）
下午要面试一个前端工程师，想了半天不知道出些什么样的题目，除了基础知识的应用，猫嗔觉得还应该考察一下前端对于没有遇到的问题的解决能力。于是上网想搜罗一些复杂而又不常见的题目。（其实面试的时候一下子解决不了问题没关系，因为大家自己做事的时候也知道，不过多n的人，都有可能需要google的时候，关键是看在解决问题中运用的基础知识方向是否正确和处理的方法。）
最终确定的题目就不多说了，但是在搜索中我觉得几个大家广为流传的面试题真的是很不错的，这里整理贴出，算是给去面试的朋友们一个参考。同时也想说，这几个面试题真的也是看基础是不是扎实了。
第一个是迅雷的面试题：
请用css实现下列要求的效果：
1.一个列表包含标题和时间
2.列表宽度固定，高度自由设置
3.时间紧跟标题，但标题过长时需要隐藏。
<!--
ul{list-style:none;}
#t1{float:left;overflow:hidden;height:24px; font-size:12px;}
ul li{overflow:hidden;line-height:24px;width:200px;}
.date{padding-left:10px; font-size:12px; color:#ccc;line-height:24px; position:absolute;}
-->
<ul>
<li>
<div id="t1"><a href="#">世界上头发最长的美女</a></div>
<span class="date">2009-06-16</span></li>
<li>
<div id="t1"><a href="#">世界上头美女</a></div>
<span class="date">2009-06-16</span></li>
<li>
<div id="t1"><a href="#">世界上头发最长的世界上头发最长的美世界上头发最长的美世界上头发最长的美世界上头发最长的美世界上头发最长的美美女</a></div>
<span class="date">2009-06-16</span></li>
<li>
<div id="t1"><a href="#">世界上头发最长的美女</a></div>
<span class="date">2009-06-16</span></li>
<li>
<div id="t1"><a href="#">世界上头发最长的美女</a></div>
<span class="date">2009-06-16</span></li>
<li>
<div id="t1"><a href="#">世界上头发最长的美女</a></div>
<span class="date">2009-06-16</span></li>
<li>
<div id="t1"><a href="#">世界上头美女</a></div>
<span class="date">2009-06-16</span></li>
<li>
<div id="t1"><a href="#">世界上头发最长的世界上头发最长的美世界上头发最长的美世界上头发最长的美世界上头发最长的美世界上头发最长的美美女</a></div>
<span class="date">2009-06-16</span></li>
<li>
<div id="t1"><a href="#">世界上头发最长的美女</a></div>
<span class="date">2009-06-16</span></li>
<li>
<div id="t1"><a href="#">世界上头发最长的美女</a></div>
<span class="date">2009-06-16</span></li>
</ul>
<!--
ul, li {margin:0;padding:0;list-style:none;}
ul {float:left; background:#CCC; width:300px;}
li {font-size:12px;line-height:1.5em;padding-left:10px;position:relative;height:20px;overflow:hidden;padding-right:65px;}
li a {position:relative;left:0px;height:20px;float:left;text-decoration:none;}
span {position:absolute;top:0px;right:-65px;}
-->
<ul>
<li><a href="#">天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场<span>2008-08-27</span> </a></li>
<li><a href="#">天空一声巨响，超越闪亮全场<span>2008-08-27</span></a></li>
<li><a href="#">天空一声巨响，闪亮全场空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场<span>2008-08-27</span></a></li>
<li><a href="#">天空一声巨响，超越闪亮全场<span>2008-08-27</span></a></li>
<li><a href="#">天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场<span>2008-08-27</span></a></li>
<li><a href="#">哈哈哈哈哈哈<span>2008-08-27</span></a></li>
<li><a href="#">哈哈哈哈哈哈哈哈哈<span>2008-08-27</span></a></li>
<li><a href="#">天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场哈哈哈哈<span>2008-08-27</span></a></li>
<li><a href="#">哈哈哈哈哈哈哈哈哈哈<span>2008-08-27</span></a></li>
<li><a href="#">天空一声巨响，超越闪亮全场天空一声巨响，超越闪亮全场哈哈哈哈哈哈哈哈<span>2008-08-27</span></a></li>
</ul>
<!--
*{margin:0;padding:0;}
#muem ul{background:#FFC;width:310px;}
#muem ul li{margin:5px;height:30px;line-height:30px;text-align:left;list-style:none;width:300px;overflow:hidden;display:inline-block;}
#muem ul li a{font-size:12px;float:left;padding-right:60px;}
#muem ul li span{color:#CCCCCC; font-family:Tahoma, Geneva, sans-serif; font-size:12px;display:inline-block;float:left;margin-left:-50px;}
-->
<div>
<div id="muem">
<ul>
<li><a>杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练杂技团美女演员的训练</a><span>2008-07-14</span></li>
<li><a>最昂贵内衣惊艳出炉</a><span>2008-07-14</span></li>
<li><a>[组图]让人喷饭的日喷饭的日</a><span>2008-07-14</span></li>
<li><a>世界上头发最长的美女：人惊奇的</a><span>2008-07-14</span></li>
<li><a>世界八大最喜欢吃人的的虹顺利产</a><span>2008-07-14</span></li>
<li><a>亿万富翁的超级奢侈</a><span>2008-07-14</span></li>
<li><a>日本小姐选美</a><span>2008-07-14</span></li>
<li><a>素面朝天吓坏人，化妆虹顺利产</a><span>2008-07-14</span></li>
</ul>
</div>
</div>
猫嗔 Css code, JavaScript&JQuery, 网页前端优化, 软件工具 Css code, 网页前端
最新评论