前端开发工程师不仅需要与可视化设计师和交互设计师合作，完美地恢复设计图纸，还需要编写与主要浏览器兼容的页面，加载速度快，用户体验好。现在您需要与SEO人员一起调整页面的代码结构和标记。有些复杂的渠道，在早期的开发阶段没有考虑优化问题，所以网页制作，即使角色是炫目的，强大的，但对搜索引擎很不友好。

任何一个成熟的网站，后面的页面都是上百万次的，此时要调整结构，既费时又费力，最怕会影响排名和收录。所以从源头上解决这个问题比以后再调整好。我还从事前端开发工作，下面将是我的作业流程，积累在几个开发流程中需要做好SEO优化技术，与大家分享。简化代码结构，更有利于搜索引擎分析和抓取有用的内容：页面尽量选择DIVCSS，当然表格的显示形式比DIV要方便得多；所有JS、CSS都选择外联方式，图片使用CSS向导，减少请求数。从下面相同的角度来看，很明显DIV比Talbe布局简洁得多。

重要内容优先加载（第一个链接是网站的主关键字，不是刻意要求的），可以用CSS处理，索引文章的长度也受到限制，必须是很重要的内容，优先显示蜘蛛，在这方面，可以检查一些较大的要验证的网页快照。

每页只能出现一次h1标签，h2标签可以重复：h1权重很高，一般认为是仅次于标题的，一般信息详情页面标题，产品详情页面标题，都放在h1中。图片必须添加alt功能，标题功能是可选的：spiders不知道图片的内容，只能通过alt功能判断，如果是产品列表页，所有产品都添加了alt和title，很容易形成叠加关键字，所以我一般只添加alt功能。

图像大小说明：如果没有定义图片的大小，则需要重新呈现页面，这将影响速度。链接可以根据实际需要添加标题功能和nofllow值；非特殊链接，链接地址必须写入herf功能，一些前端开发人员为了省力，直接使用div+click事件作为链接，在视觉和使用上确实是完整的链接rol。但是做过SEO优化的人都是。知道吗，spiders现在对JS的支持非常差，基本上无法读取内部的链接地址。所以点击事件绝对是不允许的，特别是一些重要的导航链接。

页面内容不应制作成Flash、图片或视频，蜘蛛抓不到这些东西。即使有必要，也应该相应地生成静态页面。有很多企业站点看起来眼花缭乱，全站闪现，老板看起来很酷，做SEO优化的人会发疯，全站没有链接。

尽量在主页之外的其他页面添加面包屑导航，并且导航结构必须清晰。做好404页的工作，一般会添加首页链接和故障提示，并测试其返回状态代码为404:1，用户体验友情，可以留住用户，不能直接关闭页面；蜘蛛友情，可以回来抓取其他页面。网站的结构是一棵扁平的树，目录结构不应该太深。每页点击次数不应超过主页的三次，这不利于搜索引擎的抓取。