联系电话 0755-8358 5881 / 13510790728

公司地址:深圳市龙华区龙华大道卫东龙商务大厦B座6层


如果您有合作的意愿,立即联系我们。让我们探讨更多的可能。

直接反馈留言

SEO网站优化之站内优化:网站架构优化与代码优化

发布日期:2021-03-18  点击:453

一、网站架构优化细节

1.代码规范符合行业最新标准

(1)DIV+CSS布局,WEB 2. 0 标准

DIV+CSS布局无疑是WEB 2. 0 时代的建站标准。DIV+CSS布局的网站代码精简、加载速度快,符合搜索引擎蜘蛛喜好,自然会利于网站排名和收录。另外,一个响应速度很快的网站,用户体验也是极佳的。 

(2)尽量避免使用Iframe框架和适度使用FLASH技术

iframe框架搜索引擎目前对其不收录,Javascript、Jquery等特效可能拖慢网页加载速度,加载慢是不能饶恕的缺点。站在搜索引擎的角度,不论是主流的Google还是百度,对框架和FLASH的网站识别度都不高。虽说现在Google对FLASH网站给予了一定的重视,也能识别少量的JS,但比起纯文本和链接的权重,还是太低。

2.网站目录结构层次分明

(1)网站的目录结构都是呈“树形”分布或者“偏平化”结构

大多采用三层架构,网站首页只链接到栏目页,除非有特别推荐的文章页,而栏目页只需链接自己的文章页即可。如果网站目录结构过于混乱,缺乏层次感,那么搜索引擎蜘蛛抓取网页时是很难到达更深层级的,从而影响到网站的排名和收录。

(2)在网站目录结构层级不要过深

设计上层次分明,不宜过深,百度已经建议,一般中小型网站尽量不要超过三层。

(3)制作网站地图

网站地图页面(sitemap.xml和sitemap.html),方便搜索引擎蜘蛛索引和抓取,页方便用户迅速了解网站结构内容逻辑。

(4)清晰的导航系统是网站设计的重要目标,对网站信息架构、用户体验影响重大。

A、导航文字 尽量使用最普通的HTML文字导航,不要使用图片作为导航链接,更不要使用JavaScript生成导航系统,也不要用Flash做导航。CSS可以设计出很好的视觉效果。最普通的文字链接对搜索引擎来说是阻力最小的爬行抓取通道。

B、点击距离及扁平化 良好导航的目标之一是使所有页面与首页点击距离越近越好。

C、锚文本包含关键词 导航系统中的链接通常是分类页面获得内部链接的最主要来源,数量巨大,其锚文本对目标页面相关性有相当大的影响,因此分类名称应尽量使用目标关键词。

D、面包屑导航 面包屑导航对用户和搜索引擎来说,是判断页面在网站整个结构中的位置的最好方法。

E、避免页脚堆积 近 年来,搜索引擎比较反感页脚堆积富含关键词的分类页面链接的倾向。

3.网站页面布局重点突出

基于用户浏览习惯,浏览的先后顺序一般都是从上往下,从做往右。所以左上角是一个最重要的地方。如果按照上下结构,百度把整个网站页面从上往下,分别分为首屏,二屏,等。每一屏都有相应的算法和权重值参考。显然首屏最重要。总之就是一个原则,越重要的内容越朝着网站左侧和网站上方靠拢。

4.清晰合理的网站URL设计

(1)网站的URL结构设计应当掌握一个原则

网站URL中不要包含中文以及除了&? =符号之外的特殊符号,URL越短越好,URL标准化处理(301重定向技术实现),静态化URL优于动态URL,URL用全拼或者英文最好,也方便记忆。

(2)在建站时尽量采用静态或者伪静态技术,尽量不适用动态的URL。

现在很多主流的CMS或博客系统都带有这样的功能,DedeCms、WordPress都是不错的选择。虽然静态页面在交互性和维护上比动态页面麻烦一些,但是静态页面在服务器上是一个独立的网页文件,访问时无需读取数据库,加载速度很快,对用户对搜索引擎都很友好,自然倍受搜索引擎么么哒。

(3).robots.txt文件中屏蔽动态URL

robots.txt文件是搭建网站与搜索引擎对话的桥梁  网站与搜索引擎友好地对话,robots.txt文件无疑是最好的选择。robots.txt文件可以告诉搜索引擎哪些是重点,哪些又是可以忽略的,节约搜索引擎蜘蛛抓取网页的时间,也在一定程度上节省了服务器资源,在网站根目录下加入一个robots.txt文件,用来引导搜索引擎蜘蛛爬行就很好必要了。比如我们既然做了伪静态,那么就不需要动态链接了,在robots.txt文件写入代码屏蔽动态链接即可。

事实上,在搜索引擎蜘蛛爬行你的网站时,首先就会查找根目录下的robots.txt文件。如果没有robots.txt文件,就会产生一个 404 错误页面,这对搜索引擎来说,是很不友好的“待客之道”。其他处理URL的SEO技术如网站 301 重定向,以及 404 页面制作,死链接提交,和 500 服务器内部错误页面的制作,都是有利于提升网站用户体验和搜索引擎友好度的。现在很多虚拟主机都附有这些功能,设置比较方便,一定不要忘记去设置。


二、网站代码优化细节

(一)先来看看对于网页代码的五个最重要的标签。
1.Title标签
Title 标签能够告诉用户和搜索引擎网页页面的主题思想是什么,一直是搜索引擎的抓取重点。一般来说,Title标签中的单词最好保持在3~6个左右,最好包含关键字。但Title标签中的单词不要全部都是关键字,因为这样可能会造成页面关键字堆砌,导致过度优化。所选单词应简洁明了、具有描述性,要与网页内容具有很大的相关性,并且每个不同的页面都应该包含Title标签。
2.Heading标签
Heading标签包含了H1、H2、H3等等,是搜索引擎识别页面信息的重要标记。合理使用H1、H2、H3等不同级别的标签能够使得页面结构更加清晰,有利于搜索引擎的抓取。H1、H2、H3等标签是按照重要程度来排名的。一般一个页面按照需求程度来适当添加该标签:从H1开始,依次往下添加。
3.Strong和B标签
B标签就是单纯地将文字加粗,而Strong标签不仅是对文字加粗,并且这种形式的加粗会告诉搜索引擎该部分文字比较重要。所以两者从搜索引擎优化的角度来看,是有很大的区别的。上文中所提到的Heading标签页具有加粗效果,那么这三种标签到底该怎么用?其实,Heading标签一般用于文章大标题以及每段的小标题,而Strong标签一般用于文章段落中的重点词汇,而B标签一般只是强调一种视觉效果。
4.ALT标签
ALT标签是一种图片标签,它将图片的信息以文本的形式展现。对ALT标签的使用没有太多要求,只要在网页中出现图片的部分添加上该属性即可,但其标签内容应与相应页面内容具有相关性,长度不得过长,一般1~5个单词即可。
5.Meta Description标签
对Title标签优化之后,接下来就是对Meta Description标签的优化。Meta Description标签可以说是对Title标签的进一步解释,可以是一句话或者是包含十几个单词的短语。每个页面都该有其自己的Meta Description标签,并且Meta Description标签还可包含一些与网站内容相关但Title标签中未提及的信息。与Title标签要求相似,该部分内容也应具有描述性,与网页内容具有相关性,可包含关键字,但不可过多。

(二)其他的一些网页标签,这些对于简洁网页源代码也同样至关重要。
1、HEAD部分代码规范化
HEAD部分代码是搜索引擎爬行网站的入口部分,现在很多网站的头部代码都相当统一化,刻板效应明显十足,这样的网站代码是像模板框架一样是不被spider喜欢的,而我们要做的就是将网站的代码规范化,建立起网站独一无二的head部分,让搜索引擎有新鲜感,这样才能够吸引spider爬行。
 
2、CSS代码本身的优化
CSS是页面效果呈现中非常重要的组成部分,它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易,但是要想写出精炼的CSS代码还是有很多技巧的。
(1)、CSS代码优化
通过对css代码属性的简写、移除多余的结构(frameworks)和重设(resets)等一系列的方法和技巧来简化css代码,减小css文件的大小。
(2)、css sprite技术
网站上的一些图片可以采用css sprite技术进行合并,减少加载请求次数,从而提高网页的加载速度。
(3)、尽量不要使用内嵌式CSS
内嵌式CSS分为两种,一是在head区域的普通内嵌式;二是在标签内出现的行内内嵌式CSS,无论是何种内嵌CSS方式结果都会提升页面的体积,对此,我们可以尽量使用外调式的CSS来为站点页面的体积瘦身。
(4)、CSS位置
CSS说明如果出现在网站之后,页面需要重新渲染,打开速度受到影响,所有css定义代码的位置要放到网站之前。
 
3、使用DIV+CSS分离布局网页
虽然现在div+css已经很成熟了,但是很多网页设计者可能考虑到网页的兼容性以及布局的简易性还是使用老式的table布局,虽然table布局很方便,但是其弊端也是显而易见的,那就是会大大增加网页的大小,尤其是多层表格的嵌套,这种布局不仅会提升体积,同时如果嵌套数太多的话就会影响到搜索引擎的爬行,影响到站点的收录。
 
4、JS位置,大小等负面的优化
JS优化与其他语言的优化也仍然有相同之处,JS优化的关键,仍然是要把精力放在最关键的地方,也就是瓶颈上,一般来说,瓶颈总是出现在大规模循环的地方,这倒不是说循环本身有性能问题,而是循环会迅速放大可能存在的性能问题。
(1)、合并JS
合并相同域名下的js,通过减少网络连接次数从而提高网页的打开速度。
(2)、JS位置
网页代码中对js进行优化的时候,seo网站优化将JS放在页面最后,这样可以加快页面打开速度。
(3)、JS代码外部的调用
我们知道当前的搜索引擎还是不能够识别JS代码的,倘若在网站中出现大批量的js代码网站在收录上就会出现困难,而我们要做的就是将用到Javascript代码用外部调用的形式放在网站中,这样可以简化搜索引擎的工作,也不会在无形中衍生出无效代码累及网站。不仅如此,杭州seo觉得可以采用外部调用的还有css代码,建站之初可以将网站的文字、颜色定义在css代码文件中,尽量不要在页面代码内出现过多的样式代码。
(4)、LazyLoad(延迟加载)技术
Lazy Load是一个用JavaScript编写的jQuery插件,它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置。
 
5、网页压缩技术
对于网页压缩而言,相信各位站长都比较熟悉,主要是启用服务器Gzip,对页面Gzip压缩,减少元素的体积,从而减少数据的传输,进而提高网页的加载速度,这个功能需要你的服务器的支持,GZIP压缩一般能对网页进行30%-80%的压缩,是最重要的一种优化效果。总之,通过代码优化来起到网站优化作用的方式还有很多,在这只是随意的说了其中比较常见的而已,希望大家能多多钻研。
 
6、减少TABLE标签的使用
table标签是现在大多数上线网站中最为常见的代码形式,原因根本在于table在建立网站时比较快捷,但是这也就影响了网站的后期优化。
相对于div+css布局的精简代码网站来说,它的占位比较大,所以,在建站时候,尽量是少用表格,即便是要使用表格时,嵌套式表格也要尽量少用,以免产生冗杂代码。
那么,现在的网站用什么做呢?很多程序员第一想法就是采用CSS去做,采用CSS去排版,这种做法呢,就使页面中的表格大大的降低了,但在杭州seo看来,网站也不能没有表格,有些事必须使用到得,使用表格本身没什么,但是有很多网站都采用嵌套表格,一般这样的表格形式会给网站产生大量的垃圾代码,并且这些垃圾代码都是没有任何用处的代码,这一类代码也是我们网站需要精简的代码之一。
 
7、将html控制方式转换为CSS控制
很多网页设计者习惯在标签内对内容进行控制,比如img标签里通过width和height来控制图片的大小,尽量将这些代码转换成外调式的CSS,使网页代码更加的瘦身。
 
8、代码注释省略的少量使用
很多程序人员在编写代码是都习惯在别人看不懂的地方给出一段注释,这些代码往往是为了几个程序员之间的协同工作,对于外人以及搜索引擎来说没有任何用处,相反还会给搜索引擎蜘蛛带来一定的困扰。打开页面代码我们经常会看到一些注释代码,这是程序员为了表明代码意义而做的注释,其实这些打开不必,因为对于搜索引擎而言,它们是不存在任何意义的,只是会增加了页面代码的容量,这样对于网站不会有什么利处,不如直接省略。
 
9、缓存静态资源
通过设置浏览器缓存,将css、js等不太经常更新的文件缓存在浏览器端,这样同一访客再次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、js等,而不必每次都从你的服务器读取,这样在一定程度上加快了网站的打开速度,又可以节约你的服务器流量。
 
10、权重标签的使用
典型的权重标签有H1,strong,b标签等,对想参与排名的重要关键词使用权重标签,好处是向搜索引擎传递信号:这个地方的关键词很重要,需要区别对待,从而提升既定关键词在搜索引擎的排序。
 
11、清除页面中多余的代码即精简代码
有的网站以为制作者的代码书写习惯问题,页面会有很多空格代码,比如:空格代码、style和font重复定义的代码,不要小看这些体积很小的代码,积攒多了,也会使我们的网站异常的臃肿。很多网站都是采用的DIV+CSS,在CSS中定义了文字的字体,颜色,以及页面的排版,但是在网站的其他地方还用了以style以及font来再次定义字体字体,这些代码完全没有必要重复定义,属于可以精简的代码。

期待与您的沟通

一个需求是我们了解您的开始,更是我们建立合作的开端。别犹豫,开始填写吧!
联系我们
商务微信
商务QQ
电话咨询
客服QQ

联系我们

0755-8358 5881 / 13510790728

深圳市龙华区龙华大道卫东龙商务大厦B座6层
一个需求正是我们了解您的开始,更是我们建立合作的开端。
我们收到您的沟通需求后,会安排顾问联系您。
* 必填字段
预计开始时间
您感兴趣与我们合作的项目
具体需求