前端开发工程师不仅需要用视觉设计师和交互设计师合作，完美还原设计图，还需要编写页面，与主浏览器兼容，加载速度快，用户体验好。现在您需要用SEO人员一调整页面的代码结构和标记。一些复杂的渠道在早期开发阶段没有考虑到优化，所以网页制作，即使角色令人眼花缭乱且强大，也不利于搜索索引。
任何一成熟网站，其次是页面都是百万次。此时，调整结构既费时又费力，而且最害怕影响排名和收录。因此，最好从源头上解决这个问题，而不是以后再进行调整。我还从事前端开发工作。以下是我的工作流程。我需要做好SEO优化几个开发流程中积累的技术与您分享。简化代码结构更有利于尽可能搜索索引 for 分析和抓取有用内容:页面DIVSS。当然，桌面显示比div方便得多；所有联署材料和CSS都选择了外联方式。图片使用CSS向导来减少请求的数量。从下面同样的观点来看，DIV显然比Talbe简单得多。
重要信息内容优先加载(第一条链接是网站的主要关键字，并非有意要求)。CSS可以用来处理它。索引文章的长度也是有限的。必须非常重要内容，并且蜘蛛优先显示。在这方面，可以检查一是否有要验证的网页的更大快照。
每页只能出现一 h1标签，h2标签可以重复:h1权重非常高，一仅次于标题，一信息详情页面标题，产品详情页面标题，全部放在h1中。图片必须添加Alt函数，标题函数是可选的:蜘蛛不知道图片的内容函数，只能通过alt函数来判断。如果是产品列表页面，alt和title会添加到所有产品中，因此很容易形成重叠的关键字，所以我只添加alt函数一。
图像尺寸描述:如果没有定义图像尺寸，将需要再次渲染页面，这将影响速度。链接可根据实际需要增加标题函数和nofllow值；非特殊链接、链接地址必须写入herf函数。一一些前端开发人员直接使用div+click事件作为链接，这在视觉和使用上确实是一个完整的链接角色，以节省精力。但是那些做过的人SEO优化都是。你知道吗，蜘蛛现在对JS的支持很差，基本上不能读取内部链接地址。因此，点击事件是绝对不允许的，尤其是一一些重要的导航链接。
页面内容不应制作成闪光灯、图片或视频。蜘蛛抓不到这些东西。即使有必要，也应相应地生成静态页面。有许多企业网站看起来眼花缭乱，全站闪光，老板看起来很酷，做SEO优化的人会发疯，全站没有链接。
尝试将面包屑导航添加到主页之外的其他页面中，并且导航结构必须清晰。做好第404、一页的工作，将添加主页链接和故障提示，并测试其返回状态码为404:1，用户体验友情，可以保留用户，不能直接关闭页面；蜘蛛友情，你可以回来抓取其他页面。网站的结构是一平树。目录结构不应太深。每页的点击数不应超过主页的三，这不利于搜索抓取的索引。