网站页面优化重要的方法_网站页面优化有什么方法

　　网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择。下面由学习啦小编为大家整理的网站页面优化方法，希望大家喜欢!

　　网站页面优化方法

　　一、单页面网站的缺点

　　1、内链建设

　　在内链建设上，单页面网站没有任何的操作余地，只能忽视这一项重要的优化手段;

　　2、流量获取

　　我们知道，很多网站的流量是通过二级页面和内容页来获取的，而单页面网站不存在这样页面，所以对于流量而言，无疑对网站是一个重大的打击;

　　3、跳出率

　　对于单页面网站来说，我们可以不去关注跳出率的变化，因为跳出率肯定是100%的。这样高的跳出率对于搜索引擎而言很可能会将该网站认为是无价值的网站，导致很难获得良好的排名。

　　4、关键词的布局

　　单页面网站想要布局大量的关键词的话很容易被认定为关键词堆砌，而关键词堆砌是一种常见的作弊行为，这样很容易被搜索引擎K掉。

　　呵呵，说了这么多单页面网站的缺点相信很多人都会被打击到，但事物都是相辅相成的，有反面就必定会有正面，下面我们说说单页面网站的优点。

　　二、单页面网站的优点

　　1、利于抓取和收录

　　单页面网站不用担心网站的内容不被搜索引擎抓取，只有一个页面嘛，抓取、收录、展现都是顺理成章的事情。

　　2、利于增强网站的相关性

　　单页面网站因为只有一个页面，所以我们所做的工作都是围绕着这个页面而展开的，内容也好，关键词也好，单页面的网站相关性总是要更高一些。最为典型的例子就是百度百科，百度百科的页面我们就可以把它看作为一个单页面网站，里边所有的内容都是围绕相关词条而编辑的，内容极具相关性和完整性，用户通过一个页面就可以了解到该词条的所有知识点。

　　3、利于权重的集中

　　这可能是单页面网站最为值得炫耀的优点了。我们知道，权重的集中对于一个网站的重要性，而单页面网站不用做过多的设置就可以很好的阻止权重的分散。这无疑更加有利于网站相关关键词在搜索引擎中的排名。

　　好了，关于单页面网站的优缺点都比较详细的介绍给大家了，那么单页面网站的SEO优化应该如何下手呢?

　　三、单页面网站的SEO优化策略

　　1、注重TDK的写法

　　既然页面单一，那么就更需要注重网站标题、关键词和描述的写法。标题上来说，要简单明确，包含主要关键词，一句话能概括全文;描述上来讲，一句话活一小段文字提炼出文章的精髓，内容比标题更加详细;关键词，用绝对的与内容相关的词语，多个关键词用逗号分开。

　　2、外链锚文本的多样化

　　在外链建设上，切忌内容单一，这样很容易造成网站的过度优化，而我们都知道，网站的过度优化对SEO而言是不利的。

　　3、网站标签的运用

　　合理的运用网站标签可以让搜索引擎更好的理解网站的层次内容，比如h标签，strong标签等等。

　　4、符合国际标准

　　这里所说的符合国际标准指的是告诉搜索引擎我的网站符合W3C标准，对任何浏览器都是兼容的。

　　5、代码优化

　　CSS和JS的优化，尽可能的使用外部导入，从而让网页代码更加简洁，能用CSS就尽量不用JS，毕竟JS对于搜索引擎而言并不友好。

　　6、图片的优化

　　这个属于老生常谈了，这里就不多说了。

　　7、合理设置锚点

　　有一些单页面为了展示很多产品特点，页面会拉的很长，不利于用户查看，用户体验并不好，如果在单页面网站上设置合理的锚点，用户只需要点击一下快速达到想要看到的内容区域。

　　8、避免全是图片展示

　　如果单页面网站为了提升视觉效果从而更多的使用图片，那么就会造成网站文字内容过少，不利于搜索引擎对网站的抓取和索引。

　　9、内容为王

　　之前我们就举过百度百科的例子，而作为单页面网站来讲，将用户所有的需求点尽可能完整的展现出来，从而解决用户的烦恼才是单页面网站立足的关键。

　　网站页面优化的技巧

　　1、用GZIP格式压缩

　　gzip是GNUzip的缩写，它是一个GNU自由软件的文件压缩程序。它是Jean-loupGailly和MarkAdler一起开发的，第一次公开发布版本是1992年10月31日发布的版本0.1，1993年2月发布了版本1.0。

　　我们在Linux中经常会用到后缀为.gz的文件，它们就是GZIP格式的，现今已经成为Internet上使用非常普遍的一种数据压缩格式，或者说一种文件格式。

　　HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术，大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。

　　这一般是指WWW服务器中安装的一个功能，当有人来访问这个服务器中的网站时，服务器中的这个功能就将网页内容压缩后传输到来访的电脑浏览器中显示出来。

　　一般对纯文本内容可压缩到原大小的40%，这样传输就快了，效果就是你点击网址后会很快的显示出来，当然这也会增加服务器的负载，一般服务器中都安装有这个功能模块的。

　　根据W3C组织调查，大部分的网站都没有启用压缩功能。

　　2、支持浏览器缓存

　　如果浏览器支持缓存，我们就不用重复下载网页资源，最简单的设置缓存方法是在响应头中添加相应的内容，包括：Expires header，Last-Modified等。

　　你可以可以通过配置服务器来自动添加这些属性，比如你在Apache服务器中配置缓存所有的照片一个月:

　　ExpiresActive On

　　ExpiresDefault "access plus 1 month"

　　3、使用内容分发网络 (CDN)

　　CDN的全称是Content Delivery Network，即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络“边缘”，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。

　　CDN有别于镜像，因为它比镜像更智能，或者可以做这样一个比喻：CDN=更智能的镜像+缓存+流量导流。

　　因而，CDN可以明显提高Internet网络中信息流动的效率，从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等问题，提高用户访问网站的响应速度。

　　为更好地理解CDN，让我们看一下CDN的工作流程，当用户访问已经加入CDN服务的网站时，首先通过DNS重定向技术确定最接近用户的最佳CDN节点，同时将用户的请求指向该节点。

　　当用户的请求到达指定节点时，CDN的服务器(节点上的高速缓存)负责将用户请求的内容提供给用户。

　　具体流程为: 用户在自己的浏览器中输入要访问的网站的域名，浏览器向本地DNS请求对该域名的解析，本地DNS将请求发到网站的主DNS，主DNS根据一系列的策略确定当时最适当的CDN节点，并将解析的结果(IP地址)发给用户，用户向给定的CDN节点请求相——应网站的内容。

　　以上三个方法可以有效地加快页面的访问速度，现在我们将对你的代码进行诊断，帮助我们给页面减肥。

　　4、删除不需要的资源

　　当你不再需要一个组件的时候，你应该删掉它的CSS和JavaScript代码，如果这些代码都单独放在一个文件中，那删掉它们也不是难事，但如果已经没有用的代码和其它代码在一个文件中，那你肯定要费不少精力去删掉它们。

　　这个时候你就需要使用第三方的工具来帮你一键解决，比如JSLint，Dust-Me Selectors，CSS Usage或是像grunt-uncss一样的构建工具。

　　5、style和font重复定义的沉余代码

　　要充分利用好CSS代码定义自己的颜色大小等，有些网站既用了CSS代码定义了之后又去使用style或者是font这样的代码进行定义，这样就无形中增加了无用代码，容易造成代码冗余，因此我们要对这样的代码进行压缩，实现代码精简。

　　6、通用和最小化CSS

　　理想情况下，需要一个单独的CSS文件，让每个页面都调用这一个布局，当然，如果你想要支持老版本的IE，你就得多弄一个CSS文件。

　　另外，还要提醒大家一点：当你把它们构建到服务器上之前，你应该把代码间所有不必要的格式都删掉。

　　有很多预处理工具都可以帮你解决这件麻烦事，比如Sass，LESS和Stylus。

　　有一些方法可以帮助你直接合并多个CSS文件，在Windows上：

　　copy file1.css+file2.css file.css

　　在Mac或Linux上：

　　cat file1.css file2.css > file.css

　　你可以把得到的CSS文件再经过在线的CSS压缩工具删除格式化。

　　最后，在head标签中加载所有的CSS，这样浏览器就知道你的页面样式不用多次重绘了。

　　7、通用和最小化的JavaScript

　　利用外部文件，我们可以用Javascript代码和CSS代码放在外部文件里面，在我们的HTML代码里面加上调用代码进行调用即可，如果打开一个网站去检查它的源文件，前面如果有大量的Javascript代码和CSS代码就容易使得网站有用的内容文字部分推到后面去了，是不利于搜索引擎抓取的。

　　收集的数据显示：平均每个页面加载了18个javascript文件，虽然把像jQuery这样的库文件单独分开非常实用，但是你自己的JavaScript代码应该保持通用和最小化。

　　同样很多第三方的工具可以帮你解决这样事情，比如YUI Compressor，Closure Compiler和我最喜欢用的The JavaScript CompressorRater，简化的JavaScript代码会加快网页的访问速度，减少HTTP请求次数。

　　最后，最好在HTML的body标签后放置JavaScript引用代码，这样能保证JavaScript代码不影响到其它内容的加载。

　　8、减少页面嵌套的表格

　　对于表格要尽量少使用，尤其是嵌套的表格部分，虽然CSS排版使得我们编写代码更加的精简容易，但往往也是少不了表格的使用的，我们可以不去避免，但一定要减少使用多层嵌套的表格，不要产生没有用的代码。

　　9、网站图片的优化

　　对于一些图片站来说，加载错误的图片格式会对你的网页造成很大影响，所以，建议图片站的站长一定要多对图片做些优化。

　　(1)、图片优化原则

　　一般来说选取图片我们应用遵循如下原则：

　　①、照片使用JPG格式。

　　②、其它所有的图片都使用PNG格式(具体可查看马海祥博客《JPG、PNG和GIF图片的基本原理及优化方法》的相关介绍)。

　　(2)、调整大图的大小

　　目前智能机所拍出的照片越来越大，你不可能把原照片直接展示在页面中，普通的编辑器都会直接上传原图，这样会让页面的加载速度慢到另一个级别，在正常的照片处理中，一般都没有必要给用户高质量的图片展示，所以，你需要一个自动调整图片大小的工具。

　　需要注意的是，图片的尺寸是不能超过容量的大小的，这样一来页面加载了全图，却无法展示出来，现在照片的尺寸基本上都超过电脑显示屏的尺寸了。

　　图片的大小在网页总大小中占很大的比重，图片减小50%会导致整体页面大小减少75%，所以你应该认真解决一下图片的加载

　　(3)、进一步压缩图片

　　仅仅调优图片的大小是不够的，你应该通过第三方工具对图片进行分析，进一步压缩图片。

　　比较好用的工具有OptiPNG，PNGOUT，jpegtran和jpegoptim，这些工具大都能安装成独立的工具或是整合到开发过程中，另外像Smush这样的工具，还可以直接在云端处理。

　　10、删除不必要的字体和注释

　　Web fonts已经彻底改变了字体的设计，它减少了很多不必要的文本，然而，目前的字体仍然会给你的网页带来多余的字节。

　　如果你使用超过两种字体，这就已经开始对性能造成影响了。

　　网页代码尽量少用注释，我们知道一段程序里面加上注释能够便于我们快速找到和理解具体代码对应的功能，对于编程人员修改网页是有帮助的，但是这样的代码对于搜索引擎来说是没有任何的意义的，只能说是噪声，因此我们要减少网页代码里面出现的注释部分。

　　提升网站页面质量的方法

　　1、代码之加载速度

　　网页的加载速度直接影响到用户打开网站的体验和蜘蛛爬行次数，如果一个网页无法打开或者打开速度过于慢，很可能会失去大量的用户，蜘蛛对此类网站也不会有任何好感。然而影响速度的不仅仅是服务器问题，服务器只需要买一台好的就不会太差，真正影响的站内代码。

　　在百度站长平台上面有一个栏目“页面优化建议”上面会详细的写出CSS和JS合并文件、gzip压缩等等情况，这些都是具备可以优化的代码，然后注意下页面的死链接就可以了。

　　2、代码之页面相似度

　　页面相似是非常常见的一种，大多数站长都是直接网络上面下载源码，并且安装免费模板，这种模板与其他网站吻合至少达到了80%以上，但是对于SEO来说，这是一个严重的错误。百度喜欢“原创”不仅仅说的是文章，代码也是一样的，如果模板是自己原创那么以后优化会方便很多。

　　3、网页排版

　　网页排版应该满国内用户习惯，根据习惯来布局，打一比方百度和谷歌，从用户搜索习惯上看国内用户更喜欢百度搜索结果显示，但是谷歌更适用国外。所以谷歌淘汰，百度存活。国内用户更喜欢从左到右，从上到下，谷歌显示结果与用户完全相反。

　　4、内容质量

　　文章质量是网页质量中最重要的一个因素，一篇文章如果对用户具备实时性、帮助性、可读性甚至互动性，那么绝对是“大神”级别的好文章，文章部分并非只是使用文字表达，一篇真正的高质量文章通常是采用图文结合，甚至视频结合。在文章底部可以加上相关文章，评论机制等等与用户互动。

　　5、页面广告

　　现在的个人站长通常都是依靠广告生存，特别是一些信息网站，所以频繁的广告占据了大量的位置，但是这是用户需求的么?广告会影响用户的体验，减少广告也许会让用户体验更好。广告不能一味求多，如果用户减少，广告位价格就会变低，有一种丢西瓜捡芝麻的感觉了。

　　6、内部链接

　　内部链接同样是网页组成因素，有的站长为了提升关键词排名，在一篇文章做上大量的锚文本，这种情况同样是要杜绝的，实际锚文本只是为了传递权重，在页面右边加上一些相关文章版块，最新文章版块同样可以传递权重，虽然效果没有锚文本好，但是不属于作弊手段，何乐而不为呢?