1. 尽量用独立IP和空间 原因：同IP下其他网站受罚，可能会对你站有影响。如果你的站和很多垃圾、色情站同在一个服务器，搜索引擎会喜欢吗？
2. 做不同内容网站时，避免使用二级域名和免费域名。
原因：当主域名或其他二级域名被惩罚，会牵连你的站。而且搜索引擎会规定每个域名下的收录数
3. 以复合关键字作域名，都应该用短横线隔开。如：www.made-in-china.com
原因：如果用www.madeinchina.com 搜索引擎会把madeinchina认为是一个词，而不是词组。
4. 在同等情况下，代表非商业性网站的后缀.org 和.net 有着比.com 更高的排名优势；对中文网站来说，表示中国域的.cn和.com.cn 又比无地区性的.com 有一定优势。
5. 网站核心关键字就是他们的经营范围，如产品/服务名称、行业定位，以及企业名称或品牌名称等。
6. 站在客户的角度考虑思考关键字
7. 使用地理位置+关键字：例如“上海交友”“上海聚餐交友”等。
8. 查看同类网站或对手所使用的关键字。
9. 绝对不要用和自己网站不相关的关键字。
10. 关键字数量：一页中最多别超过3个比较好。拥有不同的产品和服务的情况下，对每个产品进行单网页优化，而不是罗列在一个首页上。
11. 单页面关键字别低于2％，别超过7％。
12. 关键字要无处不在，有重有轻，别把所有页面的关键字和密度都控制的几乎一样。
13. TITLE、descrīption、keywords内一定要有关键字，简短、明确就好，别太多或故意重复，并且阅读流畅。Descrīption别太长，重点补充在title和keywords中未能充分表述的说明。
14. 关键词重点分布位置包括：页面靠顶部、左侧、标题、正文前 200 字以内。
15. 在导航、网站地图、锚文本中有意识使用关键字，例如：“首页”可以改成“请客吃饭首页”
16. 标题用<H1>或<B>，例如：<h1>请客吃饭网公开测试啦</h1>
17. 大型网站目录尽量控制在4层以内，弄个“相关主题”栏目，加上深层页面的相关链接。
18. 在目录和文件名中使用关键字，用“-”分割词组，不要用“_”来分割。中文可用拼音。
19. 全站使用静态化，全部*.HTM或*.HTML。
20. 动态网站URL尽量不要出现：? & $ 等。
21. 首页主要栏目在第一屏，用文字链接。
22. 在首页弄个“重点推荐”栏目，把次级目录中重要的内容链接放在这里。
23. 使用网站地图。每个页面链接别超过100个，超过的话可分页。
24. 别用框架，要用也用内联框架。
25. 图片尽量缩小尺寸，但保持清晰。
26. 在大图片上方或下方加上说明，例如“金瓶梅原著插图”。
27. 在图片周围加上包含关键字的链接，例如“更多金瓶梅插图”
28. 页面设计不要以FLASH为主，特别是首页，特别特别是商业网站首页！
29. 网页大小控制50K以内。太久大步开蜘蛛会以为你的站关了，呵呵。
30. 把CSS独立出去，使用独立CSS文件。
31. 把JS独立出去，使用独立JS文件。例如：<scrīpt language=Javascrīpt src=qkcf.js></scrīpt>
32. JS代码比较少的话，可以放在页面底部，页面最上面保持HTML代码。
33. 向搜索引擎目录进行提交，YAHOO!目录、百度目录等等。Google 把来自 Yahoo 目录的链接作为网站排名的重要分值。
34. 上百个垃圾站过来的链接，不如一个高质量站或内容互补站的链接。
35. 别用自动登陆软件!别用群发软件! 被K了后悔都来不及。Google 就会对那些使用链接群发程序的站点进行永久性删除。百度会让你买竞价排名。
36. 链接质量分析：
•来自以下网站的链接都可以称为高质量的链接：
•搜索引擎目录中的链接以及已加入目录的网站的链接
•与你的主题相关或互补的网站
•PR 值不低于 4 的网站
•流量大、知名度高、频繁更新的重要网站（如搜索引擎新闻源）
•具有很少导出链接的网站
•以你的关键词在搜索结果中排名前三页的网站
•内容质量高的网站。
37. 不要和内容不相关的站点互连链接。如果导出链接站点内容与你的网站主题相关联，同样有利于搜索引擎友好。
38. 单页面导出链接不要超过15个。首页控制在10个以内。
39. 网站还可以通过建立多个内容相关的二级域名子站，彼此相链再一起链回主站，形成子站群包围主站，对提高排名相当有利。
40. 无论是导出链接、导入链接还是内部链接，都最好兼顾到链接文本中含有关键字。
41. 对中文网站来说，拥有3级PR是基础， 4级PR算达标，5级PR可谓良好，而6、7级PR就算相当优秀的网站。
42. Google 默认 PDF 格式文件的 PR 天生为 3，因此，对于网站比较有价值的内容，建议做成 PDF 格式。例如：如果您的站和SEO有关，就可以把本笔记就可以做成PDF的 ^-^
43. PR值的高低应该是包括 SEO 在内的搜索引擎营销所产生的自然结果而不应作为追求的目标。在 SEO 的过程中，不能忘记内容建设，不能忘记优质外链，但忘掉 PR 可没什么大不了的。
44. 沙盘效应：就是对新站的一个监督、熟悉的过程。如果你的网站在发布不久后以核心关键词在Google排名中出现由高走低的不稳定现象，多半是被Google请进了沙盒。
默认Web字体样式
通常用户看到的页面的样式会受到三层控制，第一层是浏览器的默认样式，第二层是网页定义样式，第三层是用户自定义样式。和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可以覆盖浏览器的默认样式，而用户自定义样式优先级最高。实际情况是虽然浏览器都或多或少提供了用户自定义样式的功能，但是极少数会有用户去自定义，一般用也是高级用户。而浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。
拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一样，比如IE8的中文版在Windows XP下显示网页时默认字体是宋体，而英文版肯定不会如此。所以我们需要统一设置默认的字体样式，以便实现一致的显示效果来保证设计的一致性和提高开发效率。
以后准备使用如下默认字体样式：
body{
font: 12px/1.5 arial;
}
Read more…
本文最初发表《程序员》杂志第三期，现将全文贴上，内容已经过编辑修饰了很多:)
什么是Firebug
从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模块；要调试javascript给页面增加一些更活泼的要素；要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面，才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员，在这里为大家介绍一款轻巧灵活的辅助开发工具。
Firebug是Firefox下的一款开发类插件，现属于Firefox的 五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和 Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。这是一款让 人爱不释手的插件，如果你以前没有接触过它，也许在阅读本文之后，会有一试的欲望。笔者在撰写此文的时候，正逢Firebug发布1.0正式版，这不能不 说是种巧合。
应用
Firebug插件虽然功能强大，但是它已经和Firefox浏览器无缝地结合在一起，使用简单直观。如果你担心它会占用太多的系统资源，也可以方便地启用/关闭这个插件，甚至针对特定的站点开启这个插件。
在安装好插件之后，先用Firefox浏览器打开需要测试的页面，然后点击右下方的绿色按钮或使用快捷键F12唤出Firebug插件，它会将当前页面分成上下两个框架，如图1所示。
图1：Firebug插件展开图示
从图1中看到，Firebug有6个主要的Tab按钮，下文将主要介绍介绍这几方面的功能。
| Console |
HTML |
CSS |
Script |
Dom |
Net |
| 控制台 |
Html查看器 |
Css查看器 |
脚本条时期 |
Dom查看器 |
网络状况监视 |
Read more…
节选自原文：http://devsnippets.com/article/10-transition-effects-the-art-of-showinghiding-content.html
1.Jquery实现的淡入淡出效果
这种淡入淡出的效果可以应用在图片，文字片段，甚至任何节点，未激活时该效果显示30%的透明度，鼠标hover效果为100%的透明度，很适合在网页的局部内容表现上使用。
- $(document).ready(function(){
- $("ELEMENT HERE").fadeTo("slow", 0.3);
- $("ELEMENT HERE").hover(function(){
- $(this).fadeTo("slow", 1.0);
- },function(){
- $(this).fadeTo("slow", 0.3);
- });
- });
查看示例 下载
Read more…
CSS在web开发中中绝对是一个伟大的技术，虽然跨浏览器的问题和缺乏CSS3支持在现代浏览器是一个实际问题的创造性。 这里提供了8个用Javascript解决常见的CSS问题的技巧。
1 -JQuery 实现透明背景
由于IE6对对PNG支持很不友好，实现透明背景一直都是相当烦人的事情。 已经有很多办法可以解决这类问题，这里提供一个用Jquery来实现任意元素透明的技巧。
- 确保你的网页包含了以下JS库： http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.jshttp://design-forge.ro/projects/opensource/transBG.jquery.plugin.js
- 你在需要的地方加入以下代码(HTML),放到单独的js文件更好。 然后，就可以在你想要实现透明效果的元素上使用transBGdraw ()。
$("#id").transBGdraw();
$(”#menu”).transBGdraw();
$(”#container”).transBGdraw();
// !!!IMPORTANT!!!
// if you use tagnames or classes, make sure every object affected has a unique id.
$(”div”).each(function()
{ $(this).transBGdraw(); });
$(”h6″).each(function()
{ $(this).transBGdraw(); });
$(”.class1″).each(function()
{ $(this).transBGdraw(); });
$(”.text”).each(function()
{ $(this).transBGdraw(); });
$(”.information”).each(function()
{ $(this).transBGdraw(); });
来源： 跨浏览器透明背景与jQuery ，没有CSS技巧，没有*. PNG文件
2 – 兼容各种浏览器
由于微软和IE，每个前端开发工程师遇到最棘手的肯定是跨浏览器兼容的问题。 即便可以为IE引入专门的样式，但是这对要兼容大多数浏览器来说并不是最理想的解决方式。用Jquery可以轻松解决。
$(document).ready(function(){
$(’html’).addClass($.browser);
});
现在您可以根据你的浏览器如 msie //Mozilla//opera//Safari来添加样式。
Read more…
Recent Comments