SEO网站优化：DIV+CSS.doc

SEO 优化：DIV+CSSSEO（Search Engine Optimization），汉译为搜索引擎优化，为近年来较为流行的 网络营销方式， 主要目的是增加特定关键字的曝光率以增加网站的能见度， 进而增加销售的 机会。 分为站外 SEO 和站内 SEO 两种.SEO 的主要工作是通过了解各类搜索引擎如何抓取 互联网页面、 如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术， 来对 网页进行相关的优化，使其提高搜索引擎排名，从而提高网站访问量，最终提升网站的销售 能力或宣传能力的技术。SEO 是通过采用易于搜索引擎索引的合理手段，使网站对用户和搜索引擎更友好 （Search Engine Friendly），从而更容易被搜索引擎收录及优先排序。搜索引擎优化是 一种搜索引擎营销指导思想，而不仅仅是对百度和 google 等的排名。搜索引擎优化工作贯 穿网站策划、建设、维护全过程的每个细节，值得网站设计、开发和推广的每个参与人员了 解其职责对于 SEO 效果的意义。SEO 仅仅只是网络营销的一种手段，一定不要为了 SEO 而 SEO。现在业界比较普遍的看法是 UE（用户体验）第一 SEO 第二，最终达到 UE 与 SEO 的 统一。因为搜索引擎最终的意愿是尊重用户的选择，也就是用户觉得好的网站排在前列！所 以学习 SEO 的最终目的是忘记 SEO 。从用户体验的角度 来看看 SEO 的大势所趋这次给大家介绍的是我对“用户体验”与搜索引擎排名之间的关系的一些观点。因为时间关 系， 可能文章的某些句子不通顺， 请各位见谅， 文章内容均为本人猜测， 不保证为正确观点。 在 SEO 中常常会提及到用户体验优化这个概念，什么是用户体验优化呢？简单点说就是通 过优化网页让网页更适合用户使用。 我记得一开始接触“用户体验”这个概念的时候满不以为然，什么叫做用户体验？百度能知 道你的网站受不受用户欢迎？搜索引擎只是机器而已， 它能懂什么啊？但是经过几个月的观 察和学习，我发觉事情并不是这样的。 这里我们回归到最原始的一点去思考问题， 搜索引擎的初衷是什么？搜索引擎就是要给出用 户想要的网站，用户喜欢的网站。那么无可厚非，一个用户体验好的网站理应是受欢迎的， 既然受用户的欢迎那么排在前面那是应该的。 架设两个网站内容上差别不大， 一个网站弹窗 N 个，另外一个网站界面干净，你说搜索引擎会喜欢那个网站。 ok，说了这么多废话，我想你应该认同我的观点了吧，一个网站的用户体验指标确实会影响 网站排名。但是搜索引擎是怎样知道一个网站受不受用户欢迎的呢？这里主要有两个指标： 1、PV 跟独立访客比，2、网站停留时间。如果 pv 跟独立访客之比越小，网站停留时间越短， 间接的可以说明这个网站不受用户喜欢。 接下来有是另外一个问题， 怎样去获得一个网站的 pv 和独立访客比以及用户停留时间呢？这里以 google 为例， google 的产品已经非常丰富了， 这里罗列一些可以收集用户信息的产品（当然只是我的猜想） ，google adsense 、Google Analytics、 google 浏览器、 还有我下面会说的 google toolbar。 或许上面的部分只是我的猜想， 请继续看我下面的信息，一下文字截取至安装 google toolbar 的过程中 请认真阅读：这些内容十分重要 如果您使用工具栏的某些高级功能， 那么您所访问的网站的相关信息可能会发送给 Google。 例如， 为了让 PageRank 功能向您提供关于网站的更多信息， 工具栏需要向我们发送网址来 告知我们您所访问的网站。 如果您启用了网络历史记录等一些根据搜索和浏览记录提供服务 的 Google 功能，那么 PageRank 发送的网址也会用于这些服务。任何涉及个人身份的信息 都受 Google 隐私政策的约束。有关工具栏隐私保护的详情，请参阅工具栏隐私政策。 相信你看到“那么您所访问的网站的相关信息可能会发送给 Google“这句话的时候已经开 始相信了吧。至于百度，暂时只想到百度工具栏，百度主题推广。接下来，你肯定会说，装 google toolbar 和百度工具栏的人毕竟是少数啊？关于这个问题， 我觉得可以参考 alexa 排名， 之前看过一些前辈是这么介绍 alexa 排名的，只有装了 alexa 工具栏的人访问了网站才能为 alexa 提高有效的参考数据，然后更具 alexa 更具装 alexa 工具栏的人在所有上网的人数的比 例去转换，最后得出估计的流量。只要数量足够，完全可以当做参考数据。 当我领悟到这一点之后， 在建立新站的时候， 我就开始越来越注重网站的整体设计以及用户 体验了。经过几个月的排名升降洗礼，我越来越认识到用户体验的重要性，还有一个没有权重的新站不要 SEO 的太明显，适当即可，不然排名上去了也是很容易掉下来的。 搜索引擎的算法在不断进步，SEOer 想要跟上步伐只能从搜索引擎最根本的初衷出发去思考 问题。注意搜索引擎优化 SEO 的几点忌讳SEO 必须掌握好度，优化得不够，则效果不理想，优化过度，则会被搜索引擎惩罚。其中的 技巧，我不甚了解，不过因多次被搜索引擎惩罚，我也逐渐发现了一些优化的忌讳。 一、标题 网站的页面标题是经常会被一些客户堆切了很多的关键词， 而网页标题恰恰是搜索引擎十分 看重的一块地方， 堆切了很多相关或者不相关的关键词， 很容易就给搜索引擎的算法判断成 这个网站存在作弊行为，最后导致搜索引擎封杀站点。 标题针对关键词的写法上，建议一个网页对应 1-2 个关键词即可，网页的正文内容要与网页 标题的主题高度吻合。 网页标题切忌频繁更改。一个不稳定的网站，百度是不会喜欢的，在建站之初，就应该把网 站的各个细节都考虑好，一旦建立，便不再轻易更改。 二、采集 搜索引擎是喜新厌旧的， 如果一个网站的内容都是在网络上高度重复的， 那么排名绝对不会 好，采集的网站百度会收，但是收录后会被慢慢的 k 掉，而且很少会给改过自新的机会， 哪怕之后天天更新原创文章，也无济于事。但是这并不意味着不可以采集，我们可以针对采 集来的文章做一些更改，比如替换内容、更改标题等。 三、内部链接 很多的 SEO 工程师都知道，一个网站中有某些网页的权重特别高，喜欢在权重高的网页上 堆切大量的关键词链接。 不可否认， 在权重高的网站页面上加重点的关键词链接对目标关键词的搜索引擎排名提升会 起到帮助，但是在权重高的网页堆积了过量的关键词链接，也会被搜索引擎处罚。 建议对于高权重的网页放置重点目标关键词链接，不要超过 10 个，而且这些链接放置的位 置也是相当重要!四、keywords 和 description 一些刚接触 SEO 的朋友，很喜欢在 keywords 和 description 标签的内容里，堆积一大堆的相 关关键词。 关于 keywords 和 description 标签在搜索引擎优化中的作用，基本上被主流的搜索引擎算法 降低为 0 或者非常低。在 keywords 和 description 上堆积关键词的优化方法，只会起到负面 的搜索引擎优化反应。 搜索引擎根据什么条件去判断一个网站是否存在 SEO SPAM，虽说我们没有得到官方权威的 信息。但是我们依然可以根据实践经验，得到一些重要的信息。不要刻意强调搜索引擎优化 技术中某个环节的重要，要讲求平衡。所以，自然的搜索引擎优化才不会出现 SEO 过度的 问题。 对于 SEO 过度的问题，还有一个重要的问题需要说明，搜索引擎处罚网站的方式，不一定 就是直接封杀网站，也有可能是降低网站排名或者降低权重。这些处罚的轻重会根据网站 SEO 过度的程度而定。 SEO 必须要有一个好心态，不可太急躁。尤其百度对新站收录极慢，一个针对百度优化的新 站，必须做好打持久战的准备。搜索引擎为何会受到欢迎，就是因为用户能在上面找到需要 的东西，而搜索引擎对网站的要求也同样如此，做 SEO 要多站在用户的角度考虑，搜索引 擎的算法是经常改进的，作弊的网站，就算能一时得逞，但终有一天，会被 k 掉。所以，在 网站制作过程中，应该多了解 SEO 的忌讳，避免触底线。六方面谈 SEO 常用的优化技巧今天和大家简单谈一些咱们在网站优化中的常用技巧。主要是六个方面:标签，关键字的比 例，蜘蛛的抓取页面的方向，图片的 ALt 属性，关键字的位置和链接的锚文本。 标签 对于 Keywords 和 Description 标签在咱们书写的时候，咱们可以选择将相同的内容文本 在书写，经过测试这种效果还算不错。当然了咱们还可以有意的把 keywords 中的关键词放 在 Description 标签里面，特别是标签的开头位置。(因为关键字越往前，权重越高)，当然了 要是重复出现就更好了。但是这里咱们得提醒一下，如果咱们要是优化百度，那么重复的次 数就别太多了，反之如果咱们主要是针对谷歌的话，那多重复几次更好。最后咱们还得提醒一些朋友注意，在 Keywords 和 Description 两个标签中咱们尽量避免出现 and/or/the 这样的 单词。 关键词的比例 可能很多朋友都知道在一个页面中关键词的比例最好是保持在 7%8%之间，但是这里 庸人提醒大家千万不要有意的去把关键字的比例提升的太高(这里包括两个方 面:Keywords-weight(关键字在页面中出现的次数);Keywords-density(关键字和页面中其它单 词的比值)。原因就很简单了，因为咱们如果刻意的把这个比例提高，反而会被搜索引擎认 为咱们是在对其关键字(Keywords-stuffing)，进而引来搜索引擎对咱们的惩罚。当然了还有一 些朋友在页面中关键词往往都只能达到 1%2%，说实话这个其实也无所谓的，因为只要咱 们不是高于 8%，首先就保证了搜索引擎不把咱们当做作弊，那么剩下的咱们就可以通过其 他的方式来弥补。毕竟这里在网站的整个优化过程中权重是有限的。 蜘蛛在抓取页面时的方向 作为 seo 咱们应该知道，搜索引擎侍从网站的左边到网站的右边，再从网站的上方到网 站下方。 当然在此咱们也个得提一下， 一般情况下蜘蛛对先从网站中抓取的 100 个词的权重 是最高的。 所以在这里咱们如何书写和排列关键字就显得比较重要了。 所以要求咱们尽量书 写 keywords 和 Description 的时候在文章中应该放在中间，甚至得网页下方，总之千万别放 在页面的左侧。 图片的 Alt 属性 咱们应该都知道蜘蛛是不能直接识别图片的。这里咱们就必须使用 alt 属性了，因为 alt 属性不仅能帮助蜘蛛来识别图片， 同时也是蜘蛛识别咱们网页图片的唯一方法了。 同时合理 的使用 alt 属性，也能提高一下咱们关键词在页面的比例。 关键字的位置 如果站点是关于某个主题的， 那么主要的观点或者说关键字应该出现在文章的开始， 并 贯穿全文，然后在结尾结论时突出。如果已经将导航链接和 javascript 放在页面的底部，我 们可以在 html 结束之前放上相关的文本。比如，你可以通过将关键字放在页面的版权声明 中来将关键字放在页面的底部。 链接的锚文本 如果搜索引擎发现有很多链接使用相同的文本却指向同一个站点， 那么它可能就会判断 这个站点是和这个关键字相关的， 那么在其它人使用这个关键字搜索时就会把这个站点作为 结果之一。通常很少有人会注意到去利用链接的文本。不过要注意，这个方法不要使用在互 惠链接交换当中， 相反在互惠链接交换当中要使用相关但是不相同的文本来做同一个链接的 文本。CSS+DIV 网站优化(seo)1) 一个网站要有好的 seo 优化效果，建议先使用一套标准化的 css+div 布局网 站，注意语义标签的使用； 2) 网站完工后要向各大搜索引擎网站登陆然后向 Google 提交 sitemap； 3) 增加网站有权重的连接，多交一些好的友情链接； 4) 写好网站的 robots.txt ； 5) 在关键字的地方使用标签定义，例如在主关键字用、次关键字用 .； 6) 在 后面要加上 title 标签，里面内容是你所要优化的关键字， img 标签中加入描述，可以适当添加关键字； 7) 结合网站优化的一系列工具来查看优化的情况，根据这些数据来改进你的优 化； 8) 再根据平时做网站优化的经验，结合 Google 和百度 seo 优化技巧来优化自 己的网站.网站整体的优化规则一、网站优化的基本思想 1、对用户的优化 以用户的需求为导向来设计网站的导航栏。用户可以方便的浏览网站的信 息，使用网站的服务。 2、对网络环境（搜索引擎等）的优化 从网站的架构到网页的标题和标签的设计，以及网站布局和层级的深度、网 页的动静态来整体优化网站。 3、对网站维护的优化 对网站维护的优化是为了便于网站日常的更新维护，改版升级，便于获得和 管理注册用户资源，充分体现网站的网络营销功能，使得各种网络营销方法发挥 最大的效果。 二、网站整体优化的基本要素 1、网站结构的设计合理：最多不超过 3 层。 2、网站信息有效：网站要经常更新。 3、网页下载速度快：网页的图片和 FLASH 尽量少用，网页大小要有所控制。4、网站简单易用，尤其是要注意导航栏方便。 5、设计一个网站地图。 6、网站链接有效：不能有死链接。 7、用户注册/退出方便。 8、为每个网页设计一个合适的标题。 9、设计合理的标签中的关键词和网站描述。 10、尽量采用静态网页，至少保证包含网站重要信息的页面为静态页面。 三、网站架构及页面具体优化方面 （1）对用户的优化 1、注册：会员注册越简单越好。 2、交易流程：操作简单，易用，交易方便。 3、交互：很容易跟网站相互沟通。 (2)网站架构及页面的优化 1、网站目录：网站目录最好不要超过 3 层，那样有利于搜索引擎网络蜘蛛 抓取。 2、网站页面：网站的前几级页面最好是静态页面，如果是动态的最好通过 技术手段将动态的转变成静态的页面。这样做也是有利于网络蜘蛛抓取页面。 3、导航：主导航条要醒目，清晰，而且最好采用文本链接，少采用图片。 4、路径：采用层层递进的路径，并且每个路径加上链接。有利于网络蜘蛛 快速找到相关的页面。 5、首页突出重要内容：除了主栏目，还应该将次级目录中的重要内容以链 接的方式在首页或其它子页中多次呈现，以突出重点。 6、使用网站地图：多采用文本链接，不用或少用修饰性图片，以加快页面 加载速度。需要注意，网站地图也要突出重点，尽量给出主干性内容及链接，而 不是所有细枝末节。一页内不适宜放太多链接。Google 明确提出“如果网站地图上的链接超过大约 100 个，则最好将网站地图拆成多个网页” 。 7、图像优化：一般而言，搜索引擎只识读文本内容，对图像是不可见的。 同时 图像文件直接延缓页面加载时间，如果超过 20 秒网站还不能加载，用户和 搜索引擎极有可能离开你的网站。因此，除非你的网站内容是图片为主，比如游 戏站点或者图片至关重要，否则尽量避免使用大图片，更不要采用纯图像制作网 页。每个图像标签中都有 ALT 属性，搜索引擎会读取该属性以了解图像的 信息。因此，最好在所有插图的 ALT 属性中都有文字描述，并带上该页关键字在 其中。总体上，网页应尽量减少装饰性图片以及大图片和 falsh。而 Alt 属性中的 文字对搜索引擎来说，其重要性比正文内容的文字要低。 8、网页减肥：一个页面的文件大小在 15K 左右，最好不要超过 50K。 9、网页标题和标签的设计： 标题： title 简短精炼，高度概括，含有关键词，而不是只有一个公司名。但关键词 不宜过多，不要超过 3 个词组。企业网站的 title 通常以公司名+关键词为内容； 前几个词对搜索引擎最重要，因此关键词位置尽量靠前；最好将 title 组织成符 合语法结构和阅读习惯的短句或短语，避免无意义的词组罗列式 title。 关键词：尽量使用网页出现内容的关键词。 （关键词的选择另行说明） 描述：描述中包含关键词，与正文内容相关，文字不要超过 200 字。 10、 网站站内交叉链接： 在你的网站之内， 高质量的内容之间互相链接起来， 尤其对 Google 来说， 基于共同内容的相互链接对在你的网站之内分享 PR 是非常 重要的 11、网站导出链接：网站的导出链接尽量采用文本，文本内包含网站的关键 词。 12、网站友情链接：网站对外友情链接最好使用文本形式，文本中包含网站 的关键词。 四、网站维护优化 1、网站内容的更新：在网站后台设置便于网站前台内容的更新。 2、网站会员资料的收集：在网站后台设置有利于收集网站会员资料的功能， 以利于以后开展会员制营销。3、网站广告位：网站在后台应该有一个广告位管理系统，以便于在前台开 展各种广告宣传。 4、网站统计工具：网站最好后台安装一个统计工具，推荐 51la 统计工具。 便于分析网站营销效果和监测网站流量。谈谈百度的优化与降权百度的这次大规模更新，相信是几家欢喜几家忧。 文章出处：标准之路()更新后有很多网站获得了不错的排名，但是也有不少网站被降权甚至被 K。今天群里 有位朋友告诉我，自己的网站被百度降权，因为他的主关键词根本没有排名，且没有任何来 自百度的流量。 今天对朋友的站是否真的被降权暂且不提，先说一下百度的反 SPAM 标准吧。 我记得以前百度是公开反 SPAM 原则的，但是昨天忽然发现这个标准已经被关闭， 或许是因为百度算法调整后，反 SPAM 原则更改的原因吧。SPAM 的原意是指垃圾邮件，引 申在搜索引擎方面就是对搜索引擎的欺骗行为了。反 SPAM 就是为了 User experience（用户 体验） ，百度的标准是，用户体验高于一切，其他任何 SPAM 行为都将遭到封杀。 我们做 SEO 的原则并不是为了排名而做，而是更好的提高用户体验，好的用户体 验自然会受到百度的喜欢， 这也就是我几天前一篇文章里所说过的 UCD。 我们在做网站的时 候，一定要把用户体验放在第一位，百度蜘蛛也是特殊的访客，你不能忽视他的感受。在反 SPAM 工作中，蜘蛛自动识别和人工识别是相辅相成的，首先会由蜘蛛判断出你的网站是否 有 SPAM 行为，如果有，你的网址就会被列入 SPAM 数据库，然后再由人工复审你的网站， 但是你要知道，百度的工作人员再多，也多不过海量的网页搜索次数，所以这里就一定会有 误差，一般蜘蛛判断出你的网站有刻意欺骗搜索引擎的行为时，工作人员就很少复查了，带 来的结果就是网站被降权甚至直接被 K。 那么什么才算是 SPAM 呢？简单来说，过分的 SEO 优化都可能导致网站被降权。 现在的站长都很聪明， 很少有人再去做几年前那样的关键词堆积等傻行为。 不过百度可以从 另外的方面查出你是否作弊， 如果你的网站被降权， 首先检查你的网站是不是有关键字堆砌， 无关关键字，恶意转接等方式，另外不要随意更换你的 title，关键词。有很多站长说，我的 描述可以换吧， 因为现在很多人都说描述百度已经不关注了， 可是我的意见是， 既然没有用， 百度就不会去索引你的描述，也不会要求你写上 description，因此，这些东西在建站之初就 要考虑好，千万不能说换就换，这对网站，尤其是权重很低的新站来说是及其危险的行为。 另外，外界盛传百度对域名也会有三六九等，比如 CN 域名权值低等，这我倒觉得 有可能，因为 CN 域名一元风暴刮起后，成千上万的垃圾站涌向网络，对于这样的情况，百度自然会做出相关的策略。不过并不是所有的域名都会被鄙视，只要你的站建的有根据，且 文章原创多，没有错链接、空连接等，百度一定会对你的站刮目相看。另外最近我还发现一 个奇怪的现象，貌似百度对域名注册时的 domain 信息好像也有关注，朋友说可能被降权的 站 / ， 注册信息是 Registrant organization: XX 公司， Registrant Name: 张 三，Administrative email: ，假如我的判断没有错，百度真的在意这个信息的 话，那这样的注册信息无疑会提高你被降权的机率。 还有一条就是新站建立后频繁的向搜索引擎提交，一般搜索引擎，尤其是百度规 定一个月内只能提交一次， 更不能多个同站页面多次向百度提交， 这都会遭到搜索引擎的反 感，从而导致降权，我在前段时间解答一位朋友的问题时说过，新站建立成功后，不要主动 提交给百度等搜索引擎，找个高质量的外链，不超过三天你的站自然会被收录。 如果以上的这些你都没有做过，那就有可能是百度的“连坐措施”了，假如你的 站链接了一个作弊的网站， 而这个站被 K 后， 搜索引擎可能会被认为是你在辅助这个站作弊， 因此你的站也会受到牵连，解决办法只有一个，赶紧取消这个链接，然后语意诚恳的写信给 百度管理员，请他复查。不过如果你没有链接作弊站，而作弊站单方链接到你这边，那没关 系，也不会收到牵连。 百度是非常注重你的站的实际价值的，过量的新闻采集也会导致网站被降权，做 一个网站，哪怕信息很少，但是每一篇都是原创，那你的站权重一定低不到那里去的。 有些网上的资料是这样写的 1.百度首先看中的是内文关键词密度和分布。 与其他搜索引擎不同的是， 百度更喜 欢关键词密度较高，关键词位置较集中的页面 2.baidu 没有放弃 title 标签，但已经放弃 keywords 和 description。title 标签的位置 和长度对搜索结果有较大影响： title 长度越短越好【不鼓励在每个标题后加网站名字或关键词组】 关键词在 title 中越靠前越好。 3.页内链接带有与页面 title 相同的 title 提示，十分有利于提高页面权重 我敢说这都是误导，从第一条说起。 关键词密度高，就容易造成关键词堆砌，百度自然会认为你的网站是 SPAM，关键 词更要平均分布， 并不是集中就好， 我在解答一些朋友的问题时， 曾经反复说过一句话： “有 始有终” ，关键词也是这样，不能单单关注搜索引擎先去看的左部上方，而是这个页面都要 平均分配关键词的位置。不是说头部做了一堆关键词，尾部一个关键词都没有。 第二条：一般来说，titile 的前七个字是权重最高的，因此建议把主关键词放在前 七个字，而 keywords 更不可能为放弃，没有了 keyword，百度怎么知道你的网站是要描述 什么东西？description 虽然盛传已经被放弃，但是经过我的一些实验发现，description 依然是有效的，有很多网站都在收录后，显示的是 description 内容，例如打开网址 /s?wd=&;cl=3，就是在百度中搜索“SEO 俱乐部”出现在第一 个的就是我的 blog，你可以看到，百度索引的就是我的 description，因此 description 同样关 键。 第三条：并不是说与 title 有关的词就可以提高页面权重，而是主关键词的平均出 现才会有价值， 一般在大型门户的优化中， 单页面都会带有 3-5 个有绝对地址链接的关键词， 这是提高权重的方式，也就是我们常说的内链。 总之一句话，网站被降权并不是可怕的事，起码还没有被 K，这就是复活的希望， 去掉刻意优化的痕迹，加多一些原创文字，再加一些高质量链接，复活一定指日可待。网站 SEO 并非一定需要静态化在国内，很多“SEO 专家”给客户网站的第一诊断结果就是要页面静态化。这倒不是因 为动态页面就做不了 SEO，而是相对静态页面而言，动态页面的 SEO 更加难做，受“SEO 专 家”的技术能力所限而已。 对于搜索引擎而言，在主观上对静态页面和动态页面并没有特殊的好恶，只是很多动 态页面的参数机制不利于搜索引擎收录，而静态页面更容易收录而已。此外，页面静态化在 一定程度上也提高了页面访问速度和系统性能及稳定性这使得在搜索引擎优化上面， 为 使得效果更加明显，问题简单快速解决，大家对站点的静态化趋之若骛。 然而对于一些大型网站，静态化带来的问题和后续成本也是不容忽视的： 由于生成的文件数量较多，存储需要考虑文件、文件夹的数量问题和磁盘空间容量的 问题需要大量的服务器设备； 程序将频繁地读写站点中较大区域内容，考虑磁盘损伤问题及其带来的事故防范与恢 复硬件损耗要更新、站点备份要到位； 页面维护的复杂性和大工作量，及带来的页面维护及时性问题需要一整套站点更 新制度和专业的站点维护人员； 站点静态化，增加了更新维护难度和网站管理人员工作强度，增加了硬件设备需求和 损耗速度，增加了站点潜在的访问冲突和故障概率。对于一个大型网站而言，这都是必须考 虑的问题。 对于 SEO 优化，我们不需要真正静态化，只需要假装就可以了。动态页面也一样能够 做好 SEO 优化。 目前大多数搜索引擎基本都能收录动态页面，使用动态页面的站点数也远远大于静态页面的站点数。 许多大型网站虽然网址的后缀为。htm，但其实还是动态页面，只是用了 URL Rewrite 的方式“欺骗”搜索引擎，真正完全静态的没有发现几个。 目前对于一个动态网站，实施相对静态化的做法基本有如下几种： 1. 伪静态，URL Rewrite 方式。 2. 类似蜘蛛的方法，动态站点也存在，只是通过一个程序去抓取整个站点并保存发布 为需要访问的静态站点。 不论是真静态页面还是伪静态页面，在方便搜索引擎收录这一点上，效果都是一样的。 既然如此，为什么不使用效率更高的“相对静态化”的方法，以避免真正静态化所产生的诸 多问题呢？ 在页面更新维护问题上，即使是伪静态，也带来了不少维护的复杂性和工作量。目前 较为可取的更新方式有： 触发式更新：当维护人员在后台更改某些信息后，系统自动或提供手动更新相应显示 页面。 独立、分片式更新：更新与维护分开，页面划分为不同的区，根据一定的规则对于区 进行更新。区之间的整合与分离，有的是采用活动域，有的是采用 SSI（Server Side Include） 。 对于独立、分片式更新，应当是大型网站相对静态化后较为理想的更新维护模式： 1. 将各页面定义分区、编号，给定存储规则和更新规则，更新规则分为“依据数据变 更更新”和“周期更新” 。 2. 对于各区采用优先级的方式，并提供手工触发的即时更新，以保证部分信息的更新 时间需要。 3. 静态页面替换动态页面，同时保留动态页面，并在静态页面未生成完毕时采用动态 页面代替。 静态化对于网站 SEO 来说，应当只是一个信号，告诉搜索引擎我的站点很好收录，然 后带领搜索引擎尽可能多的“浏览”站点内的内容。只要能够方便浏览和收录，不论是静态 页面还是动态页面，搜索引擎都会一视同仁的去收录。 对于小网站而言，站点静态化或许是解决网站收录量的一个简便的办法，而对于大网 站来说，则要认真考虑了，是不是真的有必要去做静态化，还是做一下“相对静态化”就够 了。W3C 验证W3C 是英文 World Wide Web Consortium 的缩写，中文意思是 W3C 理事会或万维网 联盟。W3C 于 1994 年 10 月在麻省理工学院计算机科学实验室成立。创建者是万维网的 发明者 Tim Berners-Lee。 .W3C 组织是对网络标准制定的一个非赢利组织，像 HTML、XHTML、CSS、XML 的 标准就是由 W3C 来定制。W3C 会员(大约 500 名会员)包括生产技术产品及服务的厂商、 内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万 维网发展方向上达成共识。W3C CSS 验证服务是由 W3C 制作的一个免费软件，用于帮助 Web 设计者检查层叠 样式表(CSS)。你可以在 W3C 提供的免费在线服务中使用，也可以下载后作为一个 Java 程序或者 Servlet 运行在自己的机器上。如果你是一个 web 开发者或者 web 设计人员，这个工具将是一个强大的助手，它不 仅会将你所写的 css 文件和 css 的标准进行比较，帮你找出错误，笔误，误用等等，它还 可以告诉你你的 css 中可用性上的风险。关于 DIV+CSS 和 XHTML+CSS 的理解WEB 标准是一系列标准的集合，并不是仅“DIV+CSS”布局就可以实现。以 CSS 网页布 局只是标准的基础之一。 “DIV+CSS”布局只是一种通俗的称呼罢了。而我们学习的目标在于 以 XHTML 建立良好的语义化的结构，结合 CSS 最大程度使表现与内容相分离。 一位网友对 W3C 标准、重构与 CSS 布局的理解： 不知道从什么时候开始， 在网络上到处可以看到 div+css， 到底什么是 div+css 呢？难 道就是传说中的标准重构吗？标准从最简单的根源来说不是合理使用 xhtml 的标签吗？可 为什么还是有这么多 div+css 呢？既然可以 div+css，那为什么不可以叫 span+css ul+css li+css 等等呢？ 疑问，满脑子的疑问!为了这个疑问，我把自己脑子里的东西从最底层翻了一遍。 在几年前大家都是用 table 来布局，一层套一层，没发现什么不妥，一直用到网站 重构 这本书出来后的不久开始看到很多人讨论重构。 当时的我对所谓的重构一点都不清楚， 当然啦，现在还不是很清楚，至于网站重构这本书我也没看过几页，不敢说自己什么都 了解。但就目前而言，还是有很多朋友是从 table 布局转变过来，也包括我自己在内。 看了网上很多教程以及很多朋友的文章或者是提到的问题，代码结构中少不了的是 div。甚至看到代码结构中除了 div 标签在 body 中外，找不到其他用来处理结构的标签了。 或许就是因为如此，才出现了 div+css，用 div 来做布局，结合 css 来表现样式，那这样就 是标准了？ 是把 table 换成了 div，把 td 换成 ul 来排列后，那其他 xhtml 的标签怎么办呢？ 或许有朋友会说“我是用 div 来布局，所以要叫 div+css，而且现在大家都这样叫啊” 。 嗯，没错，因为 div 在 xhtml 中没有语意，而且是块元素，用在布局方面比较合理。但如果 因为如此而把 div 独立出来称呼为了 div+css，貌似跟 xhtml 可以平起平坐了。就好比你的 辈分原本就是晚辈，却跑去跟长辈争上座，太不像话了，不是吗？ 说了这么多，无非是想希望大家以后不要再说 div+css 了，为什么不能再多打 2 个字 母，改叫 xhtml+css 呢？如果觉得这样还不妥，那就叫网站重构吧，你也可以称自己为网站 重构工程师，多好听的名字呢，总不能让别人叫你 div+css 人员吧。 在 超越 CSS 他们还是推荐大家少用 div， 中， 多合理的使用标签， 不要遗忘了在 xhtml 中还有 p,form 诸多的标签。合理的使用标签，合理的页面结构才会让你的站点更容易被搜索找到重要内容。 简单说吧， 大家都知道 hn （n=1,2,3,4,5,6） 是用在标题， p,form,table 那 是不是也可以让他们有自己在页面结构中的一个位置呢？ 以上只是个人在文字方面对网络上到处可见的 div+css 一些看法，文字表达方面不对 的地方大家批评，但最终希望的是不要再叫 div+css 了，div 不是主要的东西，主要的是 xhtml。XHTML 标准的 DIV+CSS 布局对于网站 SEO 的影响代码精简 使用 DIV+CSS 布局，页面代码精简，这一点相信对 XHTML 有所了解的都 知道。代码精简所带来的直接好处有两点：一是提高 spider 爬行效率，能在最 短的时间内爬完整个页面， 这样对收录质量有一定好处;二是由于能高效的爬行， 就会受到 spider 喜欢，这样对收录数量有一定好处。 表格的嵌套问题 很多 SEOer 在其文章中称，搜索引擎一般不抓取三层以上的表格嵌套， 这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但 根据目前掌握的情况来看，spider 爬行 Table 布局的页面，遇到多层表格嵌套 时，会跳过嵌套的内容或直接放弃整个页面。 使用 Table 布局，为了达到一定的视觉效果，不得不套用多个表格。如 果嵌套的表格中是核心内容，spider 爬行时跳过了这一段没有抓取到页面的核 心， 这个页面就成了相似页面。 网站中过多的相似页面会影响排名及域名信任度。 而 DIV+CSS 布局基本上不会存在这样的问题，从技术角度来说，XHTML 在控制样式时也不需要过多的嵌套。 这虽然没有得到确认，但还是建议使用 Table 布局的朋友们，在设计时 尽可能的不要使用多层表格嵌套，SEOer 们在文章中说明了这一点，相信他们也 不是没有依据的。 速度问题 DIV+CSS 布局较 Table 布局减少了页面代码， 加载速度得到很大的提高， 这在 spider 爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。 另一方面，真正的 SEOer 不只是为了追求收录、排名，快速的响应速度 是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。 对排名的影响 基于 XTHML 标准的 DIV+CSS 布局， 一般在设计完成后会尽可能的完善到 能通过 W3C 验证。 截止目前没有搜索引擎表示排名规则会倾向于符合 W3C 标准的 网站或页面，但事实证明使用 XTHML 架构的网站排名状况一般都不错。这一点或 许会有争议，但樂思蜀本人保持这样的观点，有异议者可以拿三组以上基本同等 质量的网站对比观察。 我想，这样的情况可能不是排名规则，最大的可能还是 spider 爬行网 站时，出现以上差异导致收录质量的不同。 毕竟廖胜于无，建议建站或改版的朋友们，技术许可的情况下，还是选 择 DIV+CSS 布局为好。视觉冲击力形成的几种构成方式NO.1：页面构图图形的层次性 图形和元素之间的层次感，可以达到一种在干扰视觉的同时（我们所说的这 种视觉干扰就是在分散欣赏者多余视线的同时，更能注意到这一设计的主题上, 为这种干扰方式所产生的图形是这个主题的辅助图形）突出自身所想体现的主 题， 这种表现方式往往是比较直接而且有效的方式。 就如下面我引用的这个图形， 图形中那些不规则的半透明元素、光线、数字、方块、以及那些放大了的机器人 构成了一定的纵深感和层次性， 这写元素在分散视线的同时又将欣赏者的视线集 中到了中心的 GUNDAM Death Scythe 和下方的机器人身上.（这种设计方式是现 在比较多见的一种设计方式。因为大多数的人都觉得比较 COOL 吧. NO.2：页面上构图的视觉线牵引 利用色彩或者元素来牵引欣赏者的视觉， 让欣赏者随着设计师的的思维去思 考和观看作品，而现在存在的大多数作品都是运用点、线、面来引导，以图行和 元素出现的引导方式的作品比较少见。就像下面的这个图形，视觉的中心是中间 的那一条白色的色块，及当中的文字，而在上下的张图片的交接处出现的那条蓝 色的线段，就在牵引欣赏者的视觉移动到图形中的文字和其他的小的图形上。 NO.3：色彩诱导、 （1，色彩对比、色彩互补、色彩分散） NO.4：明暗诱导、利用由光感折射、光感捕捉、动态光感及明暗差异性的一 些共性来衬（运用图一来解释）NO.5：瞬间捕捉、利用眼睛感官的瞬间接受、来捕捉视觉点 NO.6：抓突破点、靠突破图形图象本身的视觉平衡点来达到视觉要求 运用图片素材的本身来寻找设计的突破点，依据图形自身所产生的空间感， 光感，等一些突出的地方，来加以利用，从而突出设计的主题。如图 图中的电 梯产生了强烈的空间感，稍加修饰一张好的平面作品就问世了。在如图片的右下 角的那张图片所产生的广告和空间感。 NO.7：比例大小、 （依据事物本身的比例关系，在等比的关系上追求视觉上 的平衡关系、 突破事物本身的等比关系，进而推出自身的视觉重点以求突破）就如一些夸 张漫画那样，一个大头小身子的人物形象，一种夸张的歪曲正常比例的方式，在 不经意间往往能收来奇效 NO.8：依据欣赏者的接受能力，及平常所说的感情，利用平时生活的一些元 素，充分考虑 欣赏者对图形的认可能力， 以自然美及突破普通接受能力的残酷美来打动欣 赏者的情感， 以获得人们对图形的记忆。(这我就不多说了) NO.9：视觉幻象、 利用视觉幻象得空间感来突出整体设计的视觉中心。 NO.10: 利用抽象的表现方式在下面的俩副作品中，作者抽象的运用的色块 来代表海水及陆地，运用色彩的对比突出主题的同时,也起到了一定的娱乐性， 这样的作品容易让人有好感，而且比较不容易忘记。什么是 UIUI 的本意是用户界面，是英文 User 和 interface 的缩写。从字面上看是 用户与界面 2 个组成部分，但实际上还包括用户与界面之间的交互关系，所以这 样可分为 3 个方向，他们分别是：用户研究、交互设计、界面设计。 1 用户研究。 用户研究包含两个方面：一是可用性工程学（usability Engineering） ，研 究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆；二是 通过可用性工程学的研究，发掘用户的潜在需求，为技术创新提供另外一条思路 和方法（consumer insight） 。所以有：Usability is all about making things easier to use so people can focus more on the work and less on the tools that help them do the work. 用户研究是一个跨学科的专业，涉及可用性工程学、人类功效学、心理学、 市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来 研究产品，站在用户的角度介入到产品的开发和设计中。 用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开 发的前期能够把用户对于产品功能的期望、 对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。 他是得到用户需求和反馈的途径， 也是检验界面与交互设计是否合理的重要 标准。 2 交互设计。 这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程 序员擅长编码， 而不善于与最终用户交互。 所以， 很多的软件虽然功能比较齐全， 但是交互方面设计很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人 聪明与进步而是让人感到愚弄与羞辱。许多人因为不能操作电脑软件而下岗失 业，这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员 的工作中分离出来单独成为一个学科，也就是人机交互设计。他的目的在于加强 软件的易用、易学、易理解，使计算机真正成为方便地为人类服务的工具。 3 界面设计。 在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人 也被贬义的称为“美工” 。其实软件界面设计就像工业产品中的工业造型设计一 样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近 人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位 使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设 计。 检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票 的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不 断为最终用户设计满意视觉效果的过程。画好线框图的 20 个步骤对于任何一个开发项目来说最大的错误可能就是没有计划。最近，有些人认 为开始前无需计划，一个优秀的开发者需要的是随机应变。我敢肯定这样的做法 最后注定是要失败的。 线框图是计划中的第一步也是最重要的一步。 这是将创意转换成客户使用的 程序的第一步。本文将要带你了解线框图整个的流程；包括涉及参与人员，工具 等，以便您能够更好的制作计划。 1）了解自己的目标 作为一个开发人员我想大家都有马上坐下来开始编码的冲动。 通常最初的想 法都很简单，那么你真的可以坐下直接开始吗？答案是否定的，项目很少有那么 简单的，任何有经验的人都知道这样做将会有 很多这样的那样的问题等着你。 一个线框图可以有效的提供您的工作效率。 修改计划内容远比在工作开始后在更正要来得更容易。 这个过程也有助于对项目更深的理解。事先作出计划，提出问题、意见，以 便解决问题。 最终制定一个工作计划，规划设计者，开发者，工程师以及项目经理各自的 工作内容，并且要保证各个环节的配合。 2）重功能，轻外观 计划展示的效果不同主要体现在所采用工具的多样性。 其实从根本上说都是 介绍有关功能部分的应用，例如，一个网页将有 3 个文本框和 2 个按钮。 这是 功能而不是形式。 在 Howard Baines 我们严格按照这一原则进行，并且我们的线框图只包括一 些功能要素（线框，按钮，下拉菜单等） 。我们忽略任何视觉和布局的东西。其 他人可能会做的更多一些，包括了布局和其他视觉的元素。这取决于你自己。 3）积累自身经验 并不一定要求您具备设计和开发的能力， 而需要的是在网页应用或者网站上 的经验。当然经验越丰富越好，并且你不需去理解关系型数据库只要画线框。 4）确定负责人 确保有人对整个计划负责。他们负责跟进和管理反馈，变化等。如果一个项 目， 那么通常负责人是发起人， 因为他们更清楚目标所在。 如果为客户提供服务， 我们将会负责计划的进程。不管是谁，只要有人负责。 5）涉及每个人 也许不是第一次会议， 必须在纸上锁定一个简单的方案并且是涉及关键利益 者的想法。很少，参与的人们加快设计进程。同时，线框图的开发涉及你的团队 和客户团队。例如，你正在用你现有的数据库整合你的应用程序或者网站，然后 确保数据库所有者可以检测所有数据库中的数据字段在你把他们加入到你的线 框之前。收集用户的传真号码如果无处存放是不好的。同水平的设计师对用户体 验有很好的理解，并且在早期流动时会存在潜在的问题。 6）完成期限 预先留出时间和交付期限，对保持项目运行是非常重要的。最初线框图会议 可以是一天或是几天，具体取决于应用程序的大小，但都需设定一个时期并且坚 持下去。会后按记录跟进，以保持项目进程。7）保持清洁 如果一个特别的网页要求两个文本框和一个按钮，那么只要有这些即可，不 多不少。 8）避免设计的线框图太多 线框图只要阐述如何达到所需功能，不包括任何介绍和设计的内容。应尽量 避免任何有关设计的内容，这样很容易分散客户的注意力。例如：为了更生动而 增加一些蓝色，那么有可能需要半小时的时间 去解释关于蓝色的用意。这些设 计的内容应该是设计师的工作。 9）记住用户界面不是用户体验 想一些使用的介绍方法是极其诱人，比如 AJAX。注意：线框图是关于功能 元素而不是方案展示或者互动的方法。为了更直观的展示应用，应尽量避免 AJAX，应侧重于线框图。 10）想