网站制作前端HTML代是与SEO优化推广的基础，许多人纠结于前端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中带有关键词作用更好。
