好多人纠结于前端与网站优化有什麽关连，首先必定是有关连的，其次前端会严重影响主要词排名，是做网站优化所必须考虑的点。 据Baidu的官方说法，相干性是排名的重要维度，前端结构或说页面模型是相干性的重要构成部分，也就 […]

好多人纠结于前端与网站优化有什麽关连，首先必定是有关连的，其次前端会严重影响主要词排名，是做网站优化所必须考虑的点。

据Baidu的官方说法，相干性是排名的重要维度，前端结构或说页面模型是相干性的重要构成部分，也就是说前端，包括主要词结构，内链调用机制，页面模型这几个点影响相干性，相干性影响排名，排名就是网站优化的基本目标。

1、前端中的页面模型与网站优化关系紧密。我在网站优化讲课的过程当中，会经常给加入网站优化培训的学生贯注贯注页面模型的概念。一个优良的页面模型具备好多对搜索引擎友好的因素，如主要词呈现的位置，主要词呈现的频次，当前页面内链建设机制等。从普遍层面来讲，即经过不同的板块来阐述当前页面的核心点，维度不同，主题一致，具备很好的丰富性，这些点便是做网站优化的核心。

2、已重申过多遍的title和description前端优化点。title：只重申重点便可，重要主要词呈现不要超过2次，而且要靠前，每个页面title要有所不同；description：把网页内容高度概括到这里，长度要合理，不可过分堆砌主要词，每个页面description要有所不同。

3、合适W3C标准的前端HTML代码誊写标准是网站优化的基本功。对搜索引擎来讲，最直接面对的就是网页HTML代码，如果代码写的语义化，搜索引擎就会很容易的读懂该网页要表明的意思。比如文本模块要有大题目，合理利用h1-h6，列表形式的代码使用ul或ol，重要的文字使用strong等等。总之就是要充分利用各种HTML标签完成他们本职的工作，当然要兼容IE、火狐、Chrome等主流浏览器。

4、重要的主要词安放到HTML代码中。搜索引擎抓取HTML内容是从上到下，利用这一特性，可让主要代码优先读取，广告等不重要代码放鄙人边。比如，在左栏和右栏的代码稳定的状况下，只要改一下款式，利用float:left;和float:right;便可以随便让两栏在显现上位置交换，这样便可以保障重要代码在最前，让爬虫最先抓取。同样也适用在多栏的状况。

5、前端部分权重标签能影响网站优化结果。搜索引擎看网页不像普通人，他是看源代码，只要是源码中的信息，都能被搜索引擎查看到。普遍所说的权重标签如H1标签，strong标签等，起着重申作用；图片标签alt起着说明作用。这些前端中的标签影响网站优化结果，但不是绝对的。

6、网站优化忌讳用js输出重要内容。蜘蛛不会读取JS里的内容，所以重要内容必须放在HTML里；尽少使用iframe框架。搜索引擎不会抓取到iframe里的内容，重要内容不要放在框架中。

7、保存文字功效。

如果需要统筹消费者体会和网站优化功效，在必须用图片之处，比如个性字体的题目，咱们可以利用款式控制，让文本文字不会呈现在浏览器上，但在网页代码中是有该题目的。

比如这里的“电视剧分类”，为了完美复原设计图，前端工程师可以把文字做成背景图，以后用款式让html中的文字的缩进设置成足够大的负数，偏离出浏览器以外，也可以利用设置行高的方法让文字隐蔽。注意：不可使用display:none;的方法让文字隐蔽，因为搜索引擎会过滤掉display:none;里边的内容，就不会被蜘蛛检索了。

8、前端利用CSS截取字符让网站优化功效最大化。如果文字长度过长，可以用款式截取，设置高度，超过的部分隐蔽便可。这样做的好处是让文字完整显现给搜索引擎，同时在表示上也保障了美观。

9、压缩与格式化代码。可以在上线前，使用一些工具，把HTML、CSS和JS都压缩、格式化一下，可以降低页面大小；不使用CSS表明式，会影响效果和速率；使用CDN网络，可加快消费者拜候速度；启用GZIP压缩，浏览速度变快，搜索引擎的蜘蛛抓守约息量也会增大。

10、伪静態设置对网站优化的作用。如果是动態网页，可以开启伪静態功能，让蜘蛛“误觉得”这是静態网页，因为静態网页比较合蜘蛛的胃口，如果url中带有主要词功效更加好。

羽灵鸟网络点评：

前端与网站优化的关连极大，网站上线，搜索引擎能识另外网站前端源码均可以归纳于，这是网站优化基础优化点，这个点到位后，做正常的内容建设，外链建设，消费者行为建设，网站的网站优化结果就会蒸蒸日上，且是一定的。