网站文章页面如何优化，才能提升网站收录和关键词排名呢？一个高权重的网站，都说文章页面有很好的排名，这样的话，才能有大量的长尾词排名。

我们做seo优化的工作，大部分也是为了提升文章页面收录和排名，如果只是仅仅提升网站首页几个主关键词排名的话，不仅难做，而且效率不高。

那么，怎么才能有效提升文章页面的关键词排名呢？小编这里给大家简单讲解下。

网站文章页面如何提升关键词排名？如果你想提升文章页面的收录和排名，可以从以下几方面着手。

1、做好长尾词分析

只有做好网站的长尾词分析工作，才能更好的部署网站文章页面的关键词和标题，这些关键词不能一样，一定要全部不一样的长尾词。

2、文章页面的相关性

只有整个网站的文章页面围绕主核心关键词开展，才能有效提升文章页面的收录和排名，聚焦权重，提升关键词排名。

3、文章要图文并茂

在文章中，适当插入相关的图文，能够有效提升客户体验，从而提升收录和排名。

4、关键词密度要准确

为了强调文章标题和关键词，在文章内部适度的插入相关的关键词和词组，让文章的关键词密度有一定的相关性，从而提升收录和排名。

5、一定数量的内定向锚文本

所谓的锚文本，就是站内链接，文章中间适量且自然的插入相关文章链接，可以有效提升文章收录和排名。

6、相关文章推荐3-5篇

很多人阅读了你这篇文章觉得很好，自然而然的也会被相关推荐吸引目光，顺着去点击其他文章，提高阅读量，减少搜索跳出率。除了人为点击，蜘蛛也会顺着相关推荐抓取其他文章，提高文章的收录。

7、文章原创度

搜索引擎都喜欢原创且质量高的文章，所谓原创，就是一个一个字自己码，别的任何网站上都找不到的文章。而质量高，就是这文章对于客户来说有作用的文章。这样才能提升收录和排名。

8、内容组合

围绕着当前文章的标题和关键词，提几个问题，如：xx是什么？为什么要做xx？xx有什么好处？关于xx的常见问题？关于xx的注意事项，然后去搜索引擎上找这些问题的答案，然后组合起来就是一篇崭新的文章。这种文章好收录、而且客户喜欢，非常推荐用内容组合的方式写文章。

关于文章页面如何优化提升收录和排名的问题，我们就简单介绍这些，希望对你有帮助。

通过调研，小编发现部分站点和智能小程序页面加载速度慢的主要原因分别是页面关键子资源耗时严重和图片体积过大。开发者可以参考以下方式优化页面的加载速度。

站点页面关键子资源耗时严重的优化方案

1、清除不必要的资源及阻塞渲染的JS/CSS；

2、通过代码拆分减少JS负载；

3、优化阻塞渲染的JS及JS的使用方式；

4、优化阻塞渲染的CSS及CSS的使用方式。

智能小程序图片体积过大的优化方案

1、控制图片大小；

2、开启图片懒加载；

3、谨慎使用耗费性能的属性；

4、使用渐进式 JPEG 来优化客户体验。

关于优化页面的加载速度

就网站优化而言，页面承担的任务就是让客户看明白内容，解决自己的问题。至于是否漂亮这些多数为主管因素，不同的人有不同的看法，所以不能为了追求所谓的好看，而设置大量的js或者是复杂的css。

另外就是图片优化的问题，适当的添加图片是有好处的，但添加图片有两个需要注意的细节：首先是不能为了增加图片而增加图片，若非必要不加也行；其次就是要控制图片的大小，不要动辄就是几M，要适当的进行压缩处理，保持在几十KB就可以了，这样打开的速度会快很多。

可以看到，影响页面加载速度的，除了网站服务器的性能，在网站程序方面，重点就是js、css以及图片，大家可以重点去关注下，能够优化的地方尽量进行优化。

随着搜索引擎对于网站性能的要求日益提高，页面加载速度成为影响搜索引擎判断的重要指标，需要引起重视。

在页面上设置相关内容有作用吗？看到很网站的页面上都设置了相关内容模块，比如说相关文章和相关产品，请问下这些相关内容的设置有什么作用吗？

关于页面相关内容的问题，百度官方是这么回答的：根据具体的情况而定，我们建议把相关的网页进行相互推荐来给客户更多的选择和更好的客户体验。

百度官方从客户体验的角度对相关内容做了解释，笔者认为我们可以这么简单的来理解：

客户在搜索的时候通常会搜索某个点，比如说客户想要知道减肥的方法，于是他可能会搜索类似“运动能减肥吗”“怎么减肥效果好”“减肥药用效果吗”等等这些具体的关键词。但是这些具体的词是不能够满足客户的真正需求的，加入我们在“运动能减肥吗”这个文章里面，另外还推荐了“怎么减肥效果好”“减肥药用效果吗”等等这些相关文章，那么就能更加满足客户的搜索需求。

这样做有两个直接的好处：首先让提升了页面的内容维度，这对于页面本身的权重提升有帮助；其次是有利于提升客户的行为数据，客户极有可能会阅读更多相关内容，这就增加了pv数、增加了停留时间，同时还降低了跳出率，这样的行为数据对于页面权重和关键词排名的提升都是有帮助的。

所以说，在页面上设置相关内容的作用是很明显的，当然我们必须要确保相关内容是真的相关，而不是牵强的！

如果我们去看那些优化做得比较好的网站，在任何的页面都能看到相关内容推荐。我们也可以从tag聚合的角度来分析，就是说在阐述某个具体知识点的同时，还聚合了更多相关有价值的内容，这很明显时候有作用的。

关于在页面上设置相关内容有作用吗这个问题，笔者就简单的给大家讲这么多。总结来说，真正的相关内容能够提升页面的质量，对于页面关键词排名的提升也有帮助。同时还能够增加网站内部的权重流通，有利于整站权重的提升。

文章页有必要添加作者标签和阅读数量标签吗？作者标签和阅读数量标签可以提升页面内容的维度，无论是对搜索引擎还是对客户都是有帮助的，所以文章页面里面尽量都设置。

作者标签表示着文章的出处，可以帮助搜索引擎更好的判断原创文章；而阅读数量则可以告诉搜索引擎本文的热度，所以这些都是有好处的！

很多朋友可能认为这两个标签没有啥作用，客户也不会去在意作者是谁，不会在意有多少人读了这篇文章。这其实是错误的理解，这个作者和阅读量是能够影响到客户的，比如我们看某篇文章，看到有几千人读过，那心里自然就能产生比较高的信任度；如果看到是某些大佬的文章，同样也会更加的信任。

比如阅读某篇谈创业的文章，如果是马云写的，大家就会觉得很靠谱，但同样的内容如果是某个不知名的人写的，那我们就可能只是看看而已，不会有太多的想法。

阅读量的问题在企业网站更加重要，比如说企业网站发布一个活动新闻，上面显示有几千人看过，那客户自然就会认为企业有很多的客户，企业业务做得很大！这些其实都是细节，如果能把所有的细节都做好，那网站运营的效果自然就能提升几个层次了。

总之而言，作者标题和阅读量标签对于文章页面是有帮助的，不仅能增加文章页面的内容维度，同时也有利于客户体验，最终提升文章页面的整体质量。

所以，还是建议大家在处理页面结构的时候加上这两个标题，并且在阅读量方面做些文章，这些对于网站优化是有好处的。

文章页面带一段广告会有影响吗？文章页面是网站内容里占比比较多的，尤其是资讯类网站，所以在文章页面加入广告是正常的。但要注意无论是图片广告还是文字广告，都不能影响到了客户的浏览，如果给客户的浏览造成干扰，那这广告就有负面的影响，反之则没有问题。

那么怎么样在文章页面加广告不会造成负面影响呢？前面说到了，前提是不干扰客户。所以，我们可以在文章主体内容的结尾，或者是在文章内容整体div以外再加入一个单独的广告模块。这样就能做到广告内容跟文章主体内容的明显区分，就不会干扰到客户的正常阅读，就不会损害到客户体验。

小编有注意到，有些朋友为了让广告信息更加明显，直接在文章主体内容里面插入广告，这样做肯定是不符合搜索引擎要求的。试想下，如果我们在阅读某篇文章的时候，看着看着就看到广告内容，我们会怎么想，大概多数人会吐槽吧。

而且百度搜索也明确表示，对于胡乱插入广告内容的行为会进行算法打击。所以，希望大家在加入广告内容的时候，首先要考虑到客户体验，如果客户失去了对网站的好感，那么即便看到了广告内容，可能也很难形成转化。

当然了，在适当的地方加入合适的广告也是没有问题的，毕竟运营网站的最终目的还是为了赚钱！

在文章页面主题内容后面也加入了图片广告，从效果上看并没有带来不好的影响。事实上这么做还有利于客户体验，因为目标客户在看完文章内容之后，可以直接通过广告图片上的联系方式联系到我们的客服。

大家在设计网站模板的时候，可以适当的留些广告位出来，也是网站整体运营的需要。但要注意一点，那就是不能干扰客户，要基于给客户带来方便的基本原则。

百度搜索在线上直播课程中讲了基础展现，在搜索结果里面包含了页面标题、页面描述、缩略图、出处以及飘红等。在讲解description的时候，百度官方提到了抓取策略，尤其是将页面的重要信息前置，本文就简单说下这个问题。

一、什么叫做重要信息前置

重要信息前置我们可以理解为把页面总结性的内容放在前面，优先让百度蜘蛛给抓取到。

这里有个问题值得大家思考，为什么百度搜索建议把重要信息优先呈现呢？理论上百度搜索是能够全面抓取且分析页面内容的，所以我们可以理解为这是百度对于页面内容结构的要求，有可能构成影响页面质量度的因子。

这个重要信息并不是特定的，但一定是对于页面内容的概括，就好比我们写作文时确定的中心思想。这里也有个问题值得注意，那就是不管是什么样的页面，中心主题必须明确，要围绕既定的主题展开，而不是杂乱无章的内容。

二、重要信息如何前置

百度搜索提到了description标签，description本身就是页面描述的意思，这里的内容就是对于页面信息的摘要和总结。所以，我们可以把页面的重要信息放在description标签里面。

这里又有个问题，大家应该都知道在页面标题、关键词、页面描述这三大标签里面，通常只有页面标题会影响到关键词排名，而关键词和页面描述已经不重要了，在之前百度方面也曾经说过。但是，现在结合重要信息前置来看，这个description内容的作用其实还是有的，最起码能够放置重要的内容，帮助搜索引擎来分析页面。所以，建议大家还是设置description比较稳妥。

重要信息除了在description展示以外，我们也可以通过明显的结构化内容模块来显示，比如设置内容摘要等这样的模块。搜索引擎能够根据内容模板的不同，提取出不同意义的内容，从而更好的对页面进行评价。

关于description与页面重要内容前置的问题，就简单的说这么多。总之来说，description内容尽量要有（尤其是文字内容少的页面），并且是页面总结性的信息，是页面内容的高度概括。另外，要认识到百度搜索对于页面的判断有很多细节，比如对页面的内容结构模块有要求。

网站栏目页面标题可以带问句吗？网站栏目的页面标题建议不要使用问句，因为栏目页面是内容聚合的页面，它是有众多相关内容组成。而带问句的内容往往需要直接的回答，这种更加适合具体的资讯页面。

比如说“电视机哪个牌子好”这样的标题，SEO认为是不合适的！客户搜索这个问题，就是想要得到具体的直接的回答，而栏目页是不能直接解决问题的。因为栏目是内容列表，所以客户来到这个栏目页以后，还需要去搜索才有可能找到自己想要的答案。这其实跟在百度搜索没有区别，客户在百度搜索的时候，同样能够看到很多的信息，然后自己再去选择。

既然都是需要再次搜索，搜索引擎为什么还有给你排名呢？这分明是增加了客户的搜索成本，还不如直接给出能解决客户问题的答案页面。这里建议大家多去研究下搜索引擎工作原理，搞清楚搜索引擎是怎么工作的。

前面从搜索引擎的角度做了简单的说明，我们再看看跟客户需求的相关性。假如是我们自己去搜索，我们想要知道电视剧哪个牌子好，然后来到了一个栏目页面，这个时候我们会发现其实看不到具体的答案，栏目页面可能存在对很多电视机品牌的介绍，但这些都不是我们要的答案。

但如果我们进入到的是详细的内页，里面的内容就是针对电视机品牌做介绍，也推荐了知名度高的品牌。相比这两种页面，大家认为自己更喜欢哪个页面呢？

总之来说，不建议大家在网站栏目的标题上使用问句，更不要把这个问句当成是长尾关键词来优化。要知道，客户之所以搜索问句，就是想要看到直接的答案，而不是再次去搜索。当然，也有朋友可能会说，很多网站栏目就是这么设置的，关键词排名也都不错！

对于这样的情况，建议大家去看看这个网站本身的权重是怎么样的！我们做网站优化，不能只看到某个方面，而是要全面去分析。在符合搜索引擎和客户需求的基本原则下，再去利用各种SEO技巧，而不是让SEO技巧成为空中楼阁！

网站的页面形式有很多，比如说动态页面和静态页面，另外还有伪静态页面，网站通常会根据具体的需求选择合适的形式。

本文重点给大家介绍下动态页面，看看动态页面的优点有哪些，动态页面和静态页面的区别有哪些。

一、动态页面的优点

动态页面是最常用的网站建设的一种表达形式。他的优点在于可以根据先前所制定好的程序页面，以客户的不同请求从而返回其相应的数据。可以说是一对多的关系。从而达到资源的最大利用和节省服务器上的物理资源。如果今后你需要改变站点的风格。只需要重新做前台所访问的页面即可。只要数据库不做大的修改。可以很快的进行改版工作。

动态页面网站的互动性强。 由于动态网站具有较好的客户体验，因此相比其他两种形式的网站，它的转化率要高很多。动态页面个性化客户体验，可以加大网站与客户之间的互动，从而减少网站的跳出率。

二、动态页面和静态页面的区别

动态页面是一对多访问。通过一个页面。可以根据若干参数返回其不同的数据。但是静态页面因为是静态所以是一个页面对应一个内容。也就是多对多的关系。他的优点就是无论你如何访问都只是让服务器传数据给请求者。并不做脚本计算及读取后台数据库。从而大大的提高了访问速度及降低了部分安全隐患。

采用静态页面的方法可以将数据库及后台系统与前台划分开。两者见没有绝对的联系。从而从提高站点的安全。

（一）静态web页面：

1、在静态Web程序中，客户端使用Web浏览器（IE、FireFox等）经过网络(Network)连接到服务器上，使用HTTP协议发起一个请求（Request），告诉服务器我现在需要得到哪个页面，所有的请求交给Web服务器，之后WEB服务器根据客户的需要，从文件系统（存放了所有静态页面的磁盘）取出内容。之后通过Web服务器返回给客户端，客户端接收到内容之后经过浏览器渲染解析，得到显示的效果。

2、为了让静态web页面显示更加好看，使用javascript／VBScript／ajax（AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。）但是这些特效都是在客户端上借助于浏览器展现给客户的，所以在服务器上本身并没有任何的变化。

3、静态web无法连接数据库；

4、静态web资源开发技术：HTML；

5、由于现在的web页面中，大量使用JS，导致浏览器打开页面，就会占用大量的内存，服务端的压力是减轻了，但压力转移到了客户端。

（二）动态web页面：

动态WEB中，程序依然使用客户端和服务端，客户端依然使用浏览器（IE、FireFox等），通过网络(Network)连接到服务器上，使用HTTP协议发起请求（Request），现在的所有请求都先经过一个WEB Server来处理。

如果客户端请求的是静态资源(.htm或者是.htm)，则将请求直接转交给WEB服务器，之后WEB服务器从文件系统中取出内容，发送回客户端浏览器进行解析执行。

如果客户端请求的是动态资源（.jsp、.asp/.aspx、.php），则先将请求转交给WEB Container(WEB容器)，在WEB Container中连接数据库，从数据库中取出数据等一系列操作后动态拼凑页面的展示内容，拼凑页面的展示内容后，把所有的展示内容交给WEB服务器，之后通过WEB服务器将内容发送回客户端浏览器进行解析执行。

关于动态页面，本文重点介绍了动态页面的优点，以及动态页面和静态页面的区别。总之来说，动态页面的优势比较明显，尤其是在互动性和客户体验方面。

当然动态页面也有缺陷，比如大量的请求会占用网站服务器的内存等等。动态页面和静态页面的区别是可观存在的，因此，是采用动态页面还是静态页面，这就需要大家具体的分析和选择了。

正常情况下网站是有很多页面的，但是有些网站基于具体的需求，就只有一个页面，这就是所谓的单页面。那么单页面优化应该怎么做呢？本文就给大家具体介绍下单页面优化策略包括哪些，单页面网站如何优化。

一、单页面优化策略包括哪些

1、单页面的标签是首要思考的，其次是路径优化，一方面可以给网站页面路径包括关键词相关英文或者拼音，另外一个方面做好路径的静态化，alt标签添加关键词介绍，文章内容关键词加粗，关键词在标签中，以及在锚文本中尽量包括关键词。

当然这么操作也是有益处的，因为把词都集中在网页的，文章内容比较丰富，也有很多客户是想明白的事情，并且放在页面可以集中操作这页面，能很快的提高关键词的排名，并且提高排名通常都是几个关键词一起提高的。

2、单页面网站就站内来说，优化起来并不是顺手，而依赖外来的流量，大家知道很多做搜索引擎推广的网站，大部分都是单页网站。在竞价推广成本居高不下，而效果却远不如前的前提下，利用媒体引流只要发表有质量的文章，就会自带流量。

大家都知道我们都知道大部分的着陆页就是一个网站的某个单页面，大部分都是点击进去都是商品，没有太多的其他内容，有的仅仅是推广的内容，而优化网站则是围绕内容进行推广，获得的流量免费，着陆页也都是不一样的，然而却同样可以达到这种效果。

3、让网站能够在搜索引擎上面使客户体验度上升，为了能够让网站的排名上去，从而能够得到客户的认同。假设网站是由于网页存在形象问题，比较多的图形，而这些元素对搜索引擎的收录会有影响，因此这个时候就需要调整。

由于只有一个网页，不利于搜索引擎对网站的抓取和索引，一般会围绕网站的关键词做相关内容介绍，基本上涵盖了该关键词的全部知识点，通过站内优化基本是行不通的，比方标签的使用，单页面网站势必会浪费流量，关键词密集度在一个合理的范围内就可以了，那么这个网页内容就会相当详实，在策略上做的全部工作几乎都是围绕该页面进行的，可以通过不同的区域展示相关内容介绍，从而向优化的元素靠拢。

二、单页面网站如何优化

1、单页面网站优化要注意定义区域性内容

针对这样的单页面网站，我们可以先将页面划分为几个特定的区域，将每一个区域作为一个单独的页面来优化。为每一个区域选择关键词、定义内容、设置各种标签等。当然 要切记每个区域的关键词都应具有相关性。

2、单页面网站优化要注意使用DIV分割区域

将每一个区域用DIV分割开来，这样能够使得网页的结构更加清晰。可能很多朋友不太理解DIV分割的意思，就是将一个页面的文档内容分割为独立的、不同的部分。这样就能 更好的进行SEO优化处理了。

3、单页面网站优化要注意设置锚链接

搜索引擎都非常喜欢锚链接，与锚文本不同，锚链接能够将客户带入同一页面的特定区域。在单页面网站优化中，在每个区域设置特定的锚链接，正确为客户导航，方便客户 在同一页面内找寻目标信息。

4、单页面网站优化要注意为每一个区域设置H1标签

通常情况下，一个页面设置一个H1 标签，但是单页面网站因为其独特性，跟一般的网站不同。在单页面网站的每个区域设置一个H1 标签有利于突出页面结构，有助于 搜索引擎明白网站架构。但是切记每个区域设置一个H1 标签即可，不可频繁使用。

5、单页面网站优化要注意避免全是图片展示

很多企业使用单页面网站，希望展示给客户一种酷炫或者简单的效果，所以网站里面添加很多图片，但是这却造成了网站文字内容太少，不利于搜索引擎对网站的抓取和索引 。

6、单页面网站优化要注意高质量的网站内容

作为单页面网站，将客户关注的需求点尽可能的完整的展示出来，是十分有必要的，所以这就需要高质量的网站内容，通过不同的区域展示相关的内容介绍，提高客户体验。 只要做到这点，就能有效的降低网站的跳出率。

关于单页面优化的问题，本文就给大家具体介绍下单页面优化策略包括哪些，单页面网站如何优化。

总之来说，单页面优化跟正常的网站优化没有本质的区别，但是在具体的优化细节上则是大同小异的。单页面网站因为没有内容的支撑，所以需要尽量提升单页面的质量度，另外就是需要加大站外优化。

近有几个朋友咨询笔者关于电子商务网站商品页面怎么优化，从总的SEO优化原则上说，需要注意的事情是大同小异的。鉴于电商网站有其特殊性，笔者就特别拿出来说说，跟大家分享下电商网站商品页面优化技巧。

在讲如何优化电商网站商品页面之前，我们需要了解商城的产品页面结构，通常情况下，这里产品页面主要包含标题、简要描述、主体信息、其他相关信息等几个方面，下面就分别具体说说，看看电商网站商品页面有哪些优化技巧。

1.产品标题和页面标题优化

关于页面标题的优化技巧，笔者在页面标题title优化的重点和技巧一文中有详细说明。那么到具体的产品页面该怎么做呢，这么我们需要注意一个原则，那就是标题内容尽可能使重要的描述性的名词，少些主观性的形容词。

另外，产品标题和页面标题可以分开设置，具体根据情况而定，下面举个简单的例子。

【Apple iPhone 8】Apple iPhone 8 (A1863) 64GB 金色 移动联通电信4G手机【行情 报价 价格 评测】-京东

这是京东商城的一个产品页面，大家可以看到在页面标题里，都是产品本身名词和属性类的信息，这些信息都是客户关心的，也是包含在搜索行为里的。当然，产品标题也差不多是这样设置。

我们在处理电商产品页面标题的时候，就可以借鉴京东这样优化技巧。

2.产品简要描述部分优化

产品简要部分目的在于让客户快速了解产品，所以，这里的内容跟标题类似，尽量使用产品属性等客户关心的内容。另外，因为电商网站以销售为主，所以在描述部分，可以适当的融入促销手段，比如说加入一些优惠政策等。

PS：如果仅仅从页面SEO优化的角度考虑，描述部分内容也应该是客观性属性内容。

3.产品主体信息优化

这部分是整个商品页面的主体内容，我们去看那些SEO优化做的好的商城网站，其产品页面的主体部分信息往往是很详尽的，包括基本属性、价格、图片、以及客户点评等等。

那么产品页面主体内容有什么优化技巧呢，笔者认为要注意两个方面：

① 使用属性结构化，采用多个字段，比如说商品名称、商品价格等等，这样的结构化信息可以让搜索引擎和客户更加直观的理解页面，无论是对搜索引擎还是对客户，都是很友好的。

② 信息尽量多维度，比如说商品基本信息、增涨流程、使用教程、客户点评等，从不同维度对商品进行全方面的说明，让产品信息更加完善，提升产品页面的质量度。

4.产品相关内容优化

这里主要指相关产品和相关资讯两个方面的调用。

① 相关产品，从SEO角度上说，调用相关产品可以增强本页面的质量，同时也可以为其他产品页面提供入口；从客户体验角度来看，也方面客户查看相关产品，这最终也有利于SEO。

② 相关资讯，资讯内容对产品页面来说，起到的作用是辅助，比如说某单反相机的产品页面，如果调用出相机的使用方法及实战经验等，这对于产品页面来说，不仅增加了内容维度，对于客户体验也有帮助。

关于电商网站商品页面优化技巧，本文从产品标题、简要描述、主体信息、其他相关信息等几个方面说了详细说明，大家可以参考，根据自己商城网站的具体特点，对产品页面进行结构和内容调整。总结来说，要让搜索引擎和客户更方便理解产品页面。

电商网站商品页面结构化更加明显，所以我们在优化的时候要注意结构化的特点，通过H标签以及strong标签等，把商品页面的重要性逐次体现出来。

另外在设置div区块的时候，也可以适当的做些优化，让区块的结构更加清晰明显，而不是杂乱无章的。前面还说到了商品页面的主体内容，这部分内容包括了产品介绍、属性等，应该尽量做到详细完善，切记堆上一堆图片完事！

网站由后端和前端两部分构成，其中前端是呈现给客户的，笔者在本文将给大家讲述前端页面代码优化，当然仍然是基于seo优化的。

就前端而言，如果做了伪静态处理，那么基本就是普通的html代码，正常情况下这些页面内容都是通过页面模板来输出。那么前端的页面代码有哪些地方需要优化呢，我们从以下几个方面来看看页面优化那些事情。

一、头部冗余代码

有些开源的网站程序在里加入了大量的代码，如果不查看源代码根本看不到，这对客户来说并没什么，但有些代码完全是多余的，甚至有些代码使用不当还会导致一些不必要的错误。

笔者建议，里的代码尽量简洁，用不到的直接丢弃，另外，不能确定如何使用的代码也果断放弃。精简代码对于页面打开的速度有一定的好处。

二、代码位置

代码的位置处理其实是个小细节，但意义不小。百度搜索引擎优化指南明确指出，页面应该尽量让主体内容优先呈现，什么叫主体内容？举个简单的例子，文章页，文章的具体内容就是主体内容，其他的像边栏、相关内容等模块就是附加内容。

部分使用了两栏的网站页面，左边是边栏，右边是页面主体，在前端代码里则使用了从上到下、从左到右的顺序。这样的代码处理对客户阅读没有不妥，但对于爬取代码的搜索引擎来说，就是先抓取了次要内容，后再抓取到主体内容，对seo优化而言，这不合理。

其实要解决代码位置的问题很简单，现在绝大部分网站都是使用div+css，我们只需要稍微调整下代码即可！比如通过div的float属性处理左右位置，在页面模板里把右侧内容区块放置到上面。

三、结构化和H标签

这里的结构化主要是针对H标签及div区块来说的，比如说H标签能标注处页面哪些内容是最重要的，哪些是次重要的。关于H标签推荐大家阅读页面H标签怎么使用一文。

至于div其实也很好理解，比如说把某些相关性强的内容放到一个div中，这样就可以很明确的跟其他内容区分开。举个最简单的例子，还是说文章页，我们可以把文章内容放到一个div中，相关推荐内容放到一个div中，边栏放到一个div中，经过这样处理，整个页面代码就有了明显的架构化和层次感。

让页面代码结构化及设置H标签，目的就是辅助搜索引擎更好的识别和抓取页面内容，这对于seo优化来说是有好处的。

四、css外调

css代码应该放置在一个独立的文件中，因为css文件中很多样式同时被不同类型的页面调用，设置独立文件再进行调用就保证了页面代码的整洁，避免代码冗余。

PS：最近有种说法，就是除去公共部分的css代码，把页面单独使用到的css代码直接写在页面模板里，这样精简css文件代码，在调用css文件的时候减少代码渲染的时间，提供页面打开速度。这在理论上是可行的，只是会让工作量加大，大家具体权衡吧！

五、尽量少用js

有些朋友为了让页面看起来更炫酷，使用了大量的js代码，这样炫酷的效果是达到了，但却忽略了这些特效的代码会大大影响页面打开速度！对seo优化是极为不利的。

六、图片处理

关于图片的处理注意说两点，一是添加图片的alt属性，来帮助搜索引擎识别图片内容；二是设置尺寸，尤其是在pc端，设置了尺寸，打开页面后就减少了渲染的过程。

在前端页面代码优化中还有很多小细节，大家需要记住，能够提高页面打开速度以及有助于搜索引擎识别页面内容的地方都值得去研究。