分享到： 微信 新浪微博 QQ分享 QQ空间 豆瓣网 百度贴吧 开心网 复制网址 脸书 推特

许多人纠结于前端HTML代码与SEO有什么相关，首要肯定是有相关的，其次前端会严重影响关键词排名，是做SEO所有必要考虑的点。

据百度的官方说法，相关性是排名的重要维度，前端布局或者说页面模型是相关性的重要组成部分，也便是说前端，包含关键词布局，内链调用机制，页面模型这几个点影响相关性，相关性影响排名，排名便是SEO的根本方针。

前端与SEO有什么相关吗

1、前端中的页面模型与SEO关系密切。我在SEO授课的过程中，会常常给参与SEO训练的学员灌注页面模型的概念。一个优质的页面模型具有许多对搜索引擎友爱的要素，如关键词出现的方位，关键词出现的频次，当时页面内链建造机制等。从一般层面来讲，即经过不同的板块来论述当时页面的中心点，维度不同，主题共同，具有很好的丰富性，这些点便是做SEO的中心。

2、现已着重过多遍的title和description前端优化点。

title：只着重要点即可，重要关键词出现不要超越2次，并且要靠前，每个页面title要有所不同；

description：把网页内容高度归纳到这儿，长度要合理，不行过火堆砌关键词，每个页面description要有所不同。

3、契合W3C标准的前端HTML代码书写标准是SEO的根本功。关于搜索引擎来说，最直接面临的便是网页HTML代码，假如代码写的语义化，搜索引擎就会很简单的读懂该网页要表达的意思。例如文本模块要有大标题，合理运用h1-h6，列表方式的代码运用ul或ol，重要的文字运用strong等等。总归便是要充分运用各种HTML标签完结他们本职的作业，当然要兼容IE、火狐、Chrome等干流阅读器。

4、重要的关键词放置到HTML代码中。搜索引擎抓取HTML内容是从上到下，运用这一特色，能够让首要代码优先读取，广告等不重要代码放在下边。例如，在左栏和右栏的代码不变的状况下，只需改一下款式，运用float:left;和float:right;就能够随意让两栏在展示上方位交换，这样就能够确保重要代码在最前，让爬虫最早抓取。相同也适用于多栏的状况。

5、前端部分权重标签能影响SEO成果。搜索引擎看网页不像普通人，他是看源代码，只要是源码中的信息，都能被搜索引擎查看到。一般所说的权重标签如H1标签，strong标签等，起着着重作用；图片标签alt起着解说作用。这些前端中的标签影响SEO成果，但不是肯定的。

6、SEO忌讳用js输出重要内容。蜘蛛不会读取JS里的内容，所以重要内容有必要放在HTML里；尽少运用iframe结构。搜索引擎不会抓取到iframe里的内容，重要内容不要放在结构中。

7、保存文字作用。

假如需求统筹用户体会和SEO作用，在有必要用图片的当地，例如特性字体的标题，咱们能够运用款式操控，让文本文字不会出现在阅读器上，但在网页代码中是有该标题的。

例如这儿的“电视剧分类”，为了完美复原设计图，前端工程师能够把文字做成背景图，之后用款式让html中的文字的缩进设置成足够大的负数，违背出阅读器之外，也能够运用设置行高的办法让文字躲藏。留意：不行运用display:none;的办法让文字躲藏，由于搜索引擎会过滤掉display:none;里面的内容，就不会被蜘蛛检索了。

8、前端运用CSS截取字符让SEO作用最大化。假如文字长度过长，能够用款式截取，设置高度，超出的部分躲藏即可。这样做的优点是让文字完好出现给搜索引擎，一起在体现上也确保了漂亮。

9、紧缩与格式化代码。能够在上线前，运用一些东西，把HTML、CSS和JS都紧缩、格式化一下，能够削减页面巨细；不运用CSS表达式，会影响功率；运用CDN网络，可加速用户拜访速度；启用GZIP紧缩，阅读速度变快，搜索引擎的蜘蛛抓取信息量也会增大。

10、伪静态设置关于SEO的作用。假如是动态网页，能够敞开伪静态功用，让蜘蛛“误以为”这是静态网页，由于静态网页比较合蜘蛛的食欲，假如url中带有关键词作用更好。

上一篇：  产品网络推广-汇总31个SEO面试问题以及4个面试技巧 下一篇：  移动互联网推广-

TAG： 二号站平台注册