大连seo-大连搜索引擎优化

没人可以细致到保证自己的网站代码都是正确的，你可以通过以下测试来验证网站代码是否正确。看看你的网站是否完全兼容各大浏览器？是否知道多少秒可以打开你的网站？ 是否可以自信地说你的网站根本就没有打不开的时候？ 这些在一定程度上对你的网站的访问量产生了影响 （ 其它一部分影响浏览量的原因及解决办法）。

这里列出了一份常用的免费在线测试工具，你可以通过这些工具来测试你的网站，并根据结果对你的网站进行修改。
Read More…

糟糕的网站用户体验最高境界（本文系转载，作者不详）

最近在弄一个网站的易用性评估项目，就我个人体会，总结下糟糕的网站用户体验基本上会产生六大感受：

1、不安感：网站在流程方面应该让用户在每次点击下一步时有可预知性，尤其对于一些没有先验经历的在线实施流程或涉及利益攸关的点击时，如果完全不知道点击后会发生什么结果，不安感随即产生；

2、糊涂感：或称迷惑感，总之就是被界面或流程搞糊里糊涂，进行不下去的感受。比如前天在深航网站订机票，填了出发时间，却还有个返回时间，而且是必填项，搞到我莫名其妙，折腾了半天，才发现人家缺省就是往返选项，有这理吗！

3、挫折感：就是不能顺利完成任务、未达到目标的那种感受，比如电话号码必填项，却没有给出正确的格式供参考，老填错被打回重填的那种感受；

4、错愕感：错愕感的产生，通常源于进程页面与预期或暗示的不相符。比如你在某网站点击下一步，却被带出到一个界面完全陌生的站点，令人错愕。

5、被骗感：在本次易用性评估中，被评估网站提供积分换奖品，新竞争力的体验小组成员原本积分不够，但点进后发现是可兑换的样子，遂怀着系统出错的偷着乐心情，兴冲冲把送货地址什么的全部添完了,一提交,才跳个框框出来说积分不够——早不说！

6、愤怒感：前天晚上在深航新版网站买机票这事，眼看着只剩下几张票了，却在网站上半天绕不出来：一会是那个缺省往返问题，一会是找不到购买按钮，搞到最后产生了砸电脑的高级冲动。

以上用户体验六大感，一环扣一环，最终成功地将用户引至砸电脑的最高境界。

除了这6种感觉，还有几种体现用户体验不佳的状态：寻找的状态（找下一步按钮、找帮助）、等待的状态（等flash loading，等缓慢的进程）、犹疑的状态（点，还是不点；点这个，还是点那个……这是个问题）

以下是客户网站的初步分析资料，最终没有进一步探讨，很多时候客户不愿意交出访问统计的详细资料，所以不能更多了解企业。

优化上的一些细节问题：

1，首页PR分散

域名输入后转向http://www.chinafreight.cn/main/index.asp，不利于域名本身的PR值提升。建议在IIS里设置默认文件类型，保持域名本身的单一性。

2，URL尽量静态化或伪静态化，URL命名最好以拼音或英文为主，避免首字拼音缩写的方式。

3，html+css布局更利于搜索引擎读懂页面内容。

4，meta内容：

首页及频道页的title过于贪心，应抓住核心关键字进行优化。keyword也是这个问题。

细节决定一切

上述问题看起来很琐碎，单独更改某一个对整体表现的影响也许不大，但是这些细节的累积就形成了问题，chinafreight.cn的百度排名情况不太理想，google和yahoo要好些，但是以我们的经验，百度是中国货主和货代更常使用的搜索引擎。

某些关键字的排名虽然不错，但是搜索的当量不大，比如“中国运价”，很少有人会选择这样的组合进行搜索，相比起来“海运运价”会更好一些，但这些关键字的排名在百度并不好，做更多的关键字分析比较好。

货盘竞标是个不错的点子，但这个颇具特色的栏目在首页体现得过于平庸，具体操作的情况也很不理想，我查看了一下，里面几乎都是货代发的信息，不如围绕这个特色做好货主的服务，对于物流网站来说，有了货主，货代自然少不了。

站内搜索似乎不好用，搜索的结果令人莫名其妙，比如我在货盘里搜索“加拿大”，返回的结果毫无关联。

网站在设计上略显杂乱，不容易使人在第一时间了解网站特点。

我们如何做？

单纯以这个网站去做推广，成功的几率不大，推广始终都是一个客观上的辅助因素，重要的是网站自身的内容，如果由我做推广的话，我会重点突出货盘竞标的栏目，辅助以货盘和运价的查询，通过阿里巴巴等贸易平台进行系列推广，吸引货主更多的来到网站发布货盘信息，进而得到货代公司的支持。

操作步骤

需要重新开发网站，做好基础性优化工作，在实际操作中，围绕货主常见搜索关键字，通过专题方式逐个进行优化排名。

＜style type=”text/css”＞
img {width:e-xpression(this.width>100?”80px”:this.width+”px”);}
＜/style＞

图片宽度大于100像素都强制显示为80像素宽,只支持IE

DIV+CSS好处在哪里呢？我认为有三点：

1，多终端兼容显示。19寸显示器能看懂的页面，4寸的触摸屏也能看懂；
2，搜索引擎优化。同上功能，页面结构代码搜索引擎可以清晰看懂；
3，设计更替方便，执行效率高，节省资源。

作为一种新的web前端布局技术，Div+css在2004年的中国很火，以蓝色理想为主要基地，各种网站开发人员都以研究Div+css为荣，那时候Div+css还有一个很概念化的名头，叫“网站重构计划”，当时人们的注意力主要集中在div+css的两个优点上：一是执行效率和代码优化；二是多终端平台的显示兼容。2004年SEO的声势还没扩展到网站开发的各个工种，所以设计师和程序员们还很少提到适合搜索引擎。

此后沉沉浮浮，和任何一个被炒作的概念一样，Div+css被片面夸大过，也被冷落轻视过，2005年的时候我刚到大连，在跟我的部门经理介绍div+css的时候被她认为是“很简单的网页排版”，因为彼时开发工具的因素，div+css的开发效率很低，明显劣于传统table布局速度，领导者又不重视，所以很多掌握div+css技术的开发人员都不愿意浪费个人时间去重构网站，这种局面持续到2006年的时候，大连一些较大的网络公司开始逐步重视，并且在招聘的时候有意识的进行相关人才引入，到了2008年，几乎所有网页设计美工的招聘条件上，都有了这一条：熟悉div+css布局。

这样，div+css终于在大连这样的二级城市走了红运，会这种技术的美工和程序员成了抢手货，这个时候对div+css的需求已经不仅仅是上面两种原因，主要是div+css对搜索引擎的友好度，其核心精神迎合了搜索引擎的习惯，适合搜索引擎抓录和识别。

更准确一点的讲，我认为div+css应该被称作“html+css”，因为div即html的标签之一。抛却很多理论化的东西，我们可以把html看做是网页的“结构”，把css看做是网页的“形式”，html+css也就是结构和形式分离的技术。

关于结构和形式分离的问题，还需要进一步了解内容、结构和形式的关系，有时间我们再细讲。table布局的原理是利用隐形表格将页面结构规定好，再添加内容，浏览者看的清楚，搜索引擎和其它显示终端却读不懂，因为它放弃了html的标签结构，所有布局都是利用table实现的。

了解了这些概念，我们就明白为什么传统的table布局不适合搜索引擎收录，因为table在搜索引擎读来的含义是“盛装数据的表格”，而搜索蜘蛛爬行页面的时候，按照html代码一路寻找，过多的table嵌套和壅余代码会让蜘蛛迷失甚至停止爬行，html+css就避免了这个缺点，利用搜索引擎可以读懂的html标签，爬虫可以很清晰地明白页面的主标题（h1）是什么，次标题（h2）是什么，重点关键字（strong）是什么，新闻列表（li）是什么，清晰的页面结构完全适合搜索引擎的阅读习惯，搜索引擎就更乐于抓取页面，更容易提取页面的关键字，进而加大页面的权重，使页面排名靠前。

知道了html+css布局和table布局的本质区别，就能够清晰地解释一种误区：

很多人在用div+css布局的时候，没有引用html结构性的标签，而全部用的div标签，那即使你的网页是用div+css布局了，搜索引擎还是读起来稀里糊涂，代码优化和样式分离的功能是实现了，多终端显示和搜索引擎优化的功能还是不好，我们就没有真正理解div+css的核心精神。

当然我们更愿意推荐非商业化的，能给你和朋友带来惊喜的网站，相对来讲，博客更容易完成这样的任务，所以我们看到很多个体博客PR值要远远超过很多商业网站。

新奇的工艺品，玩具，礼品，电子产品，设计作品，奇闻异事，好玩的书，景点照片……这些在互联网都是抢手的题材。

我给大家推荐一个不错的介绍PHOTOSHOP的博客，很多精彩的教程和源文件：

地址如下：

http://psdtuts.com/about/

http://translate.google.com

?

消费品的推荐，多数为新奇特类型产品，用户自己上传新闻，有指定编辑审核发表，每篇新闻都可以digg，并可查看指定推荐者的所有文章。

?

?

http://graphicleftovers.com

?

你手头的美术作品到网上卖获买（被其他人下载），赚取积分，兑换成美元。自动跟踪个人账户，记录被下载情况和相应积分数。可以多次被下载。

?

?

?

?

web前端设计师–网站开发过程中一直都缺少的重要角色

传统网站开发过程中有两个重要的角色，一是程序开发，二是美工，在程序与设计的对接过程中，页面建设（制作）往往由程序或者美工来兼任，显然二者都有其特定的局限：程序重视页面效率却往往忽略设计细节，而美工重视细节却难以实现效率问题。

页面制作包含着更多的技术能力需求，尤其是互联网进入Web2.0时代和DIV+CSS布局的日益成熟，页面执行效率、用户体验和交互反应速度都成为产品比拼的细节，页面制作就更成为一种工艺设计的艺术。将美工设计的细节完美体现；用高效、简约的代码执行；结合SEO需求合理化体现页面内容；最少化的使用图片和js以优化效率。这几个方面的高度结合，将成为页面制作的重点。

由此，未来网站开发过程中将由如下三个环节组成，即：网站开发→页面建设←美术设计。页面建设工程师的表现将直接影响网站对接用户的体验，因此其角色不可或缺，我个人认为，页面建设工程师应具备如下几种能力：

1，用户体验的研究

用户体验在产品策划阶段就被广泛提起，无论程序开发人员还是美工设计都会特别注意，但页面建设作为与用户距离最近的开发者，肩负着统一并实现用户体验的重任，责任更大并且更有说话权。
同时，页面制作必须将美工的每个设计细节完全执行，甚至在一些客户体验的数据上反过来制约美工，比如行距、图文间距等，这就要求页面制作人员具备基本的美感平衡。

2，熟练操作DIV+CSS，理解HTML。

DIV+CSS至少在两个方面具备很大优势，一是执行效率；二是体现内容结构，投合搜索引擎喜好。尤其是CSS自身的不断发展，使这项技术越来越强大。
HTML编码——搜索引擎信息数据的来源，爬虫可以轻松的获取html中重要的信息数据，如<title>，<meta>部分的描述，关键字，标题<hx>，加重强调<strong>，而且网页前200单词中关键词出现的频率对这个关键词的排名的影响很大。

3，熟悉基本的程序语言

涉及到与ASP\PHP\JSP\ASP.NET等程序的对接，要了解这些语言的特点。同时要了解JS脚本。

4，熟悉美工操作软件

页面制作优化的过程中，还有重要的一点是图片优化，遵循一个重要的原则：实现+精简。也就是说，页面制作必须在实现效果的前提下，尽量简约的使用图片以减少流量成本。而切图及图片优化也是整个过程中重要的环节，不能不了解。

5，熟悉SEO优化

懂得各种页面优化的细节，同DIV布局完美结合。

6，沟通协调能力

协调美工及程序开发的对接；页面代码标准化，适合多人承接；兼顾程序拓展性开发等。

通过凌润等近期几个项目，越来越感觉到页面建设的重要性，实际开发过程中，页面建设一直都制约着项目的进度，而且很多好的程序和设计理念，因为页面建设的问题没有实现。有时候觉得页面设计真是一个工艺设计的艺术，将实用和美观高度结合，写了这么个东西和大家探讨一下，把我们的产品做得更加出色！