Blog Page

分析基础SEOHTML源代码

1、<!–页面注解–>
2、<html>
3、<head>
  4、<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
  5、<meta http-equiv=“Content-Language” content=zh-cn>
  6、<title>页面标题</title>

  7、<meta name=”keywords” content=”关键词“>
8、<meta name=”description” content=”网站描述“>
9、<link href=”inc/css.css” type=”text/css” rel=”stylesheet”>

10、</head>
11、<body>

12、</div>
13、<h1>页面内容标题</h1>
14、<h2>页面相关性标题</h2>
15、<h3>标题系列</h3>
16、<h4>标题系列</h4>
17、<h5>标题系列</h5>
18、<h6>标题系列</h6>
19、<img src=”xxx.jpg” alt=”图片说明”>
20、<a href=”/” title=”链接说明”>锚文本</a>
21、<strong>重点关键词强调</strong>
22、<b>关键词强调</b><u>关键词强调</u><i>关键词强调</i>
23、</div>

25、<div>
26、版权部分关键词强调
27、</div>
28、</body>
29、</html>

注:在<body>..</body>标签区中的罗列,都是一些基础的HTML标签,这些标签出现的次序是可以变化的。

第1行的<!–页面注解–>

这个标签是用来做HTML代码注解的,这种形式的注解在浏览器中是不会显示的,而搜索引擎可以读到。所以这个标签有的时候会成为作弊的一种形式,而这种最原始的作弊方式、早被搜索引擎

第4行到第5行<!–meta标签–> 

 

 

对于Meta标签来说他包含了很多参考、其中需了解“Content-Type”代表页面编码、“Content-Language”代表页面语言,这是一个很容易被SEO初学者忽悠的标签、一旦设置错误、可能影响搜索引擎对页面的抓取及收录。

第6行<title>页面标题</title>  重点了解

 

 

页面标题对搜索引擎排名的优化是非常大的、而在SEO优化过程中、也是重点优化对像之一、尤其是百度对页面标题的评分很高、而标题的书写也直观重要、包括:标题是否完全匹配、是否包含与被包含关键词等

第7行<meta name=”keywords” content=”关键词”>

关键词标签对于现在的搜索引擎或SEO优化者来说价值越来越低了、以前搜索引擎对关键词标签是很看重了、由于黑帽的手法慢慢体现、一些SEO人员以堆 积关键词标签来提升网站排名为目的,导致现在搜索引擎对关键词标签、可以说是忽悠判断,但是个人认为、虽然是被忽悠、但是首页的关键词还是可以手工处理 下、至于内页可以忽悠。

 第8行<meta name=”description” content=”网站描述”>

主要在搜索引擎结果中体现,与关键词标签一样、目前不太受搜索引擎看中、但描述标签与关键词标签是有区别的、关键词标签浏览器用户正面是无法看到,但 是描述标签一旦被搜索引擎索引、是会体现在搜索引擎结果中、而这个结果是可以直接响影用户点击率、可以说一个好的描述可以为你网站增加很多点击及转化、提 示:由于搜索引擎时刻在更新、算法及索引方法也不段在进步、或者说很人性化、所以搜索引擎会根据用户搜索“关键词”去抓取网站描述。所以个人建议、还需要 注意首页描述及着陆页描述的书写、其它部分可以使用程序调用、

第13行<h1>页面内容标题</h1>

H1标题、一个代码优化中重点标签,也是搜索引擎定位这个页面主题的依据,如果你的<h1>标签里没有出现你的页面关键字,那么这是一种 很大的损失,这里的权重相对于其它的在<body>区的标签来说更加重要。在代码优化中、它的重要性仅次于<title>。所 以,必需认真对待你的页面<h1>标签的优化,一般推荐使用在文章页面来的文章标题优化。(H1+TITLE 可以说是SEO优化中的致命组合)
第14行到第18行<h2>页面相关性标题</h2>

对比<h1>标签来说、H2标签重要程度相对来说就降底了,一般推荐使用在长尾关键词及相关内容方面,而<h3>~<h6>这些标签,重要性是依次递减的,在一个页面的权重越来越低。

第19行<img src=”xxx.jpg” alt=”图片说明”>

       我们知道搜索引擎是不可以抓取图片内容的、那么如何合理的告诉搜索引擎某张图片代表什么了,ALT标签就是告诉搜索引擎图片含义、让搜索引擎更好的理解图片内容。

 


第20行<a href=”/” title=”链接说明”>锚文本</a>

       锚文本、我们称为关键词链接,关键词链接在SEO优化当中是一个非常重要优化对象之一,而锚文本链接又可以扩展,外部链接形式的锚文本及内部链接形式的锚文本。具体对SEO的作用是需要判断链接的形式不同而不同。

 

 第21行<strong>重点关键词强调</strong>

       <strong>标签基实重要性仅次于<h1>,也是强调一类、包括:<b>、<u>、<i>等标签。而对于搜索引擎来说<strong>标签的影响要高说<b>、<u>、<i>等

 

 第26行版权部分优化

       随着搜索引擎越来越强大、网页底部、版权部分也是SEO优化者需要优化的地方、一般来说底部文件对于程序来说都是全部调用、所以如果能在底部加上一个关键词链接指向网站首页、那么这种内部式全部投票也是一种对首页页面权重的提高。

 

 

网站结构优化方案

1、优化网站结构目的

1)用户体验 用户访问一个网站必须能够不假思索地自如点击链接,找到自己想要的信息。这有赖于良好的导航系统,适时出现的内部链接,准确的锚文本。
2)收录 网站页面的收录在很大程度上依靠良好的网站结构。一个清晰的树形网站结构有利于搜索引擎蜘蛛顺利爬行。
3)权重分配 除了外部链接能给内部页面带来权重外,网站本身的结构及链接关系是内部页面权重分配的重要因素。哪些页面具备比较高的排名能力,取决于页面得到的权重。
4)锚文本 锚文本是排名算法很重要的一部分。网站内部链接锚文本是站长自己能控制的,所以是最主要的增加关键词相关性的方法之一。

2、搜索引擎友好的网站设计

1)搜索引擎蜘蛛能不能找到页面 A、要让搜索引擎发现网站首页,就必须要有外部链接连到首页,找到首页后,蜘蛛沿着内部链接找到更深的内容页,所以要求网站要有良好的结构,符合逻辑,并且所有页面可以通过可爬行的普通HTML链接达到。 B、JavaScript链接、Flash中的链接等搜索引擎蜘蛛一般不能跟踪爬行,就会造成收录问题。
2)找到网页后能不能抓取页面内容 被发现的URL必须是可以被抓取的。数据库动态生成、带有过多参数的URL、Session ID(一个终端用户与交互系统进行通信的时间间隔ID)、整个页面是Flash、框架结构、可疑的转向、大量复制内容等都可能使搜索引擎敬而远之。
3)抓取内容后怎样提炼有用信息 A、关键词在页面重要位置的合理分布、重要标签的撰写、HTML代码精简、起码的兼容性等可以帮助搜索引擎理解页面内容,提取有用信息。 B、只有搜索引擎能顺利找到所有页面,抓取这些页面并提取出其中有相关性的内容,网站才可以被视为是搜索引擎友好的。

3、避免蜘蛛陷阱

有一些网站设计技术对搜索引擎来说很不友好,不利于蜘蛛爬行和抓取,这些技术被称为蜘蛛陷阱。常见的如下这些。
Flash
Session ID
各种跳转
框架结构
动态URL
JavaScript链接
要求登录
强制使用Cookies

4、物理及连接结构

1)物理结构
网站物理结构指的是网站真实的目录及文件所在的位置所决定的结构。 一般来说比较合理的物理结构有两种。一种是扁平式的,也就是所有网页文件都存在网站根目录下:
http://www.deseui.com/index.html
http://www.deseui.com/pageA.html
第二种是树形结构,或称为金字塔结构。根目录之下以目录形式分成多个产品分类(或称频道、类别、目录、栏目等),然后在每一个分类下再放上属于这个分类的具体产品(或称为文章、帖子等)页面。
比如连衣裙分类为
http://www.deseui.com/lianyiqun/
分类下再放入具体的产品页面
http://www.deseui.com/lianyiqun/product-a.html
2)链接结构 网站结构的第二个意义指的是链接结构,或称为逻辑结构,也就是由网站内部链接形成的链接的网络图。对于搜索引擎来说更重要的是连接结构,而不是物理结构。 比较合理的链接结构是树形结构:
首页链接向所有分类页面
首页一般不直接链接向产品页,除了几个需要特殊推广的产品
所有分类首页连向其他分类首页
分类首页都链接回网站首页
分类首页链接向本分类下的产品页
分类首页一般不链接向其他分类的产品页
产品页都链接向首页,一般以网站导航形式体现
产品页链接向所有分类首页,一般以网站导航形式体现
产品页可以链接向同一个分类的其他产品页
产品页一般不链接向其他分类的产品页
在某些情况下,产品页可以用适当的关键词链接向其他分类的产品页

5、清晰导航

清晰的导航系统是网站设计的重要目标,对网站信息架构、用户体验影响重大。
1)站在用户角度,网站导航系统需要解决两个问题。
A、我现在在哪里?用户可能从任何一个内页进入网站,有时候从首页进入,点击多个连接后,用户也已经忘了是怎么来到当前页面的。导航系统这时就要清楚地告诉用户现在处在网站总体结构的哪一个部分。
B、下一步要去哪里?有时候用户知道自己想做什么,页面的导航设计要告诉用户点击哪里才能完成他的目标。
2)站在SEO的角度,网站导航系统应该注意一下几点。
A、导航文字 尽量使用最普通的HTML文字导航,不要使用图片作为导航链接,更不要使用JavaScript生成导航系统,也不要用Flash做导航。CSS可以设计出很好的视觉效果。最普通的文字链接对搜索引擎来说是阻力最小的爬行抓取通道。
B、点击距离及扁平化 良好导航的目标之一是使所有页面与首页点击距离越近越好。
C、锚文本包含关键词 导航系统中的链接通常是分类页面获得内部链接的最主要来源,数量巨大,其锚文本对目标页面相关性有相当大的影响,因此分类名称应尽量使用目标关键词。
D、面包屑导航 面包屑导航对用户和搜索引擎来说,是判断页面在网站整个结构中的位置的最好方法。
E、避免页脚堆积 近年来,搜索引擎比较反感页脚堆积富含关键词的分类页面链接的倾向。

6、子域名和目子域名和目子域名和目子域名和目录录录录 搜索引擎通常把子域名(或称为二级域名)当做一个基本独立的站点看待,也就是说
http://www.deseui.com

http://news.deseui.com 是两个互相独立的网站。
而目录 http://www.deseui.com/news/
就纯粹是http://www.deseui.com的一部分。
顺便介绍一下,www.deseui.com其实是deseui.com的一个子域名,只是约定俗成,网站一般以www.deseui.com为主URL。

7、禁止收录机制

有时候,站长并不希望某些页面被抓取和收录,如付费内容、还在测试阶段的页面、复制内容页面等。要确保页面不被收录,需要使用robots文件或Meta Robots标签。
搜索引擎蜘蛛访问网站时,会先查看网站根目录下有没有一个命名为robots.txt的纯文本文件,robots.txt用于指令搜索引擎禁止抓取网站某些内容或指定允许抓取某些内容。

8、nofollow的使用

Nofollow是2005年有Google领头新创的一个标签(严格说是属性),目前主流搜索引擎包括百度、雅虎、必应等都支持。
由于nofollow属性能阻止蜘蛛爬行和传递权重,因此很快被SEO用在某些内部链接,以达到控制内部链接权重和PR流动及分布的目的。

9、URL静态化

建议尽量要静态化URL的原因如下:
1)Google抓取任何动态网址没问题,并不意味百度、雅虎、必应、搜狗、搜索等都没有问题。
2)Google所说的静态化的弊端,基本上是基于静态化做得不正确的假设。问题是要静态化就得做正确,这样假设是没有道理的。
3)用户体验。静态化URL便于用户更清晰、更容易读懂,更可能被点击。

10、URL设计

1)URL越短越好 一方面为用户着想,便于增加点击率,另一方面短URL也利于传播和复制。
2)避免太多参数 参数太多用户看着眼花缭乱,也可能造成收录问题。
3)目录层次尽量少 这里指的是物理目录结构。
4)文件及目录名具描述性
5)URL中包含关键词 关键词出现在URL中,也能提高页面相关性,在排名时贡献一点分数。
6)字母全部小写 A、全部小写容易人工输入,不会因大小写掺杂而犯错。 B、有的服务器是区分大小写的,如Linux服务器,无论站长自己在做链接时还是用户输入时,因为大小写混用出现错误都会造成404错误。
7)连词符使用 目录或文件名中单词间一般建议使用短横线分隔,不要使用下画线或其他奇怪的字母。
8)目录形式还是文件形式 两种形式对排名没有多大的影响。

11、网址规范化

1)为什么出现不规范网址 下面几个URL一般指的是同一个文件:
http://www.deseui.com
http://deseui.com
http://www.deseui.com/index.html
http://deseui.com/index.html
但是从技术上来讲,这几个URL都是不同的网址,搜索引擎也确实把他们当做不同的网址。
除了以上,网址规范化问题还可能由于如下原因出现:
CMS(内容管理系统)原因,使同一篇文章(也可以是产品、帖子等)可以通过几种不同的URL访问。
URL静态化设置错误,同一篇文章中有多个静态化URL。
URL静态化后,静态和动态URL共存,都有链接,也都可以访问。
加密网址
URL中有端口号
跟踪代码
显示的都是首页内容
2)网址规范化问题 网站出现多个不规范网址会给搜索引擎收录和排名带来很多麻烦。 网址规范化造成几个问题:
CMS系统在不同地方链接到不同的URL,分散了页面权重,不利于排名。
外部链接也可能指向不同URL,分散权重。
搜索引擎判断的规范化网址不是站长想要的那个网址。
如果网址规范化问题太严重,也可能影响收录。
复制内容过多,搜索引擎可能认为有作弊嫌疑。
3)解决网址规范化问题 要解决URL规范化问题有很多方法,如确保使用的CMS系统只产生规范化网址,无论是否静态化。
所有内部链接保持统一,都指向规范化网址。
在Google管理工具中设置首选域。
使用301转向,把不规范化URL全部转向到规范化URL。
使用canonical标签。
提交给搜索引擎的XML网站地图中全部使用规范化网址。
4)301转向 301转向(或叫301重定向、301跳转)是用户或蜘蛛向网站服务器发出访问请求时,服务器返回的HTTP数据流中头信息部分状态码的一种,表示本网址永久性转移到另一个地址。
5)canonical标签 2009年2月,Google、雅虎、微软共同发布了一个新的标签canonical tag,用于解决网址规范化问题。

12、复制内容

复制内容也可以称为重复内容。复制内容指的是两个或多个URL内容相同,或非常相似。复制内容即可能发生在同一个网站内,也可能发生在不同网站中。
1)复制内容的害处
同一个网站内的复制内容会分散权重。
同站复制也造成收录过多没有意义的页面,在域名权重不高的情况下,可能挤占了其他独特内容的收录机会。
如果网站上存在大量复制内容,可能使搜索引擎对网站质量产生怀疑,导致惩罚。
2)消除复制内容
网址规范化,确保一篇文章只对应一个URL。
不是网址规范化造成的,选取一个版本允许收录,其他版本使用robots文件禁止收录。
使用canonical标签。
坚持原创,假以时日必定能够增加网站权重。

13、绝对路径和相对路径

绝对路径指的是包含域名的完整网址。相对路径指的是不包含域名的、被链接页面相对于当前页面的相对网址。
比如页面A的URL是:
http://www.deseui.com/pageA.html
页面B的URL是:
http://www.deseui.com/pageB.html
页面A链接到页面B时使用这种代码:
<a href=”../pageB.html”>
这就是相对路径。
在正确解析URL的前提下,绝对路径和相对路径本身对排名没有任何影响。

14、网站地图

通过网站地图,不仅用户可以对网站的所有内容一目了然,搜索引擎也可以跟踪链接爬行到网站所有主要部分。
1)HTML网站地图 HTML版本网站地图就是用户可以在网站上看到的、列出网站上所有主要页面链接的页面。
2)XML网站地图
XML网站地图是Google于2005年首次提出,2007年各主要搜索引擎都开始支持robots文件指定网站地图位置。现在百度也支持XML版本网站地图。
XML版本网站地图由XML标签组成,文件本身必须是utf8编码。网站地图文件实际上就是列出网站需要被收录的页面URL。
制作好网站地图文件后,可以有两种方式通知搜索引擎网站地图的位置,一是在站长工具后台提交网站地图文件。目前Google、雅虎、必应都已经开通站长工具,所有站长都可以注册。二是在robots.txt文件中通知搜索引擎网站地图文件位置,所有主流搜索引擎,包括百度、谷歌、雅虎、必应,都支持robots文件指定网站地图文件位置。

15、内部链接及权重分配

网站机构优化要解决的最重要的问题包括收录及页面权重分配。在理想情况下,经典树形结构应该是比较好的链接及权重分配模式。
1)重点内页 要想使这种重点内页获得高权重,最简单的方法就是在首页上直接加上几个重点内页的链接,甚至可以在侧栏推荐、促销部分加上全站链接。
2)非必要页面 在功能及用户体验方面很必要、但在SEO角度没必要的页面,如用户登录页面、用户注册页面、联系我们、关于我们等页面。为降低这些非必要页面的权重,一般可以采取几种方法。
A、只在首页显示链接,其他页面干脆取消链接。
B、使这些页面的链接不能被跟踪或传递权重,如使用Nofollow标签。
3)大二级分类 典型树形结构首页链接到一级分类,一级分类页面在列出二级分类,依此的结果是平均分配权重值,小分类页面充分收录,产品数量大的大分类有很多产品页面因为权重值稀释无法收录。解决这个问题,就是提高大二级分类页面的权重。
4)翻页过多 解决这个问题的最佳方式是再次分类。另一种方式是对翻页链接进行格式变化。如下图

5)单一入口还是多入口 大部分网站在结构方面面对的挑战,是使更多最终产品页面被收录。要让最终产品页面被收录,有两个策略:一是多入口,二是单一入口,在选择上需要慎重。 多入口指的是通向最终产品页面的链接路径有多条。这种结构的优势是为最终页面提供了多条爬行收录渠道。缺点是这些入口页面本身也占用网站收录页面名额,而且往往造成很多相似内容。
6)相关产品链接 相关产品链接要尽量随机,使本来不相连的页面能够交叉链接起来,为某些通过正常分类结构无法达到的区域提供入口。
7)锚文本分布及变化 合理的网站结构是在网站中分配锚文本的重要方法之一。在页面正文中或人工或自动加上其他页面的内部链接,链接锚文本可以有各种选择。
8)首页链接Nofollow
当页面上出现多个链接到同一个网址时,第一次出现的链接最重要,第一个链接的锚文本也最重要。如果页面上出现第一个首页链接是顶部logo,那么logo图片的ALT文字就相当于锚文本,需要放上首页的目标关键词。
9)给网站深层页面,尤其是具体产品页面建设一些外部链接,不仅有助于使外部链接构成趋向自然,也有助于页面收录。
10)分类隔离 最终产品页面只链接回自己的上级分类页面,不再链接到其他分类页面。这样,分类之间形成隔离,首页权重将会最大限度地“灌入”到最终产品页面,而不是浪费在分类页面上。

16、CMS系统

大部分CMS系统已经注意到搜索引擎友好问题。完美实现SEO效果的CMS系统,经常需要修改代码才能完成一些功能。从SEO角度出发CMS系统应该具备哪些基本功能呢?
1)页面标题客制化 CMS系统应该自动生成比较优化的页面标题,如分类页面采用:
分类名称-网站名称
产品页面使用:
产品名称-分类名称-网站名称 或 产品名称-网站名称
CMS系统还应该提供所有页面人工修改标题的客制化功能,在需要时站长可以根据关键词研究结果,重新撰写更恰当的标题。
2)URL静态化及客制化 URL静态化功能是必需的。通过CMS系统后台会有一个URL静态化选项,站长打开静态化功能,整个系统生成的页面就都使用静态化过的网址。 好的CMS系统还应该提供URL客制化功能,站长可以自己定义所有的目录名及文件名。
3)meta标签客制化 系统应该允许站长完全删除这两个标签,因为对搜索引擎排名几乎没有作用,如果不能生成恰当的标签,还不如不写。如果站长选择使用说明标签和关键词标签,应该可以选择生成格式或完全人工撰写。
4)正文撰写 提供编辑功能,用户可以在正文中加黑体、加图片、填写图片ALT文字、添加链接、选择链接锚文字等。
5)分类页面说明文字 分类页面也应该留出一个区域,让站长人工撰写最恰当的说明文字。
6)标签功能 站长发布产品或文章时可以输入标签,系统自动按标签聚合内容并生成标签页面。
7)消除复制内容 系统应该自动禁止抓取复制内容。
8)301转向 系统应该提供从任何一个页面做301转向到另外一个地址的功能,站长可以根据需要自由安排转向。
9)网站地图生成 好的CMS系统可以自动生成XML版本网站地图,站长只要向搜索引擎提交网站地图地址就可以了。
10)正确生成H标签 首页应该使用网站名称,或允许客制化H1标签中的内容。分类页面应该把分类名称放入H1标签,而不是网站名称。产品页面,则应该把产品名称放入H1标签。

17、404页面

用户访问网站上不存在的页面时,服务器通常应该返回404错误。
1)404错误代码 当页面不存在时,一定要确保正确返回404代码。
2)404页面设计 404页面要保持网站统一模板、设计风格、LOGO及名称,不要让用户弄不清自己到了哪个网站上。
404页面应该在最醒目的位置显示错误信息,明确提示用户,要访问的页面不存在。 错误信息下面还可以为用户提供几种点击选项,如网站地图,包括通往首页和重要分类页面的链接,建议用户可以访问的页面,还可以加上站内搜索框。
3)404错误与外链 与404有关的非常简单有效的外部链接技巧。出现外部链接连向不存在页面时,或者联系对方站长改正错误地址,或者将错误地址做301转向到正确页面,或者干脆在本来不存在的URL上建一个页面,接收这些外部链接的权重。

[SEO基础知识] 网站代码优化

各位SEOER同仁们,面对百度的算法一直的改变也随之或喜或悲.当搜寻引擎每一次调整的时候我们的心都随之在跳动,这都是我们做站,优化的进程是以百度等搜索引擎为标准的才造成的.我们要转变这个行动就要以用户休会为尺度来做网站及优化网站。网站优化有站内优化与站外优化,站外优化基本就是外链等相关问题,站内优化呢?基本上从网站的全部内容都可以算上,下面就介绍一下怎么将站内优化做的最好。

1.代码标准化

不要有过剩的代码,毛病的代码.像JS的代码能省则省,如果不能省的话就封装起来再调用.像JS的代码容易烦扰蜘蛛的抓取,可能省就省下了算了.不要尝试别树一帜的写法与构造.合乎W3C标准即可.百度在2010年底的时候颁布代码标准化的多少点其中就有一点是代码尽量的用小写,不要大小写混杂的写。

2.结构标准化

网站的结构最好是扁平化,做好面包宵路径,便利用户知道自己进入了网站的哪个处所,同时也能够找到回去的路径.也能够保证让每一个页面都能够有一个门路达到.同时网站的相关搜索要做好,最相关的信息之间做好内链,保障用户在里面找到自己最感兴致的东西.同时ico、404页面、robots、sitemap、301断定独一主页等这些都是一个完美的网站必不可缺的局部。

3.符号标准化

一个网站最好标点统一.假如是英文网站全体使用半角符号,如果是中文站点统一应用全角字符等。不同一轻易造成体系过错的断定。

4.构架人道化

网站的架构要让用户进入网站第一时光找到本人想要的货色.让用户对网站发生一个依附感,人性化的设计可以晋升用户体验.有利于用户的同时也有利于搜索引擎的评判。

5.代码人性化

这里的代码是要留神H1 H2 H3标签的使用,网站的主题用H1标签表明,一个页面有且只有一个H1标签.主要的图片里要加上ALT标签,让搜索引擎晓得这里是什么东西,这个图片是不是对文章有一个弥补阐明.一个链接要带有title标识告诉别人这个链接指向的页面是什么内容等。

6.内容人性化

相干性的内容相互链接起来,同时把内链做好,对一些专有的名词给与说明,尽可能的丰盛文章内容,多元化.想要告知用户的内容尽量凸起一点等等。我们的网站并不是只给与搜索引擎看的,搜索引擎看了也不什么作用,个别都是给用户看的,把用户体验做好,以网站为本,再以优化去帮助,这样子才干更有效的把网站做好,到达自己想要的目标。

7.RUL代码路劲简短化

网站的url路径其实是一个很重要的标识,当你做google优化的时候,不少人会建议选用包含关键词的域名,站内的url都带上关键词的单词,那样是最好的。而百度就没有这个技术建议,以为在中国,用中文是最主要的语种,但是网站url中基本不会出现中文的描述,所以域名,与url路径命名很多都是按照编程人员的习惯来命名,后期在慢慢优化。这里要说的就是,即是命名可以根据用户习惯来命名,但是url路径最好不要超过3层,因为过长的url路径不利于搜索引擎蜘蛛的爬行,同时用户也觉得url过长会影响记忆。
http://www.deseui.com

网站代码优化的主要方法技巧

代码优化的含义是最终生成的目标代码短(运行时间更短、占用空间更小),时空效率优化。原则上,优化可以再编译的各个阶段进行,但最主要的一类是对中间代码进行优化,这类优化不依赖于具体的计算机。 编译过程中可进行的优化可按阶段划分:优化可在编译的不同阶段进行,分为中间代码一级和目标代码一级的优化。  代码优化注意要点
一. 尽量采用div+css 布局您的页面,div+css布局的好处是让搜索引擎爬虫能够更顺利的,更快的,更友好的爬完您的页面;div+css布局还可以大量缩减网页大小,使得代码更简洁,流畅,更容易放置更多内容。
二. 尽量缩减您的页面大小,因为搜索引擎爬虫每次爬行您的站点时,存储数据的容量有限,一般建议100KB以下,越小越好,但不能小于5KB。网页大小减少还有一个好处,能够促使您的站点形成巨大的内部链接网。
三. 尽量少用无用的图片和flash。内容索引所派出的搜索引擎爬虫,不认识图片,只能根据图片“ALT,TITLE”等属性的内容判断图片的内容。对于flash 搜索引擎爬虫更是视而不见。
四. 尽量满足w3c标准,网页代码的编写满足W3C标准,能够提升网站和搜索引擎的友好度,因为搜索引擎收录标准,排名算法,都是在W3C标准的基础上开发的。
五. 尽量更深层次套用标签h1、h2、h3、h4、h5…..,让搜索引擎能够分辨清晰网页那一块很重要,那一块次之。
六. 尽量少用JS,JS代码全部用外部调用文件封装。搜索引擎不喜欢JS,影响网站的友好度指数。
七. 尽量不使用表格布局,因为搜索引擎对表格布局嵌套3层以内的内容懒的去抓取。搜索引擎爬虫有时候也是比较懒的,望各位一定要保持代码和内容在3层以内。
八. 尽量不让CSS分散在HTML标记里,尽量封装到外部调用文件。如果CSS出现在HTML标记里,搜索引擎爬虫就要分散注意力去关注这些对优化没有任何意义的东西,所以建议封装到专用CSS文件中。
九.清理垃圾代码,要把代码编辑环境下敲击键盘上的空格键所产生的符号;把一些默认属性代码,不会影响显示的代码;注释语句如果对代码可读性没有太大影响,清理这些垃圾代码,会减少不少的空间 。
可按优化涉及的程序范围划分:对同一阶段,分为局部优化,循环优化和全局优化. 进行优化所需要的基础是对代码进行数据流分析和控制流分析。如划分DAG,查找循环,分析变量的定值点和引用点等等。最常用的代码优化技术有删除多余运算,循环不变代码外提,强度削弱,变换循环控制条件,合并已知量与复写传播,以及删除无用赋值等等。

有利于SEO优化的DIV+CSS的命名规则小结

一、CSS文件及样式命名


1、CSS文件命名规范
全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
2、CSS样式命名规范
本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间,例如:
头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样——box _1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列),其它的我就不一一举例了,大家按以上规律去命名就好。
下面列出一些常用的命名单词方便大家使用:(以后大家工作过程中慢慢把自己积累的单词都共享出来,那大家的命就会更加统一了,就不会有一义多词的情况了。)
容 器:container/box
头 部:header
主 导 航:mainNav
子 导 航:subNav
顶 导 航:topNav
网站标志:logo
大 广 告:banner
页面中部:mainBody
底 部:footer
菜 单:menu
菜单内容:menuContent
子 菜 单:subMenu
子菜单内容:subMenuContent
搜 索:search
搜索关键字:keyword
搜索范围:range
标签文字:tagTitle
标签内容:tagContent
当前标签:tagCurrent/currentTag
标  题:title
内 容:content
列 表:list
当前位置:currentPath
侧 边 栏:sidebar
图 标:icon
注 释:note
登 录:login
注 册:register
列 定 义:column_1of3 (三列中的第一列)
column_2of3 (三列中的第二列)
column_3of3 (三列中的第三列)
二、id和class的使用及区别
我们知道在样式表定义一个样式的时候,可以定义id也可以定义class,例如:
ID方法:#test{color:#333333},在页面中调用<div>内容<div>
CLASS方法:.test{color:#333333},在页面中调用<div>内容<div>
id一个页面只可以使用一次,class可以多次引用。
我在页面中用了多个相同id在IE中显示也正常,id和class好象没什么区别,用多个相同id有什么影响吗?
页面存在多个相同的ID影响就是不能通过W3的校验。
在页面显示上,目前的浏览器还都允许你犯这个错误,用多个相同ID“一般情况下”也能正常显示。但是当你需要用JavaScript通过id来控制这个div,那就会出现错误。
id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;
class是一个样式,可以套在任何结构和内容上,就象一件衣服;
概念上说就是不一样的:
id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。
也就是说建议大家在写XHML+CSS时如果是维一的结构定位的就用id,否则就用class吧(这样让出非结构定位的div块的id让程序员自己定义使用)
web标准希望大家用严格的习惯来写代码。
三.使用css缩写
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。常用的css缩写的主要规则:
颜色
16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:
#000000可以缩写为#000;#336699可以缩写为#369;
盒尺寸
通常有下面四种书写方法:
property:value1; 表示所有边都是一个值value1;
property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3
property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left
方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下:
margin:1em 0 2em 0.5em;
边框(border)
边框的属性如下:
border-width:1px;
border-style:solid;
border-color:#000;
可以缩写为一句:border:1px solid #000;
语法是border:width style color;
背景(Backgrounds)
背景的属性如下:
background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0;
语法是background:color image repeat attachment position;
你可以省略其中一个或多个属性值,如果省略,该属性值将用浏览器默认值,默认值为:
color: transparent
image: none
repeat: repeat
attachment: scroll
position: 0% 0%
字体(fonts)
字体的属性如下:
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:”Lucida Grande”,sans-serif;
可以缩写为一句:font:italic small-caps bold 1em/140% “Lucida Grande”,sans-serif;
注意,如果你缩写字体定义,至少要定义font-size和font-family两个值。
列表(lists)
取消默认的圆点和序号可以这样写list-style:none;
list的属性如下:
list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);
可以缩写为一句:list-style:square inside url(image.gif);
四、明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。
五、区分大小写
当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。
class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签是一致的。
六、取消class和id前的元素限定
当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,class可以在页面中多次使用。你限定某个元素毫无意义。例如:
div#id1{}可以写成#id1{}
这样可以节省一些字节。
七、默认值
通常padding和margin的默认值为0,background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突,可以在样式表一开始就先定义所有元素的margin和padding值都为0,象这样:
* {
padding:0;
margin:0
}
或者是针对某元素来定义:
ul,li,div,span {
padding:0;
margin:0
}

 

八、CSS的优先级
行内样式(inline style) > ID选择符 > 样式(class),伪类(pseudo-class)和属性(attribute)选择符 > 类别(type),伪对象(pseudo-element)
解释:
*内联样式(inline style):元素的style属性,比如 <div style=”color:red;”></div> ,其中的color:red;就是行内样式
*ID选择符:元素的id属性,比如 <div></div> 可以用ID选择符#content
*伪类(pseudo-class):最常见的是锚(a)伪类,比如a:link,a:visited.
*属性选择符(attribute selectors):比如div[class=demo],含有class为demo的div元素
*类别选择器(type selector):HTML标签选择,比如div .demo,div元素下含有class为demo的元素
*伪对象选择器(pseudo-element selector):比如div:first-letter,div元素下的第一个单词。

 

九、不需要重复定义可继承的值
CSS中,子元素自动继承父元素的属性值,象颜色、字体等,已经在父元素中定义过的,在子元素中可以直接继承,不需要重复定义,除非是为了更变当前元素样式不使用父元素的属性值,但是要注意,浏览器可能用一些默认值覆盖你的定义。
十.多重CSS样式定义,属性追加重复最后优先原则
一个标签可以同时定义多个class,也可以是同一个class中重复定义属性。例如:
我们先定义两个样式
.one{width:200px;background:url(1.jpg) no-repeat left top;}
.two{border:10px solid #000; background:url(2.jpg) no-repeat left top;}
在页面代码中,我们可以这样调用:
<div two></div>
这样最终的显示效果是这个div样式是什么呢??重复的是以哪一个为准呢??
<div two></div>应用到的样式如下:
width:200px;
border:10px solid #000;
background:url(2.jpg) no-repeat left top;
因为,当应用两个或多个样式时,浏览器所应用的样式根据是属性追加重复最后优先原则
就是说两个或多个或重复的样式名定义,浏览器所应用的样式是按先后顺序的,如果定义了重复的属性值,以最后定义的为准,如果应用了两个或多个样式名,里面不重复定义的属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
十一、使用子选择器(descendant selectors)
使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码:
<div>
<ul>
<li> <a href=http://duote.com/# class=”subnavitem”>Item 1</a></li>>
<li> <a href=”http://duote.com/#”> Item 1</a> </li>
<li> <a href=”http://duote.com/#”> Item 1</a> </li>
</ul>
</div>
这段代码的CSS定义是:
div#subnav ul { }
div#subnav ul li.subnavitem { }
div#subnav ul li.subnavitem a.subnavitem { }
div#subnav ul li.subnavitemselected { }
div#subnav ul li.subnavitemselected a.subnavitemselected { }
你可以用下面的方法替代上面的代码
<ul id=”subnav”>
<li> <a href=”http://duote.com/#>” Item 1</a> </li>
<li> <a href=”http:/duote.com/#>” Item 1</a> </li>
<li> <a href=”http://duote.com/#>” Item 1</a> </li>
</ul>
样式定义是:
#subnav { }
#subnav li { }
#subnav a { }
#subnav .sel { }
#subnav .sel a { }
用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。
如果一个容器里有多个同样的元素,而且这些元素样式都不一样,请避免用这个方式,建以采用不同的class如:
<ul class=”one”><li></li></ul>
<ul class=”tow”><li></li></ul>

十二、不需要给背景图片路径加引号
为了节省字节,我建议不要给背景图片路径加引号,因为引号不是必须的。例如:
background-image:url(“images
margin:0 auto;
}
但是IE5/Win不能正确显示这个定义,我们采用一个非常有用的技巧来解决:用text-align属性。就象这样:
body {
text-align:center;
}
#wrap {
width:760px;
margin:0 auto;
text-align:left;
}
第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ,第二个text-align:left;是将#warp中的文字居左。
十三、导入(Import)和隐藏CSS
因为老版本浏览器不支持CSS,一个通常的做法是使用@import技巧来把CSS隐藏起来。例如:
@import url(main.css);
然而,这个方法对IE4不起作用,这让我很是头疼了一阵子。后来我用这样的写法:
@import main.css;
这样就可以在IE4中也隐藏CSS了,呵呵,还节省了5个字节呢。想了解@import语法的详细说明,可以看这里《centricle’s css filter chart》
十四、CSS hack
有些时候,你需要对IE浏览器的bug定义一些特别的规则,这里有太多的CSS技巧(hacks),我只使用其中的两种方法,不管微软在即将发布的IE7 beta版里是否更好的支持CSS,这两种方法都是最安全的。
1.注释的方法
(a)在IE中隐藏一个CSS定义,你可以使用子选择器(child selector):
html>body p {
}
(b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)
* html p {
}
(c)还有些时候,你希望IE/Win有效而IE/Mac隐藏,你可以使用反斜线技巧:
* html p {
declarations
}
(d)下面这个写法只有IE7浏览器可以理解(对其他浏览器都隐藏)
*+ html p {
}
2.条件注释(conditional comments)的方法
另外一种方法,我认为比CSS Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式,而不影响主样式表的定义。就象这样:
<!–[if IE]>
<link rel=stylesheet/css href=”http://www.duote.com/style/ie.css” />
<![endif]–>
还有更多的CSS hack大家可以通过网上找找,但是有很多hack都是不符合w3c标准的,本人根据以上的hack写了一个能区分IE6、IE7、FF的样式,而且可以符合w3c标准,代码如下:
.classname {width:90px!important;width:100px;}
*+html .classname {width:95px!important;}
这样写后在IE6下宽是100px,IE7下是95px,火狐下是90px。
十五、调试技巧:层有多大?
当调试CSS发生错误,你就要象排版工人,逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色,这样就能很明显看到层占据多大空间。有些人建议用border,一般情况也是可以的,但问题是,有时候border 会增加元素的尺寸,border-top和boeder-bottom会破坏纵向margin的值,所以使用background更加安全些。
另外一个经常出问题的属性是outline。outline看起来象boeder,但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性,我所知道的只有Safari、OmniWeb、和Opera。
十六、CSS代码书写样式
在写CSS代码的时候,对于缩进、断行、空格,每个人有每个人的书写习惯。在经过不断实践后,我决定采用下面这样的书写样式:
.classname {
width:100px;
}
当使用联合定义时,我通常将每个选择器单独写一行,这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格,每个定义也单独写一行,分号直接在属性值后,不要加空格。
我习惯在每个属性值后面都加分号,虽然规则上允许最后一个属性值后面可以不写分号,但是如果你要加新样式时容易忘记补上分号而产生错误,所以还是都加比较好。
最后,关闭的大括号}单独写一行。空格和换行有助与阅读。