SEO中前端代码优化经验积累

原创 2018年04月17日 09:31:19

规范合理的代码结构有利于引擎蜘蛛对页面的收录和索引建立
1. 网站标题优化,title标签值的优化,通过伪静态的手段定期更新站点主题相关热词,以达到被搜索引擎快速索引的目的,对搜索结果影响较大。
2. 网站关键字优化,meta标签keywords属性是表达该站点提供产品或服务的关键信息,也是搜索引擎识别站点的关键,关键词容量较小,一般最多放置5组词语,用英文逗号分隔,利用伪静态的手段定期更新,对搜索结果影响较大。
3. 网站描述信息优化,meta标签description属性是表达网站简介的信息,一般也是关键词的堆砌,但是这个属性对关键词的容量较大,最大容纳128个字符,利用伪静态的实现可以动态更新该值,达到被高频搜索的目的,对搜索结果影响较大。
4. 网站主结构body部分应尽量使用Html5新增的语义化标签,利用标签意义展现站点关键信息并连接关键字信息,权重比较高的语义化标签有header、section、h1、h2、h3、a、img、nav、input、aside、article、footer等,这样做有利于蜘蛛对站点整体的解读,及页面层级的分析。
5. a标签属于页面内链接,应添加title属性,设置关键字,说明链接意义,如果是链接到其他外网的,则需要加上 el=”nofollow” 属性, 告诉 “蜘蛛” 不要爬,因为一旦“蜘蛛”爬了外部链接之后,就不会再回来了。
6. 对于h系列标签使用需要特别注意。蜘蛛会通过h标签来获取网站的主题或者产品信息,原则上一个页面只能有一个h1标签,尽量出现在header标签内或者nav标签内,h2标签h3标签及其他h系标签可以有多个,但是不要跨级使用,应产生明显的层级结构。
7. br标签:只用于文本内容的换行。
8. 表格应该使用caption表格标题标签
9. 所有的img标签应使用alt属性加以说明
10. 需要突出强调的地方应使用strong标签或者em标签,strong标签在搜索引擎中能够得到高度的重视,它能突出关键词,表现重要的内容,em标签强调效果仅次于strong标签。
11. 文本缩进不要使用特殊符号 应当使用CSS进行设置。版权符号不要使用特殊符号 可以直接使用输入法,拼“banquan”,选择序号5就能打出版权符号©。
12. 巧妙利用CSS布局,将重要内容的HTML代码放在最前面,最前面的内容被认为是最重要的,优先让“蜘蛛”读取,进行内容关键词抓取。
13. 重要内容不要用JS输出,因为“蜘蛛”不认识。
14. 尽量少使用iframe框架, 因为“蜘蛛”一般不会读取其中的内容。
15. 谨慎使用 display:none :对于不想显示的文字内容,应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容。
16. 页面层级不能过深。
17. js代码如果是操作DOM操作,应尽量放在body结束标签之前,html代码之后。

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/vx_list/article/details/79969985

虚拟函数是否应该被声明仅为private/protected?

  虚拟函数是否应该被声明仅为private/protected? 问题导入我想对于大家来说,虚拟函数并不能算是个陌生的概念吧。至于怎么样使用它,大部分人都会告诉我:通过在子类中重写(override...
  • cber
  • cber
  • 2001-10-31 13:59:00
  • 1579

Web前端开发学习3:SEO代码优化

一代码优化概述        关于代码优化的知识是纯理论的知识,学习的很枯燥。在学到CSS时,不免遇到CSS+div进行代码优化的知 识,因此在网上看了一些关于这方面的知识,简单的整合一下,梳理自己所...
  • erlian1992
  • erlian1992
  • 2015-10-31 18:28:17
  • 4747

【前端学习笔记】项目经验积累(不定期更新)

样式重置—————————————————————————–/* reset */ body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,...
  • u014420383
  • u014420383
  • 2015-08-04 17:28:04
  • 662

在工作中积累经验

来到ibm2个月啦,多多少少感受到了一些东西。从不熟悉到熟悉,从茫然到清晰。有很多感受现在已经慢慢的淡去。但现在想作下来写点东西,因为我已经老啦,也许记下来才能真正的理解。理解了也许会用上。不知道自己...
  • hdwt
  • hdwt
  • 2007-03-13 12:52:00
  • 1865

前端针对SEO优化

SEO(Search Engine Optimization),就是传说中的搜索引擎优化,是指为了增加网页在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。我认为这是一门说来简单,但操...
  • vuturn
  • vuturn
  • 2015-06-24 16:02:56
  • 2606

新手工作,如何正确的积累经验、如何更快的提升能力、过程是什么样的?

正确的积累经验: 在实际工作中,要学习好的习惯,虽然你现在并不赞同,但是你要学习,并一直保持下去,因为人之所以有文明就是因为不断的学习和积累好的东西。 不要盲目赞同别人,要先思考,要有自己的立场。...
  • songjinshi
  • songjinshi
  • 2012-01-06 10:55:52
  • 2199

我的项目经验积累

1、论android升级: 项目过程中,如果实在是时间紧迫,升级功能一定要保重开发完成并且功能稳定!而且特别要注意的是,推送升级的方式很弱,很难让每个用户注意到,而且客户端会有很多零散的逻辑,很难做好...
  • u011423995
  • u011423995
  • 2016-08-06 16:53:03
  • 520

应该积累知识还是应该积累经验???

我常常思考的问题!!
  • henth
  • henth
  • 2006-02-02 09:42:00
  • 477

你必看的一个老程序员积累的20条编程经验

你必看的一个老程序员积累的20条编程经验 程序员 1. 估算解决问题所需要的时间。 不要怕,承认吧!我曾见过一些程序员为了解决...
  • sunyllove
  • sunyllove
  • 2016-11-30 10:09:52
  • 970

SEO 网站优化 源代码的优化案例

  • 2009年09月18日 10:46
  • 2KB
  • 下载
收藏助手
不良信息举报
您举报文章:SEO中前端代码优化经验积累
举报原因:
原因补充:

(最多只允许输入30个字)