前端与seo有什么关联吗(前端seo技术有哪些)

作者:qq61
围观群众:48
更新于

前端与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;就可以随意让两栏在展现上位置互换,这样就可以保证重要代码在最前,让爬虫最先抓取。同样也适用于多栏的情况。

前端与seo有什么关联吗(前端seo技术有哪些)

5、前端部分权重标签能影响seo结果。搜索引擎看网页不像普通人,他是看源代码,只要是源码中的信息,都能被搜索引擎查看到。通常所说的权重标签如H1标签,strong标签等,起着强调作用;图片标签alt起着解释作用。这些前端中的标签影响seo结果,但不是绝对的。

前端与seo有什么关联吗(前端seo技术有哪些)

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

7、保留文字效果。

如果需要兼顾用户体验和SEO效果,在必须用图片的地方,例如个性字体的标题,我们可以利用样式控制,让文本文字不会出现在浏览器上,但在网页代码中是有该标题的。

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

8、前端利用CSS截取字符让seo效果最大化。如果文字长度过长,可以用样式截取,设置高度,超出的部分隐藏即可。这样做的好处是让文字完整呈现给搜索引擎,同时在表现上也保证了美观。

前端与seo有什么关联吗(前端seo技术有哪些)

9、压缩与格式化代码。可以在上线前,使用一些工具,把HTML、CSS和JS都压缩、格式化一下,可以减少页面大小;不使用CSS表达式,会影响效率;使用CDN网络,可加快用户访问速度;启用GZIP压缩,浏览速度变快,搜索引擎的蜘蛛抓取信息量也会增大。

10、伪静态设置对于seo的作用。如果是动态网页,可以开启伪静态功能,让蜘蛛“误以为”这是静态网页,因为静态网页比较合蜘蛛的胃口,如果url中带有关键词效果更好。

前端与seo有什么关联吗(前端seo技术有哪些)
前端与seo有什么关联吗(前端seo技术有哪些)

非特殊说明,本文版权归 成益经验网 所有,转载请注明出处.

本文分类: 娱乐

本文标题: 前端与seo有什么关联吗(前端seo技术有哪些)

本文网址: http://chengyi0769.com/yule/2480.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。