黑帽seo案例:面向SEO,立足WEB标准的网站设计

haoran 3041 0

黑帽seo案例面向SEO的网站设计面向SEO的网页设计,不是主动的去迎合搜索引擎,而是通过面向SEO来说明以下Web标准的使用,能给SEO带来什么样的好处,确保网页质量能得到搜索引擎的认可,增加对搜索引擎的友好度。每个搜索引擎的排名算法各不相同,但可以肯定的是任何一种排名算法的目的都是让具有高质量、结构清晰、知名度高的网站排名靠前。所以,坚持Web标准的网页设计是SEO 的基础。最终改变网站在搜索引擎上的整体形象!废话少说,切入主题!

黑帽seo案例:面向SEO,立足WEB标准的网站设计-第1张图片-浩然SEO

一、 导航设计在整个网页设计中导航占有着重要的地方,她携带这一个网站最重要的信息。同时导航的风格也为整个网站确定了基本的色调。导航的样式有多种多样,从形式来说:文字导航、图片或flash导航以及带有图片背景的文字导航3类基本样式。

1、文字导航文字导航是面向SEO网站非常不错的导航,推荐使用这种导航,可以通过Div+Css方便的制作,这里是我做的一个实例:http: //www.seopower.org 图一文字导航效果采用文字导航可以大大减少网页的大小,提高打开速度和用户体验度,更重要的是使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、黑帽SEO案例alt和title的属性现在用户的搜索是多种多样的,对图片的搜索也不容忽视,如果把你的产品图片能顺利的送到搜索引擎里去,并得到充分的”曝光” 也是一件刻不容缓的事情。搜索引擎是无法解析图片内容的,而带有alt和title属性是图片搜索引擎识别图片的主要依据,所以必须设置图片的alt属性和title属性。 alt属性用于指定图片的替换文字,title属性用于设置当前对象的说明信息。在进行SEO优化时,适合将alt属性设置为图片本来的含义,而将 title设置成指示性信息,示例如下:  其作用是:alt属性,当图片不能正常显示时,则显示alt中的文字,表达要传递的信息,将title属性设置为“返回网站主页”,作用是当用户将鼠标指向图片时,提示给用户的信息,同时也是帮助那些弱视者。

黑帽seo案例:面向SEO,立足WEB标准的网站设计-第2张图片-浩然SEO

四、 XHTMl的结构优化使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:

一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;

二是由于能高效的爬行,就会受到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样式要充分的重叠,使其充分的利用! 例如: .html{width:900px;margin:0px;padding:0px;}/*宽度是900px;居中显示,内开展为0px*/ .piclist{display:inline;}/*图片按照行显示*/ 应用:

六、 网站目录结构的优化 这将作为一个专题讨论。

七、 主机优化

1、使用稳定的主机网站的访问者希望被访问的目标网站能够被快速地打开。同样,当网络机器人或网络蜘蛛正要光顾一个目标网站时,如果目标网站主机正处于瘫痪状态,那么对于网站来说可能会有两种后果:

一是失去被网络蜘蛛获取的机会,

二是网络蜘蛛判断此网站不存在,将从搜索引擎的索引数据库中将网站的信息删除,所以一定要使用稳定的网站托管主机。

2、黑帽seo案例网站转移注意事项更换网页服务器前,要确保目标主机上的网页目录和文件和更换前的主机保持一致。在测试通过后,再进入域名管理系统,修改DNS,指向新主机的IP地址。域名解析一般需要几小时甚至更长时间,在此期间用户可以正常访问网站的网页内容,即使网络蜘蛛此时访问,也会抓取更新的网页内容。

黑帽seo案例:面向SEO,立足WEB标准的网站设计-第3张图片-浩然SEO


标签: 黑帽seo案例 网站设计

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~