很多人纠结于前端与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;和浮动：对;你可以自由地交换显示屏上的两列，这样你就很重要。代码位于最前端，允许爬虫首先爬行。这同样适用于多列的情况。

　　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中带有关键词效果更好。

版权声明：本文内容由网友上传(或整理自网络)，原作者已无法考证，版权归原作者所有。61k阅读网免费发布仅供学习参考，其观点不代表本站立场。

本文标题：SEO教程：SEO和前端有什么关系？
本文地址： http://www.61k.com/1234357.html