前端开发工程师不仅需要使用可视化设计器和交互设计器完美还原设计图形，还需要编写与主流浏览器兼容的页面，加载速度快。现在你需要和搜索引擎优化从业者一起调整页面的代码结构和标签。正因为如此，与其以后再调整，不如从源头上处理问题。我也是搞前端开发的。我将分享我在开发过程中的搜索引擎优化技巧。

1。h1标签每页只能出现一次，h2标签可以出现多次:h1的权重非常高，一般认为仅次于标题。通常新闻详情页的标题和产品详情页的标题放在h1。

2。先加载重要文字(第一个链接是网站的第一个关键词，不是刻意要求的)，可以用css解决。索引副本的长度也是有限的，需要优先显示最重要的文本。对于蜘蛛，您可以通过查看更大的网页快照来验证这些。

3。除了主页之外，最好添加痕迹导航，导航结构一定要清晰。

4。图片必须添加alt属性，title属性是可选的:spider不知道图片的文字，只能通过alt属性来评估。如果是产品列表页面，所有项目都添加了alt和title，这样就很容易构造关键字。？创建单词，所以我通常只添加alt属性。

5。图像大小声明:如果没有定义图像大小，需要重新渲染页面，会影响速度。

6。可以根据实际需要添加标题属性和nofllow值。对于非特定链接，链接地址必须写入herf属性。为了省事，前端开发人员直接使用div添加点击的东西作为链接，直观的实现了链接效果。但是做过seo优化的人都知道蜘蛛目前对js的支持很差，基本看不到里面的链接地址。所以绝对不允许点击，尤其是重要的导航链接。

7。尽量不要在页面的文字里做flash、图片、视频，蜘蛛是抓不到的。即使需要，也会生成相应的静态页面。有很多企业站着看起来很酷，整个站在一瞬间老板看起来很酷。做seo优化的人会疯掉，全站没有联系。

8。简化代码结构，这样更有利于各大搜索引擎的分析和抓取有用的文本:页面尽量使用div+css。当然，表格显示方式比div表格更方便；所有js和css都采用外展，图片采用css sprite，减少了请求数量。看下面同样的文字，对比div和talbe布局的代码，很明显div更简单。
9。做404页面，一般添加首页链接和错误提示，测试返回状态码为404: 1，客户体验友好，客户可以保存，页面不能直接关闭；2.蜘蛛友好，可以返回抓取其他页面。

10。网站的结构比较扁平，目录结构不要太深。主页每页的最大点击次数不得超过3次。不利于各大搜索引擎的爬行。