Flickr 是 Web 2.0 的代表站点。面对的网络问题除了一般 Web 站点都会有的内容优化之外, 还有必须要灵活处理 JavaScript 与 CSS 的频繁变化后部署分发带来的复杂性。

设定文件大小的策略 首先面临的一个问题是把所有的 JavaScript 与 CSS 放到一个文件中好呢，还是分割成多个文件 ? 从减少网络请求的角度上考虑, 前者更好，后者差。但是从并行的角度考虑, IE 与 Firefox 默认情况下都只能同时从一个域请求两个资源. 这会在很多情况下给用户带来不良的使用体验–必须所有的文件都下载完毕才可以看到像样的页面. Flickr 采用了折衷的办法–在保持文件数量尽可能少的情况下，把 JavaScript 与 CSS 分成多个子文件. 这在开发上带来了复杂性，但是对性能的收益是巨大的。

压缩的优化问题 毫无疑问，对站点内容进行压缩是一个比较常用的 Web 优化手段．但是并不一定都能达到理想的效果．原因在于 mod-gzip 模块不但消耗服务器端 CPU 资源，也消耗客户端 CPU 资源. 而且, mod_gzip 压缩文件后创建的临时文件是放到磁盘上的，这也会给磁盘 IO带来严重的问题. Flickr 采用的是 Httpd 2.x 以后支持的　mod_deflate 模块．压缩操作都在内存中进行．mod_deflate 在 Httpd 1.x 是不可用的, 不过可以通过创建 RAM 盘的方式来间接提高性能．

当然, mod_gzip 到也不是一无是处, 对于预压缩的文件, 还是有好处的. 而且, 采用压缩的时候,也要注意策略. 图片文件压缩就没什么必要了(Flickr 上图像多, 而且压缩得不到什么好处). Flickr 只对 JavaScript 和 CSS 进行压缩. mod_gzip 新一点的版本能够自动通过配置 mod_gzip_update_static 选项自动处理 预压缩的文件. Cal 也指出这个特性在一些旧版本的浏览器上会出问题.

压缩的另一个主要手段是内容的压缩. 针对 JavaScript 可以进行通过减少注释、合并空格、使用紧凑的语法等小技巧(Google 的所有脚本都非常难读，而且非常紧凑，思想类似).当然，经过这样处理的 JavaScript 可能带了很多括号不容易解析，Flickr 使用了 Dojo Compressor 来构建解析树。Dojo Compressor 开销很低，而且对于最终用户是透明的. JavaScript 的处理方法介绍过，CSS 处理则相对简单.通过简单的正则表达式替换(比如把多个空格替换为一个空格符), 最高可以获得 50% 的压缩比。

Caching 的优化 Flickr 的开发者充分利用了 Http 1.1 规范定义的 Etag 与 Last-Modified 机制来提高 Caching 的效率. 值得注意的是，Cal 介绍了一个在负载均衡条件下的 e-Tag 小技巧. 即可以设定 Apache 通过文件调整时间与文件大小获得 E-Tag ,而默认情况下, Apache 是通过文件节点获取 e-Tag 的。当然，这也不是很完美，因为会影响 if-modified-since 。

灵活运用 mod_rewrite 据说 Flickr 网站应用是进行每日构建的(Daily Build)。 如果没有一个灵活的机制恐怕这是不可想象的。而且，在 Flickr 这样的站点, 内容的修改同步的处理都是很让人头疼的难题. 他们的利器是 mod_rewrite 的灵活运用。通过配置 URL 重写规则，很容易切换到不同的环境下。听起来很简单, 但是没有一定的 Web 技术功力谈何容易做到 ?!

通过这几个主要方法的运用，我们看到了如梦幻一般高性能的 Flickr .
BTW: 因为在 Flickr 在国内没有服务器, 大陆用户访问的速度就别提了

您可能感兴趣的文章

• Web 前端优化最佳实践之 Mobile(iPhone) 篇
• Web 前端优化最佳实践之 图象篇
• Web 前端优化最佳实践之 JavaScript 篇
• Web 前端优化最佳实践之 CSS 篇
• Web 前端优化最佳实践之 Cookie 篇
• Web 前端优化最佳实践之 Server 篇
• Web 前端优化最佳实践之 内容篇
• 做好整站优化的几个小技巧
• 原创文章也是要技巧的
• 大型门户网站关键词优化技巧

1、大家都知道，百度他是绝对不会屏蔽自己的链接的，所以我们就要好好利用他自身的链接来做推广。这个留外链技巧是100%通过的。如下截图：

2、 利用soso问问的链接，这个是可以直接带来效益的。

相信在soso问问上做推广的朋友都知道，在soso问问做外链是比较容易的，比百度知道容易很多。而百度又不会把soso的链接屏蔽，所以我们可以先去soso问问上提问题，用马甲去带外链回答。回答采纳了，再去百度知道提问，回答的时候就带soso的链接，这样就不会不通过了。如下图：

3、 利用百度收藏的链接，注意喔!是带收藏的快照的那个链接，而不是带你收藏的首页链接。因为带快照的那个链接，用户一点就可以直接到你的网站上了，要是带收藏首页的链接，用户就要多做一个步骤才进到你网站。从用户体验方面来说还是带快照的链接比较好。为了方便大家，我还是截图来表达好了。

4、 利用百度经验的链接，不管是百度收藏还是百度经验或者是百科，这些都是百度自身的产品，你回答带这种链接是绝对没有问题的。百度经验刚出来没多久，所以管得不严格。带连接是百分之百的给通过的。在这里就不多啰嗦了。对百度知道还不是很了解的朋友可以参考《浅谈百度经验和推广技巧》。

总结：以上提到的几个技巧对等级的要求不高，一般三四级就可以了。但是需要提醒的一点是，同一个ip和用户每天回答的数量尽量控制在1—4个之间。质量远比数量重要。

您可能感兴趣的文章

• Flickr 的开发者的 Web 应用优化技巧
• 如何增加你的网站外链
• jquery技巧总结大放送
• 做好整站优化的几个小技巧
• 原创文章也是要技巧的
• 大型门户网站关键词优化技巧
• 10个Javscript编程的技巧
• javascript两段代码,两个小技巧

建站中期，如何增加外链？

下面的方法是给网站增加高质量外链的最佳途径，以下两段的一堆废话我是想说明：增加外链，心态和内容是至关重要的。只有无私分享的心态才能获得好的口碑，别人才会高高兴兴的给你加上链接。

一：不要害怕分享知识

许多人，尤其是博主，都会担心在网站上给出大量的免费信息、技巧后，别人会超过自己。然后，事实是读者了解了更多，即使你告诉了别人你所知道的一切，你仍然是专家，因为你拥有直接经验，人们也会认为你是一个可以完成工作的人。

分享知识的最大好处是你给其他人提供信息从而增加他们对你的信任度，从而能主动加上你的链接。我想大多数朋友都看到许多文章说到一半就戛然而止，甚至是标题很诱人，可点进去后说的一套一套的。比如，我博客中的文章，经常会被“ChinaZ”转载，尽管不是主动发布的，但作为一个知名站长站，人家编辑是会主动加入链接，并注明出处的。

无私分享知识你可以得到什么？

首先，通过向访客大众分享自己的知识，可以积累外链，毕竟，如果你提供了有价值的见解，别人一定会注意到你，而且读者也可能把你的连接推荐给其他朋友。他们会引用你的那些对他们大有帮助的文章。这种影响力会远远比外链重要的多。

其次，你的链接被分享的越多，在别人眼里你的威望就越高。对读者或搜索引擎都是如此。如果我在某篇热门文章中发现对你的推荐，虽有在另一个网站上又看到对你的推荐，那么我会更容易信任你。同样，当搜索引擎从不到来源搜寻找各种指向你的页面链接时，它也会将你当做贡献者。

最后，链接会带来流量，也是最不重要的。很多人有一个误区：认为我到其他网站发软文了，可一个流量都没带来。事实上，带来流量不是重点，重点是有多少人通过这篇文章知道了你。人们知道你了，并决定这篇文章对他有用，他们自然主动来访问你。

二：主动联系转载站，增加外链。

当然，不是所有网站转载后都会主动给你加链接或出处的。同时，作为作者的你，并不知道也那些网站转载了你的文章，这时我们可以利用搜索引擎来判断到底有那些网站转载了你的文章。比如用Google左侧栏的按日期收录检索（我一般选择一天内收录的内容），如果搜索到同样的文章，但并没注明出处，可以通过评论、网站联系方式等方法来告诉该站站长，提醒他加入“转载注明出处”，一般大中型网站、博主在接到告知后都会加入你的链接。如果没有理睬你，也不要破口大骂，不写出处就算了，大度点，毕竟说明此文有价值，别人才会转载。

建站初期，如何增加外链？

网站建设初期，是势力最单薄的日子，其实外链是不好增加的，要只要清楚，外链只是搜索引擎考验的其中一部分，不是全部，一切就会豁然开朗。但这个时期是站长最关注外链的时期，所以我还是简单介绍一下。

一：主动提交网址，增加外链。

一般情况，你不提交网址搜索引擎，百度、Google也会收录的，提交网址主要是提交给一些导航站、收藏站或web2.0站。这类站一般都有提交网址入口。例如，我搜索“独立博客导航”就会出现一堆博客导航站，打开一个提交一个。其实也不用可以去这样做，这类站太多了，平时遇到了就提交，遇不到就算了。之前我就写过“详解软文的提交入口”，里面详细介绍过增加外链站点，有兴趣的朋友可以看看。

二：通过友情链接增加外链。

通过友情链接来增加外链，卢松松个人感觉作用不大，毕竟友情链接只能交换那么几个，不过在建站初期，这是增加外链的一种最简单、最容易操作的方法，有兴趣的朋友可以阅读下我以前写的文章《我是这样寻找友情链接的》。

三：通过查询网站，增加外链。

比如搜索“站长工具查询”，会出现一堆查询你网站信息的网址，随便点进去一个，只要你查询过，改站就会记录你的网址，并保留，幸运的话搜索引擎就会检索到你查询后改站生成的网址并收录到搜索结果页面中，例如卢松松博客中提供的“SEO增加外链工具”就是利用的此原理。虽然外链质量不咋滴，但建站初期，效果还是有的。

四：其他一些小技巧。

其他增加外链的方法有很多种，例如：通过博客评论、论坛签名、个人资料、问答参考资料、网站目录等方法都能增加外链。但类似于这些方法不必刻意做，遇到了就加个链接，遇不到就算了。毕竟只有无私分享知识，写好内容才是最重要的。

增加外链的一些注意事项。

1：切忌短时间增加大量外链，搜索引擎会降权的。

2：一个高权重网站外链顶的上十个低全权重网站链接，（“十个”是瞎说的，没考证过，但肯定比没权重网站的强）。

3：增加外链是一个长期的工作，需要坚持。

4：我见过许多没多少外链，权重也很高的站，所以做外链要淡定。

5：搜索引擎已经能判断出那些是黑链，长期做黑链必定被K。

原创文章请注明转载自卢松松博客，本文地址：http://www.lusongsong.com/reed/221.html

您可能感兴趣的文章

• Flickr 的开发者的 Web 应用优化技巧
• 百度知道100%成功留外链实战技巧
• 网站快照倒退或停止的原因分析
• 发外链时需要注意的地方
• jquery技巧总结大放送
• 6项获得免费反向链接的方法
• 做好整站优化的几个小技巧
• 寻找优质外部链接的13个方法
• 原创文章也是要技巧的
• 大型门户网站关键词优化技巧

1.1、概述
随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。
jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的，它有助于简化 JavaScript™ 以及Ajax 编程。有人使用这样的一比喻来比较prototype和jQuery：prototype就像Java，而jQuery就像ruby. 它是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。

它具有如下一些特点：
1、代码简练、语义易懂、学习快速、文档丰富。
2、jQuery是一个轻量级的脚本，其代码非常小巧，最新版的JavaScript包只有20K左右。
3、jQuery支持CSS1-CSS3,以及基本的xPath。
4、jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
5、可以很容易的为jQuery扩展其他功能。
6、能将JS代码和HTML代码完全分离，便于代码和维护和修改。
7、插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效以及ajax上传等。

jQuery的设计会改变你写JavaScript代码的方式，降低你学习使用JS操作网页的复杂度，提高网页JS开发效率，无论对于js初学者还是资深专家，jQuery都将是您的首选。
jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何JavaScript应用的地方，可用于不同的Web应用程序中。
官方站点：http://jquery.com/  中文站点：http://jquery.org.cn/

1.2、目的
通过学习本文档，能够对jQuery有一个简单的认识了解，清楚JQuery与其他JS框架的不同，掌握jQuery的常用语法、使用技巧及注意事项。

二、使用方法
在需要使用JQuery的页面中引入JQuery的js文件即可。
例如：<script type=”text/javascript” src=”js/jquery.js”></script>
引入之后便可在页面的任意地方使用jQuery提供的语法。

三、学习教程及参考资料
请参照《jQuery中文API手册》和http://jquery.org.cn/visual/cn/index.xml
推荐两篇不错的jquery教程：《jQuery的起点教程》和《使用 jQuery 简化 Ajax 开发》
(说明：以上文档都放在了【附件】中)

四、语法总结和注意事项

1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
如：$(document.getElementById(“msg”))则为jquery对象，可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
如：$(“#msg”)[0]，$(“div”).eq(1)[0]，$(“div”).get()[1]，$(“td”)[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：
$(“#msg”).html();
$(“#msg”)[0].innerHTML;
$(“#msg”).eq(0)[0].innerHTML;
$(“#msg”).get(0).innerHTML;

3、如何获取jQuery集合的某一项
对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而get (n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个< div>元素的内容。有如下两种方法：
$(“div”).eq(2).html();              //调用jquery对象的方法
$(“div”).get(2).innerHTML;       //调用dom的方法属性

4、同一函数实现set和get
Jquery中的很多方法都是如此，主要包括如下几个：
$(“#msg”).html();              //返回id为msg的元素节点的html内容。
$(“#msg”).html(“<b>new content</b>”);      
//将“<b>new content</b>” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content

$(“#msg”).text();              //返回id为msg的元素节点的文本内容。
$(“#msg”).text(“<b>new content</b>”);      
//将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示粗体的<b>new content</b>

$(“#msg”).height();              //返回id为msg的元素的高度
$(“#msg”).height(“300″);       //将id为msg的元素的高度设为300
$(“#msg”).width();              //返回id为msg的元素的宽度
$(“#msg”).width(“300″);       //将id为msg的元素的宽度设为300

$(“input”).val(“);       //返回表单输入框的value值
$(“input”).val(“test”);       //将表单输入框的value值设为test

$(“#msg”).click();       //触发id为msg的元素的单击事件
$(“#msg”).click(fn);       //为id为msg的元素单击事件添加函数
同样blur,focus,select,submit事件都可以有着两种调用方法

5、集合处理功能
对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理，jquery已经为我们提供的很方便的方法进行集合的处理。
包括两种形式：
$(“p”).each(function(i){this.style.color=['#f00','#0f0','#00f']})      
//为索引分别为0，1，2的p元素分别设定不同的字体颜色。

$(“tr”).each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})      
//实现表格的隔行换色效果

$(“p”).click(function(){alert($(this).html())})              
//为每个p元素增加了click事件，单击某个p元素则弹出其内容

6、扩展我们需要的功能
$.extend({
       min: function(a, b){return a < b?a:b; },
       max: function(a, b){return a > b?a:b; }
});       //为jquery扩展了min,max两个方法
使用扩展的方法（通过“$.方法名”调用）：
alert(“a=10,b=20,max=”+$.max(10,20)+”,min=”+$.min(10,20));

7、支持方法的连写
所谓连写，即可以对一个jquery对象连续调用各种不同的方法。
例如：
$(“p”).click(function(){alert($(this).html())})
.mouseover(function(){alert(‘mouse over event’)})
.each(function(i){this.style.color=['#f00','#0f0','#00f']});

8、操作元素的样式
主要包括以下几种方式：
$(“#msg”).css(“background”);              //返回元素的背景颜色
$(“#msg”).css(“background”,”#ccc”)       //设定元素背景为灰色
$(“#msg”).height(300); $(“#msg”).width(“200″);       //设定宽高
$(“#msg”).css({ color: “red”, background: “blue” });//以名值对的形式设定样式
$(“#msg”).addClass(“select”);       //为元素增加名称为select的class
$(“#msg”).removeClass(“select”);       //删除元素名称为select的class
$(“#msg”).toggleClass(“select”);       //如果存在（不存在）就删除（添加）名称为select的class

9、完善的事件处理功能
Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。
如：
$(“#msg”).click(function(){alert(“good”)})       //为元素添加了单击事件
$(“p”).click(function(i){this.style.color=['#f00','#0f0','#00f']})
//为三个不同的p元素单击事件分别设定不同的处理
jQuery中几个自定义的事件：
（1）hover(fn1,fn2)：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over，离开时置为out。
$(“tr”).hover(function(){
$(this).addClass(“over”);
},
       function(){
       $(this).addClass(“out”);
});
（2）ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
$(document).ready(function(){alert(“Load Success”)})
//页面加载完毕提示“Load Success”,相当于onload事件。与$(fn)等价
（3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
       //每次点击时轮换添加和删除名为selected的class。
       $(“p”).toggle(function(){
              $(this).addClass(“selected”);   
       },function(){
              $(this).removeClass(“selected”);
       });
（4）trigger(eventtype): 在每一个匹配的元素上触发某类事件。
例如：
       $(“p”).trigger(“click”);              //触发所有p元素的click事件
（5）bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定
从每一个匹配的元素中（添加）删除绑定的事件。
例如：
$(“p”).bind(“click”, function(){alert($(this).text());});       //为每个p元素添加单击事件
$(“p”).unbind();       //删除所有p元素上的所有事件
$(“p”).unbind(“click”)       //删除所有p元素上的单击事件

10、几个实用特效功能
其中toggle()和slidetoggle()方法提供了状态切换功能。
如toggle()方法包括了hide()和show()方法。
slideToggle()方法包括了slideDown()和slideUp方法。

11、几个有用的jQuery方法
$.browser.浏览器类型：检测浏览器类型。有效参数：safari, opera, msie, mozilla。如检测是否ie：$.browser.isie，是ie浏览器则返回true。
$.each(obj, fn)：通用的迭代函数。可用于近似地迭代对象和数组（代替循环）。
如
$.each( [0,1,2], function(i, n){ alert( “Item #” + i + “: ” + n ); });
等价于：
var tempArr=[0,1,2];
for(var i=0;i<tempArr.length;i++){
       alert(“Item #”+i+”: “+tempArr);
}
也可以处理json数据，如
$.each( { name: “John”, lang: “JS” }, function(i, n){ alert( “Name: ” + i + “, Value: ” + n ); });
结果为：
Name:name, Value:John
Name:lang, Value:JS
$.extend(target,prop1,propN)：用一个或多个其他对象来扩展一个对象，返回这个被扩展的对象。这是jquery实现的继承方式。
如：
$.extend(settings, options);      
//合并settings和options，并将合并结果返回settings中，相当于options继承setting并将继承结果保存在setting中。
var settings = $.extend({}, defaults, options);
//合并defaults和options，并将合并结果返回到setting中而不覆盖default内容。
可以有多个参数（合并多项并返回）
$.map(array, fn)：数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。
如：
var tempArr=$.map( [0,1,2], function(i){ return i + 4; });
tempArr内容为：[4,5,6]
var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
tempArr内容为：[2,3]
$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。
如：$.merge( [0,1,2], [2,3,4] )       //返回[0,1,2,3,4]
$.trim(str)：删除字符串两端的空白字符。
如：$.trim(“  hello, how are you?   “);        //返回”hello,how are you? ”

12、解决自定义方法或其他类库与jQuery的冲突
很多时候我们自己定义了$(id)方法来获取一个元素，或者其他的一些js类库如prototype也都定义了$方法，如果同时把这些内容放在一起就会引起变量方法定义冲突，Jquery对此专门提供了方法用于解决此问题。
使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用 Jquery的时候只要将所有的$换成jQuery即可，如原来引用对象方法$(“#msg”)改为jQuery(“#msg”)。
如：
jQuery.noConflict();
// 开始使用jQuery
jQuery(“div   p”).hide();
// 使用其他库的 $()
$(“content”).style.display = ‘none’;

您可能感兴趣的文章

• jQ.Mobi—针对移动设备优化的jQuery
• Flickr 的开发者的 Web 应用优化技巧
• jQuery-bind不能处理绑定hover事件
• 9个实用jQuery日历插件
• jQuery 操作css 设置样式
• 百度知道100%成功留外链实战技巧
• JQUERY操作XML实例教程
• 不要滥用jQuery的$(this)
• 编写高性能的jQuery代码
• 如何增加你的网站外链

　　要使网站的大部分关键词排名保持在第一页，做好整站优化是优化时必不可少的一个步骤。一般如果你的网站有8个主推关键词以上，就可以做整站优化了，把关键词布局在整个网站中。而如果你的网站只有几个页面就没必要做整站优化了，只需把关键词放在首页就可以顺利获得排名。

　　我总结出来做整站优化有几个小技巧，如果大家有疑问，可以加新建的网络推广探讨7群：74891679一起探讨。假以一个聚集四川旅游的网站为例，主推的关键词是四川旅游，同时也要推平乐古镇旅游、锦里旅游、天台山旅游、九寨沟旅游等关键词，在如此多的关键词情况下，我们需要这样做：

　　1、把主推的关键词四川旅游放在首页，其他的城市旅游关键词放在频道或栏目上，用户通过网站知道这些旅游景点都在四川，搜索引擎通过语义分析也会知道这一点，要知道现在搜索引擎一切在为用户考虑了;

　　2、首页的标题上放主推关键词，meta标签里的description标签可以出现平乐古镇、锦里、天台山、九寨沟等关键词，但不要堆积太多了，一般描述标签里面不要放超过200个字符;

　　3、尽可能在首页上出现链接向这些频道或栏目页上的链接，这样也可以告诉搜索引擎网站与这些旅游景点的关系;

　　4、通过平时更新的内容一方面也可以添加指向这些频道或栏目页的链接，另一方面也可以做一些长尾的关键词，比如：天台山旅游门票、天台山旅游风景等等;

　　5、无论这些不是主推的关键词是放在栏目上还是导航频道上，这些页面最好都放在目录下，而不采用单独的二级域名。因为搜索引擎一般把二级域名看成一个独立的网站，虽然二级域名权威度或许比分目录高一些，但从搜索引擎排名的角度来看：如果是二级域名，相当于是一个新站，PR值、外链都要重头开始，网站的二级域名越多反而是把网站越做越小(综合门户类网站除外)。而采用分目录会把一个网站越做越大，网站的权重分散也更加合理。

　　要做好整站优化把握以上几点差不多就够了，有没谈到或有错误的地方还请大家提出批评。总之，做好整站优化是一项系统工程，不比单个页面的优化(大多数都是首页)，更需要咱们静下心来好好研究分析。欢迎大家加入网络推广探讨7群：74891679。

　　作者信息：蓝色烽火团队成员彭宇诚原创，记住彭宇诚的窝(www.pengyucheng.com)或搜索“彭宇诚”就能查看更多原创网络推广文章。欢迎转载博主各原创文章，请保留作者信息，谢谢合作!

您可能感兴趣的文章

• Flickr 的开发者的 Web 应用优化技巧
• 原创文章也是要技巧的
• 大型门户网站关键词优化技巧
• RSS对网站SEO优化的好处
• 如何优化网站内链建设
• wordpress博客seo优化指南
• 提高论坛网站流量的三点要素
• Web 前端优化最佳实践之 Mobile(iPhone) 篇
• Web 前端优化最佳实践之 图象篇
• Web 前端优化最佳实践之 JavaScript 篇

那么如何写好一篇原创内容呢，又有什么好的方法呢？下面就和大家一起分享下创作原创内容的技巧。

一、文章的标题要有核心关键词，内容里要尽量早地、尽量多地使用关键词，但是不能重叠关键词，一般四个关键词为最佳。

二、网面上的关键词密度要控制好，关键字和整篇文章的比例最好在10%左右最好，一般搜索引擎喜欢比较小的网页，通常内容控制在1000个词之内，实在文字太多可以像一些大的门户网站一样分页显示出来。

三、文笔要多处开花。搜索引擎除了能识别同一关键词外，还能够分析和关键词语义相近或相同的词语，与其它搜索引擎相比，google对语义分析能力更强。同时在文章中点缀一些单数和复数形式，变化动词时态对英文网站优化很重要。

四、考虑到地理位置。搜索引擎趋向于将搜索者的位置纳入到考虑的范畴之内，例如：你的公司是一家上海企业，这样你得考虑适当地将上海本地的地名(比如人民广场南京路)加入到你的文章里，搜索引擎在抓到的时候会有优先的考虑权，会不断地试图将本地的搜索者与本地的组织相匹配。

五、避免欺骗，要保持准确性和真实性，让用户能够找到真正适合自己有用的信息，也就是要考虑用户的友好性。

您可能感兴趣的文章

• Flickr 的开发者的 Web 应用优化技巧
• 英文网站seo对搜索引擎优化的核心-关键字
• 怎么样优化关键词是对搜索引擎的友好
• 行业网站内容编辑和关键词优化经验分享
• 做好整站优化的几个小技巧
• 大型门户网站关键词优化技巧
• RSS对网站SEO优化的好处
• 如何优化网站内链建设
• wordpress博客seo优化指南
• 提高论坛网站流量的三点要素

一、首页
首页的关键词应该配品牌词，比如说新浪网、腾讯网等等，首页都是配品牌的名称。

二、频道页
频道页的关键词应该放置核心关键词，比如：音乐、手机等关键词，可以把每个频道页面看作是一个行业网站，频道页不仅可以在搜索引擎上获得大量的IP，同时也是让sprider抓取更多页面的频道，一般以二级域名显示。

三、栏目页
栏目页的关键词应配中尾关键词，比如：音乐下载，手机图片等关键词，栏目页可以看作是频道页的一个延续和长尾。

四、专题页
专题页的关键词应配热门关键词，例如：google退出中国市场、温哥华冬奥会、网站备案要拍照审核等关键词，现在正在流行的、最热门的、用户关注度比较高的关键词。因为专题页是把很多的相关文章、图片、视频等内容聚合到一起，排名很有气势，受用户欢迎的。

五、文章页
文章页的关键词应配长尾关键词，比如：让谷歌快速收录最新文章、论坛网站的SEO优化有哪些方法等关键词，长尾关键词搜索量小竞争程度小，但对于拥有大量页页的门户网站来说是非常有优势的。

您可能感兴趣的文章

• Flickr 的开发者的 Web 应用优化技巧
• 做好整站优化的几个小技巧
• 原创文章也是要技巧的
• RSS对网站SEO优化的好处
• 如何优化网站内链建设
• wordpress博客seo优化指南
• 提高论坛网站流量的三点要素
• Web 前端优化最佳实践之 Mobile(iPhone) 篇
• Web 前端优化最佳实践之 图象篇
• Web 前端优化最佳实践之 JavaScript 篇

这个属性可加可不加，不管添加defer属性是不是一个好的编程技巧，但该属性在适当的时候会派上用场的。它的使用方法如下：

1

<script type="text/javascript" defer="defer"></script>

添加defer属性的目的是在引入外部js文件时告诉Ie浏览器，只有在等页面加载完成后才执行引入的js文件中的js代码。当然这也可以通过一些比较好的代码实现，这些好的代码可以避免页面在没有加载完DOM就执行外部引入的js代码的问题。

注：defer属性只有IE浏览器才会支持。

2.使用一个CDATA区域来避免XHTML Strict文件验证的错误

XHTML Strict文件对页面中的标签和代码要求甚高，而js代码中常常出现运算符，而W3C验证XHTML Strict文件时，会认为页面js代码中的”< “、”>“等运算符为一个标签的开始和结束，这样就会出现验证错误。

所以比较好的XHTML Strict文件中js编程习惯时给js代码外围加上一个CDATA区域，以达到该段js可以通过W3C验证。效果如下：

1
2
3
4
5
6
7
8

<script type="text/javascript">
//< ![CDATA[
var my_variable = 100;
if (my_variable < 50) {
	// do something here...
}
//]]>
</script>

3.避免使用Javascript的关键字来自定义变量

每一种编程语言都有默认的一些关键字，在日常的代码编写过程中都因避免使用关键字作为自定义变量名。Javascript中的关键字有:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with

4.避免使用Javascript的保留字来自定义变量

同样每一种编程语言都有一定量的保留字，在自定义变量时也因避免使用这些保留字作为自定义变量名。Javascript的保留字有:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile

5.在自定义一个变量并赋予相应的类型后，在之后的代码中避免改变该变量的类型

在Javascript编程中，如下的写法是不太理想的：

1
2

var my_variable = "This is a String";
my_variable = 50;

在第一行给my_variable变量赋予了一个String的类型，而在第二行却改变为了Integer类型，这样写是一个不好的习惯，应该避免这种情况的发生。

6.不要使用全局变量

为了防止可能发生的冲突，99％的情况下，使用var关键字最初声明变量和赋予该变量值。这将确保您的变量是局部的，而不是声明它们的功能函数之外。这样的话，在两个不同的函数体内使用相同的变量名就不会发生变量的冲突。而这里在函数体内定义的变量在函数执行完成后就会被取消，从而节省了命名空间。

7.Javascript对大小写敏感

看下面的两个自定义变量，它们代表了两个不同的变量：

1
2

var myVariable = "data";
var myvariable = "more data";

所以，在日常的编写代码时，养成一个好的编程习惯，不要无意间因大小写的问题而定义了两个变量，其实你需要的只是一个变量。

8.使用switch声明来处理多种条件判断

在多个条件判断代码的编写时，不要如下编写代码：

1
2
3
4
5
6
7
8
9
10
11

if (example_variable == "cyan") {
	// do something here...
} else if (example_variable == "magenta") {
	// do something here...
} else if (example_variable == "yellow") {
	// do something here...
} else if (example_variable == "black") {
	// do something here...
} else {
	// do something here...
}

而是应该这样使用：

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

switch (example_variable) {
	case "cyan":
		// do something here...
		break;
	case "magenta":
		// do something here...
		break;
	case "yellow":
		// do something here...
		break;
	case "black":
		// do something here...
		break;
	default:
		// do something here...
		break;
}

上面的两端代码执行的结果是一样的，但第二种使用swicth编写的代码便于阅读、管理和修改。

9.使用try-catch，以防止向用户显示错误

将需要执行的代码包含在try-catch中，这样用户就永远看不多Javascript的报错信息。如下：

1
2
3
4
5

try {
	nonExistentFunction();
} catch (error) {
	document.write("An error has occured.")
}

在上面的代码中我试图去调用一个实际不存在的函数来产生一个错误。而浏览器则不会显示“not an object” 或者 “object expected”错误，而是现实了我在catch体内自定义的错误信息。当然你也可以在catch体内不懈任何代码，这样什么错误信息都不会输出。或者也可以在catch体内调用一个自定义的捕获错误的函数，以便调试其中的错误。

当然，错误也有可能来自开发人员本身代码的错误，所以在代码中加上适当的注释信息是必不可少的。

10.使用简约的多行注释对代码进行说明

在Javascript中，注释有单行注释和多行注释之分。而有时候的注释文字很长时，良好的习惯是将注释文字放在多行中，以便于阅读。

1
2
3
4
5
6
7

/*
 * 我是多行注释 ...
 * 注释..
 * 注释...
 * 注释...
 * 注释...
 */

总结：上面的10条小技巧或许对大家来说已经是了然于胸了，但有时候编程晕头晕脑的，不经意间就会忘记。所以在平时的编程过程中养成一个良好的编程习惯是一个程序员最基础的素质要求。只要多练、多看、多学习，我们的编程技术就会越来越高明的！

您可能感兴趣的文章

• Flickr 的开发者的 Web 应用优化技巧
• 百度知道100%成功留外链实战技巧
• 如何增加你的网站外链
• jquery技巧总结大放送
• 做好整站优化的几个小技巧
• 原创文章也是要技巧的
• 大型门户网站关键词优化技巧
• javascript两段代码,两个小技巧

改写后的代码,功能当然是一样的 view sourceprint?1 (this.now_char==”/”&&(this.handleNote()||(this.str2+=this.now_char)))||
((this.now_char==”\”"||this.now_char==”\’”)&&(this.handleStr()||(this.str2+=this.now_char)))||
(this.now_char==”\n”&&(this.handleLine()||(this.str2+=this.now_char)))|| ((this.now_char==”{“||this.now_char==”}”)&&(this.handleDepth()||(this.str2+=this.now_char)))||
(this.handleKeyword()||(this.str2+=this.now_char))
我嚼的第二种写法更简洁点,||&&还有很多用处,可以看那篇文章的介绍
第二段代码是利用了一个特性: (ele=document.createElement(“div”)) ;//这个表达式会返回一个dom元素,赋值的同时会把值返回给外边的括号
于是出来下面这段代码 :
复制代码 代码如下:
var mixin=function(target,options){
for(var i in options){
target[i]=options[i]
}
}
var ele=null;
mixin(ele=document.createElement(“div”),{
id:”aa”,
className:”bb”,
innerHTML:”sss”
})
document.body.appendChild(ele)
debug(ele.id)//aa
debug(ele.className)//bb
debug(ele.innerHTML)//sss

这段代码是因为我实在厌烦了建立一个dom元素的时候的一大堆语句:
复制代码 代码如下:
var ele=document.createElement(“div”)
ele.id=”aa”;
ele.className=”aa”
ele.innerHTML=”sss”

等等等等,好烦啊.
于是出来了上面的代码.
用上面的原理还可以这样写代码 (ele=document.createElement(“div”)).className=”aa”; 感觉是不是节省了一点空间呢,上面这句话节省了一个变量名,呵呵.

您可能感兴趣的文章

• Flickr 的开发者的 Web 应用优化技巧
• 百度知道100%成功留外链实战技巧
• 如何增加你的网站外链
• jquery技巧总结大放送
• 做好整站优化的几个小技巧
• 原创文章也是要技巧的
• 大型门户网站关键词优化技巧
• 10个Javscript编程的技巧