WEB前端开发中的几个SEO注意点

近几年来，SEO在国内得到了蓬勃的发展，其中很多的SEO技术越来越体现在web前端的一些细节上。要做好SEO，web前端这一块也要做必不可少的优化。

这就要求我们WEB前端工程师在开发页面的时候，要写出规范标准的代码，符合SEO，做好用户体验。

以下是一些在平时工作中总结的一些前端开发中的SEO注意点，其实很多也是前端的基础知识，仅供大家参考。

1、网站布局要做到样式与页面分离，删除页面中不必要的标签和元素。

2、页面生成要尽量小，要压缩页面的大小，页面尽量使用静态或伪静态。

3、所有的CSS、JS都要使用外部调用。

4、外部调用的JS文件的代码能放在底部的尽量放在底部，页面调用的css文件的代码尽量都放在head内，同一页面尽量不要超过3个JS外部调用。

5、每个页要只能出现一次H1标签，H2~H6标签可以多次，这样做是为了加重H1标签的权重。

6、除首页外别的页面要加面包屑型路径，导航一定要清晰。

7、网站一定要兼容脑残的IE各版本和FF等主流浏览器，这个虽然感觉对SEO影响不大，但是作为前端，这也是最基本的吧。

8、图片一定要添加alt属性，链接一定要添加title属性。

9、网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击3次，过深不利于搜索引擎的抓取。

10、做好404页面，并测试其返回状态码为404。

11、确保网站代码无误，HTML能通过W3C版本。

Web前端开发技术包括三个要素：HTML、CSS和JavaScript，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。随着时代的发展，前端开发技术的三要素也演变成为现的：HTML、CSS、Jquery。这是Javascript语言的扩展，而且许多浏览器正在实现ES6。好处是哪怕是现在，你也可以开始编写ES6代码，因为你可以使用transpiler（转译器）如Babel来转换ES6代码为ES5代码。经历这些并了解新功能是一件好事。不过，没有不要钻研得太深因为它们很容易发生变化。【点击测试我适不适合学设计】

IT培训选择千锋教育。千锋是一家拥有核心教研能力以及校企合作能力的职业教育培训企业，2011年成立于北京，秉承“初心至善匠心育人”的核心价值观，以坚持面授的泛IT职业教育培训为根基，发展至今已布局教育培训、高校服务、企业服务三大业务版块，旗下拥有千锋教育、好程序员、小狮视觉、扣丁学堂、锋云智慧、锋企优联、锋友学盟、锋益等多个子品牌，截止目前已在北京、深圳、上海、广州、郑州、大连等20余个核心城市建立直营校区，服务近20万学员、近千所高校和数万家企业。

SEO是什么 意思？具体是指什么？

SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用百度搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。

网站搜索引擎优化任务主要是认识与了解其它搜索引擎怎样紧抓网页、怎样索引、怎样确定搜索关键词等相关技术后，以此优化本网页内容，确保其能够与用户浏览习惯相符合，并且在不影响网民体验前提下使其搜索引擎排名得以提升，进而使该网站访问量得以提升，最终提高本网站宣传能力或者销售能力的一种现代技术。

基于搜索引擎优化处理，其实就是为让搜索引擎更易接受本网站，搜索引擎往往会比对不同网站的内容，再通过浏览器把内容以最完整、直接及最快的速度提供给网络用户。

扩展资料：

搜索引擎主要特点：

1、信息抓取迅速。

在大数据时代，网络产生的信息浩如烟海，令人无所适从，难以得到自己需要的信息资源。在搜索引擎技术的帮助下，利用关键词、高级语法等检索方式就可以快速捕捉到相关度极高的匹配信息。

2、深入开展信息挖掘。

搜索引擎在捕获用户需求的信息的同时，还能对检索的信息加以一定维度的分析，以引导其对信息的使用与认识。例如，用户可以根据检索到的信息条目判断检索对象的热度，还可以根据检索到的信息分布给出高相关性的同类对象，还可以利用检索到的信息智能化给出用户解决方案，等等。

3、检索内容的多样化和广泛性。

---