网站制作的SEO标准
一、 导航设计在整个网页设计中导航占有着重要的地方，她携带这一个网站最重要的信息。同时导航的风格也为整个网站确定了基本的色调。导航的样式有多种多样，从形式来说：文字导航、图片或flash导航以及带有图片背景的文字导航3类基本样式。1、文字导航是面向SEO网站非常不错的导航，推荐使用这种导航，可以通过Div+Css方便的制作，导航效果采用文字导航可以大大减少网页的大小，提高打开速度和用户体验度，更重要的是使Sprider能更快的爬行，减少Sprider的分析时间，顺着导航链接深层次的爬行网站，使网站的网页尽可能多的送入到搜索引擎中去。
2、图片(Flash)导航很多的企业站、图片设计站等站都使用图片导航，显着很有视觉效果，给人留下视觉美感，但是SEO是不推荐这样的导航，是因为 Sprider不能识别图片中的文字，更读不懂Flash中的信息（况且Flash还有完好的封装性），这样就导致Link就无法传递，错过了网络 Sprider的爬行，如果你非要用Flash导航，建议你要单独的建立一个Xhtml的文本页面，来帮助网络Sprider的爬行，这样不是两全其美的事情吗？
3、图片背景文字导航兼顾到实用性和表现形式，带有图片背景的文字导航是一个很不错的选择！他满足了视觉冲击力的效果，提高了UE，又带来了文字链接 Link的样式，SEO建议采用此样式！
二、 图片Flash的优化图片优化主要有两个方面：一是选择适合Web页面的图片格式，同时压缩图片大小；二是对需要表达含义的图片设置文字说明。
1、 WEB图片格式 GIF和JPEG是适合在Web页面设计中使用的页面。GIF只限于256种颜色，适合对图片显示质量要求不高或单一色块图片，JPEG图片适合显示照片。从SEO和用户体验角度来说，适合对图片按钮或网页结构上的图片使用GIF格式，因为JPEG图片加载时是逐行显示，而GIF是先显示图片轮廓在逐渐清晰内容。建议那些做背景图片，和一些不是影响大局的图片，还是成GIF的比较好！
2、alt和title的属性现在用户的搜索是多种多样的，对图片的搜索也不容忽视，如果把你的产品图片能顺利的送到搜索引擎里去，并得到充分的”曝光” 也是一件刻不容缓的事情。搜索引擎是无法解析图片内容的，而带有alt和title属性是图片搜索引擎识别图片的主要依据，所以必须设置图片的alt属性和title属性。
alt属性用于指定图片的替换文字，title属性用于设置当前对象的说明信息。在进行SEO优化时，适合将alt属性设置为图片本来的含义，而将 title设置成指示性信息，示例如下: 其作用是：alt属性，当图片不能正常显示时，则显示alt中的文字，表达要传递的信息，将title属性设置为“返回网站主页”，作用是当用户将鼠标指向图片时，提示给用户的信息，同时也是帮助那些弱视者。
三、 XHTMl的结构优化使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：
1、提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；
2、由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。具个人观察，排在搜索引擎前面的大部分都是使用Xhtml制作的网页。
四、 CSS的优化 Css样式表控制着整个网页的样式。随着页面布局的复杂性和表现形式的多样性，Css代码的体积也日益剧增，导致网页加肥。因此，也需要对CSS文件进行优化。
1、标签属性的优化例如我们在做网页时，DW->修改->页面属性 时把网页的的上下左右边距都设置为0px,DW就自动出现: 其实这代码都是简写: 你看看少了多少字节!这里我就简单一例!在优化Css代码时,要求你对Css要非常熟悉,否则你的页面就控制不好了,乱的一团糟!
2、分组选择器我们在定义很多的样式时，要定义很多有重复的样式，比如width、height等属性，例如： h1{color:red; font-size:12px; font-weight:bold;} h2{ color:red; font-size:12px; font-weight:bold;} 那么我们就可以精简为： h1,h2{color:red; font-size:12px; font-weight:bold;}
3、使用类Class 类（Class）选择器是可以从复使用的，在Xhtml中是按照最后一个样式（或和前一个样式叠加）显示，如果有冲突的样式就按照最后一个样式显示！也是 CSS层叠样式表的好处！相信精通CSSer都很熟悉！这也是优化CSS的一种方法。要尽量的是CSS样式要充分的重叠，使其充分的利用
页:
[1]