RankNow.cn网站助手是SEO服务平台，拥有国内首创的SEO服务运营平台RankNow数据专家是一款拥有自主知识产权的在线数据服务的产品，由天亚科创历时两年开发而成。利用这个SEO网站分析工具也可以帮你分析网站，并给你一些更有价值的意见！
服务器速度诊断
遍布全国的服务器帮您发现速度瓶颈
页面内容分析
对页面的标题，META关键字，描述，页面内容等元素进行获取，帮您更进一步的统计网站元素。
页面SEO诊断
对页面的搜索引擎优化进行分析，得分 该网址已经处于我们的数据监控中，注册会员可以看到更多数据。
SEO建议
根据网站的现状进行分析，获得网站建议
搜索引擎关键字排位
对您最关注的关键字进行搜索引擎前100排位跟踪。您需要做的就是提升他们的排位。
css是大家众所周知的，广泛的用来定义网站样式。随着css3版本的发布，css3支持一些省时、省力的一些新属性。尽管目前仅仅最新的浏览器支持这些新属性，但还是感觉不错的。此文章我将介绍5个css3的新属性。
一、基本代码结构
在开始这个教程之前，我们先把基本的代码结构编写好，我将结合这些代码来讲解介绍。
我们需要如下div代码元素
1、#round，讲解css3圆角效果时使用；
2、#indie，讲解个性圆角效果时使用；
3、#opacity，讲解css3实现透明的新方法；
4、#shadow，在不使用photoshop情况下，如何创建投影效果；
5、#resize，介绍一个新的css3属性，调整缩放元素。
XHMTL代码如下：
<!--CTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt--> <div id="“wrapper”"> <div id="“resize”"> <img src="“image.jpg”" alt="“resizable" width="“200″" height="“200″" /></div> </div>
在html文档里面，我们创建了几个div，同时给相应的div定义了ID。
我们创建基本的css样式。
body { background-color: #fff; } #wrapper { width: 100%; height: 100%; } div { width: 300px; height: 300px; margin: 10px; float: left; } /*rest of the code will come here, later*/
正如你看到的，我们给每一个div标签设置了300px的宽和300px的高。同时给它们定义了float:left（左浮动）让它们显示在一排。
二、圆角
创建圆角效果稍微有点麻烦。首先，你先设计这个圆角效果图片，然后，创建多个结构标签，把圆角图片分别定义在相应的结构里面。这个步骤你是了解的。
这个效果用css3的新属性“border-radius”来做就很简单了，我们先创建div标签并定义黑色背景和黑边。这个border是必须的，因为我们通过这个border边来让border-radius属性生效。
代码如下：
#round { background-color: #000; border: 1px solid #000; }
刷新页面，你就可以看到一个宽高为300px的黑色、正方形的div。现在，我们开始来实现这个圆角的效果。仅仅需要添加2行代码就可以了。
#round { background-color: #000; border: 1px solid #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
正如你所看到的，我们添加了2行几乎相同的代码，唯一不同的地方就是”-moz”和”-webkit”。-moz主要是针对firefox浏览器的，-webkit则是Safari（苹果）/Google Chrome（谷歌）浏览器的。
刷新你的页面，在firefox（火狐）和Safari（苹果）浏览器里面是你可以看到平滑的圆角div，而在Chrome（谷歌）浏览器里面稍微会有点锯齿的边。
回到代码里面，修改border-radius的值，可以修复圆角有锯齿的情况。border-radius的值越大圆角越平滑，就像在photoshop里面的那样。据我所知，这个元素没有最大值。
三、个性圆角
制作传统的圆角将花费你大量的时间，庆幸的是，css3可以轻而易举的解决它。
这个属性有点类似于我们前面例子，也是使用css3的border-radius属性，然而，我们要对这个代码做一些小的修改。
代码如下：
#indie { background-color: #000; border: 1px solid #000; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; }
我们在代码里面添加了”topright”和”bottomRight”，它涉及到div元素的右上圆角和右下圆角。使用这些代码你可以轻易的实现标签似的效果
四、css3的新属性改变透明度
目前，你实现透明的效果，需要添加很多行代码来修复元素透明度。现在好了，css3简化了这个过程，可以轻易的实现。
这行代码很容易记住，仅仅opacity: value;这么一段代码。是不是很好记？
代码如下：
#opacity { background-color: #000; opacity: 0.3; }
五、投影
在photoshop里面给图片添加投影效果是毫无意义的，因为当我们把它应用到网页里的时候，我们先将投影保存为一个图片，然后把它设为背景来模拟投影的效果。现在就不用这么做了（对于现在最新的浏览器来说）不幸的是，还有一些老的浏览器无法支持此属性。
仅仅一行代码，同时设置了4个不同的属性值。
-webkit-box-shadow: 3px 5px 10px #ccc;
第一个值我设置了3px，它主要是设置标签和投影之间的水平距离；第二个值设置了5px，它主要设置标签于投影之间的垂直距离。
另一个值我设置了10px，它是投影半径，正确的解释就是投影的模糊程度或是渐变的程度。
最后一个颜色值是设置倒影的颜色，这意味着阴影不仅限于灰色阴影了，我们还可以使用红色，做成红色投影从而让投影更漂亮。
最终代码如下
#shadow { background-color: #fff; border: 1px solid #000; -webkit-box-shadow: 3px 5px 10px #ccc; }
正如你所看的，我给div定义了白色背景、黑边和灰色的投影。
六、缩放
最新的css版本，它可以调整元素标签的大小。
使用这个代码以后，我们的元素的右下角会出现一个小三角以提示用户这个元素是可以调整尺寸的。代码依然很简单，可以说仅需要一行代码，当然你还可以配合使 用一些曾经使用过的属性，比如”max-width”, “max-height”, “min-width”和 “min-height”.
#resize { background-color: #fff; border: 1px solid #000; resize: both; overflow: auto; }
代码里面我添加了两行css，”resize: both;” 和 “overflow: auto;”overflow这行是必须的，overflow有几个属性值，这里的overflow属性值应设置为auto。
另外一行我添加了”resize: both;”，它声明元素的水平、垂直方向是可以被缩放的。
网站的互动性？大家可能都已经听说过了，WEB2.0开始就强调网站要增加和访客的互动性了，在很久以的网站互动性都差，因为技术条件的限制等因素，几乎所有的网站都是HTML代码手写的，纯静态的网站，做一些修改要把所有的文件都修改一遍，不仅耗费时间，而且一旦出错，还要重新再来，那是相当的麻烦的。
后来就有了网页三剑客，发展到现在又很多的开发工具，网站也基本都是动态脚本写的了，ASP、PHP的使用最广泛，那么在你制作网页的时候，有没有考虑到网站的互动性呢？网站的互动性并不单单有利于SEO，同时也有利于网站的用户体验、产品营销、网站的品牌建设等，从而进一步加大网络营销的力度。
目前多数的网站对网站互动性这一块来说并没有过多的去重视，他们最注重的是能够有多少人来访问我的网站，因为他们认为只要流量有了，自然网站的销售额也随之加大了，但是随着互联网的普及，搜寻者并不是能找到信息就罢休，他们还要找更多的信息去比较、衡量，从其中挑选。不仅如此，如果网站的内容为访客提供足够的互动空间，那么也是非常有助于网站的SEO。
需要与之结合的就是链接的点击率与SEO，在确保网站有足够的访问者之前，我们必须做好网站的互动性，否则访客也是走马观花，很可能这个访客以后永远都没有机会再来了。当然访客在网站内驻留的时间搜索引擎同时也是有记录的，如果你网站的内容足够吸引访客，将其留住。那么对于搜索引擎优化而言，网站又提升了一大步。
搜索引擎并不是众多SEOer所想象的那样简单，只要有着合适的关键字密度以及外部链接就什么关键字都不惧了。然而访客从点击进入网站至离开网站，中间的复杂过程搜索引擎甚至会比我们更了解。例如访问者在我们网站中驻留时间、访客对网站内容是否感兴趣?以及访客的访问深度、有多少访客会回访我们的网站?不单单流量统计有这样的功能，其实搜索引擎也是具备的。有时百思不得其解，搜索引擎是如何了解到这些的?设想：“例如内容中插放的Google AdSense、或者验证管理员工具的元标记、空间的ISS日记、Google订阅数等等。”有时不得不把这些因素都要怀疑在内。至于它是如何做到的，暂时也不去加以思索，毕竟这些是他们内部的核心机密。但是足以肯定它已经掌握了了解网站互动性的方式。我们只需要认真完善自己网站的不足之处，更不可以投机取巧，因为网站内容有着好的互动性，不仅仅可以帮助SEO、更可以结合多方面而促进网络营销效果。
互动性主要体现在以下几方面：
1.排名：针对某些具体事物进行排行。例如：博客排行、相册排行、最受欢迎会员排行等；
2.评价：可以让用户针对某件具体事物进行评价，例如：会员评价的音乐、电影、博客等；
3.推荐：可以让用户针对某些具体事物进行推荐，例如：会员推荐的餐馆、书、音乐等；
4.统计：针对用户对某些内容进行统计，例如：用多少会员浏览他的相册、博客等；
5.激励：提高用户的贡献和参与热情；
6.评论: 可以让用户对网站的任何用户发布的东西时行评论；
7.讨论：针对某些具体的事物进行讨论，例如：网上辨论、网上评选等；
8.方便: 网站提供的功能，一定要操作方便,反馈及时；
9.参与：简化用户对某一事物的参与性；
10.聚会：让会员通过网上和网下进行互动。
如何设计网站的互动性?
1、内容能够引起访问者极高的兴趣，因而产生探讨、有时为满足站内用户探讨的空间，可以为网站开设评论、论坛等模块，来促进用户群体之间的互动性。
2、E-mail营销在网络营销中有着不可忽视的作用，也可以运用在网站互动性方面，例如企业可以运用E-mail与客户直接沟通，企业不仅可以通过这些了解到客户的需求，为之更好的服务于客户，并且可以使用户群体更了解自己，因而建立了网络品牌的理念、与之同时更好的增进了企业与用户群体之间的互动性。
3、在线调查以及访客投票，运营者可以设计一份理想的在线问卷，网站可以通过此形式让浏览者参与到一些热门话题的讨论，在加强网站互动性的同时也可以调查到一些用户的资料。为了更好的让用户投票也可以相应的设置一些奖励。
至于网站的互动性设计网站在SEO的角度就是为了更好的让访问者产生回访，增加网站的粘稠性，改善网站的用户体验等。其实网络营销当中仅网站运营部分有很多就可以紧密相连的，可以配合起来达到互补的效果。此文还有一个目的就是为了让大家意识到SEO不仅仅是搜索引擎营销的一个归类，并且他和用户体验、网站品牌等都是相辅相成的。如果把这些营销理念结合在一起，企业网络营销水平会有一个质的飞跃。
云南最大的电玩网络购物平台，云南电玩网上线啦。主要经营各类掌机、电视游戏机及电玩游戏光碟等。
云南电玩网(www.ghome999.com)上线后我便对整个网站进行了分析：
1、首页从整个网站的结构上来看
网站采取微软的ASP.NET技术构架，全站伪静态HTML，关闭了ViewState保证在页面输出的ViewState状态代码减少到最低，div+css的模式布局。网站的结构整体呈“巨“型，网站的上、左、下为固定的内容，上部是网站的云南电玩网logo、注册登录及描述、往下是网站的整体导航，导航下面是热门词和站内搜索；左部主要是各种产品和品牌导航；下部是一些支付配送服务等流程和版权信息；中间的部分为每一个页面的核心内容，此部分的内容都从数据库提取。这种布局使网站结构有具有统一性，便于用户的浏览和操作。由产品详细介绍页面的面包屑导航“首页 > 栏目名称 > 商品详情”和详细新闻页面的“首页 > 栏目名称 > 内容”可以看出网页采取了三级页面模式。
2、网站的标签代码
整个云南电玩网网站都是采用了URL重写技术，有利用搜索引擎的收录，并且在网站各个页面的的标题都经过了充分的关键字优化考虑，基本上没有太多重复标题的出现，而且在三级页面的标题有导航的功能。产品的详细图片基本都设置了alt属性内容，网站logo图片作为背景图片放在头部同样用了alt。在网站代码中网站做到了css代码和html代码的分离并全部用外部链接形式，包括使用了JQuery代码和一些AJAX效果都进行了封装，这些都减少了网站生产代码的长度，网页相对变得简洁，有利于用户的加载速度。
3、网站链接分析
这里主要是分析云南电玩网的站内链接，因为一个网站的内链搭建是否合理是理判断搜索引擎优化技术高低的一个重要因素。
1)、左上角的logo做上了本站主页的链接，头部右边的注册登陆和免费注册才用弹出窗口的方式，也很好的做到了用户的体验性（在很多B2C电子商务网站都还才用页面的形式）。
2)、网站上部的导航和导航下方的搜索和热门关键词，做到了对用户比较关心的商品快速找到，便捷的一个功能。
3)、首页>PSP3000主机>PSP3000 亮蓝色 像这种面包屑导航页贯穿了整个网站，给浏览者提供清晰分明的访问路径，对他们所访问的此页与彼页在层次结构上的关系一目了然，以此同时也增加了网站的内链。
4)、网站中的“热门”、首页中的“云南电玩网特价推荐”、“云南电玩网配件推荐”等，在二级页面有关键词搜索链接、商品详细页面中的“相关产品”等等都增加了网站内连的数量，这些对用户和搜索引擎都是有好的。
5)、在每个电玩商品的下方都存有“咨询或评价”，提供用户对相关商品的咨询和评论，并设有管理员的回复功能。有效的做到和用户的方便交流和反馈。
6)、在这个B2C网站中，还提供了论坛功能。因为行业是的不同，在电玩行业中，玩家的交流是比较重要的，通过网站的论坛，能过提供一个即时的交流平台，收集玩家的反馈信息，同时也对玩家提供相当的最新玩家资讯，增加对搜索引擎的收录页面。
4、网站的推广优化
因为网站是刚刚上线，网站的外部链接不是很多，并且网站内部的一些资料信息还不完善，云南电玩网网站应加强外链的工作，争取更多的外链。努力完善自身网站的内容质量和向电玩玩家提供有用资讯。做好线下推广工作，利用电子商务网站的积分制功能，和线下会员联系一起，从客户认真用心做起。
总结：因为网站刚上线还没有相关数据，比如网站流量、网站人气、访客回头率、高峰时段、用户反馈等相关技术参数，我只是在现有的基础上分析。云南电玩网网站的SEO已经做到了一些基础，仍然有很大的优化空间，包括代码优化、关键字优化、链接优化等。当然，一个网站不能做到100%SEO优化，当搜索引擎优化、用户体验优化、技术实现难度、网站定位等有冲突的时候，还要对这些因素排好队，按照重要性程度来做相应的网站构建。在后期取得相关数据后，我还会对云南电玩网从数据中进行一个比较透彻的分析，敬请关注www.hiw3c.com。
大家有没有发现，在你使用本站的时候，当你向下拉动滚动条时下面的文章缩略图才开始加载？这是一个比较不错的用户体验。就是说网站打开的时候不会一下子把所有的图片都加载出来，当拉动滚动条后用户看到了才会显示。
前不久淘宝网站新版上线，我特别去看了下，其中我就有注意到它的一个功能，当搜索商品时显示的商品列表页，整页的图片不是一下子全部加载，而是当用户拉动滚动条后看到的区域才加载图片。对于一个像淘宝这样的一个数据量很大，图片很多的网站来说，才用这种图片延迟加载，减少了页面加载的时间了，也减轻了服务器的压力，最重要的是得到了友好的用户体验感。
这个大家可以去搜索试试看，当然在本站你也可以拉动并主要文章缩略图的加载。其实这个效果实现已经有人为我们写好啦，百度了一下，你就能找到了一个jquery的实现这种效果的插件：jquery.lazyload，一个很不错的插件。
如果你是图片网站，而且一个页面要加载很多图片，这个插件是个很不错的选择。
使用方法，引用如下js：
1 2 | <script src="jquery.js" type="text/javascript"><!--mce:0--></script> <script src="jquery.lazyload.js" type="text/javascript"><!--mce:1--></script> |
在你的页面中加入如下的javascript：
1 | $("img").lazyload(); |
这将会使所有的图片都延迟加载。插件还有几个配置项可供设置。
当然对于一些用户来说就上面的功能远远是不能达到要求的，下面我们看看是如何设置灵敏度的。我们可以设置阀值来控制 这个功能比较人性化吧。
1 | $(“img”).lazyload({ threshold : 200 }); |
把阀值设置成200 意思就是当图片没有看到之前先load 200像素。当然了你也可以通过设置占位符图片和自定事件来触发加载图片事件
1 2 3 4 | $("img").lazyload({
placeholder : "img/grey.gif",
event : "click"
}); |
我们还可以通过定义effect 参数来定义一些图片显示效果
1 2 3 4 | $("img").lazyload({
placeholder : "img/grey.gif",
effect : "fadeIn"
}); |
seo无处不在啊，随着seo基础理论的普及，程序员对网站建设开发过程中的seo意识的渗入，未来的网站程序将会越来越友好越成熟，即使随着搜索引擎排名算法的改变，程序可能仍存在一些seo bug，但是通过企业的网站优化相关部门的进一步优化处理，网站的程序优化将越来越会对搜索引擎友好。
但是未来的企业网站排名将会很激烈，企业也越来越重视企业网站的排名优化，如果仅仅看现在的seo基础理论去优化，网站排名影响因素变得越来越小，企业网站之间排名优势不太。这样的结果对搜索引擎，对企业，对用户都是不想看到的。
我们能够预测到，未来搜索引擎的排名算法将会注重外部链接的建设与用户体验，这两方面的因素对网站排名影响越来越大。
外部链接对网站排名的影响这个不用多说，网络是要链接的，否则就不是网络，高质量的链接资源对未来网站排名影响将会提升到40%。
用户体验这方面，我认为搜索引擎会根据网站流量，回头率，浏览深度，转化率等等用户行为进行一个综合评估，甚至可能会出现类似PR这种页面等级，来衡量网站用户体验情况，并纳入网站排名算法中去。
所以网站优化未来的外链建设会促进企业间的资源交换与商业合作，这样也使网站的质量大大提高，为用户提供更好服务。同时网站的用户体验也会要求企业根据数据分析的结果，不断改善网站是使用功能，促进用户行为，从而提高转化率。这样的算法也拉近了搜索结果与用户需求的匹配值，从网站服务与用户之间的“对话”来进行网站排名。
以上是hiw3c.com对未来网站排名算法一点猜想，不论未来会变成什么样，但我想，用心做好自己站的质量，提高网站程序对用户的友好度，排名自然会上去的。
