一，前端seo代码优化注意事项
1.增加页面装载速度。CSS可以用来解决不使用背景图片的问题，或者尝试压缩背景图片的大小。您可以在一图片上放置几个图标，使用CSSsprite，并使用背景位置找到所需的图像位置。减少网页请求的数量，提高网页加载的速度。
2.结构、性能和行为的分离。减慢网页加载速度的另一个重要原因是将CSS和JS堆叠在HTML页面上。每次我看到有人直接在页面上写CSS和JS，我都感到非常难过。外部链接方法可以大大加快网页的加载速度，CSS文件可以放在头部，JS文件可以放在身体底部，然后JS文件可以在不影响阅读的情况下加载。
3.优化网站层次结构。必须将面包屑导航添加到每个内部页面，以便蜘蛛在进入页面后不会丢失。如果条件允许，最好添加一站点地图页面，并在蜘蛛 一前面显示网站的结构，这对蜘蛛掌握信息更有帮助。
4.浓度网站权重。由于分配给每个页面的蜘蛛已确定，并且这些权重将平等地分配给每个链接，为了集中网站的权重，我们可以使用“rel=nofollow”属性告诉蜘蛛可以将权重分配给其他链接，而不是抓取
5.文本强调标签的使用。当强调关键字需要用粗体表示时，选择强标签比使用B标签更重要。
6.标签的标题属性的使用。在不影响页面功能的情况下，我们可以尝试向标签添加标题属性，这更有利于蜘蛛抓取信息。
7.在图片中使用alt属性。当图片无法加载时，此属性可以在页面上显示相关文本信息，效果相同。
8.使用标签。主要原因是应特别注意h1标签的使用，因为它有自己的权重、一和页面标签，只能有一 h1标签，这些标签放在页面最重要的标题标签上。例如，首页上的徽标可以添加h1标签。
9.图像大小语句。如果未定义图像大小，则需要再次渲染页面，这将影响加载速度。
10.页面布局调整。页面内容尽量不要制作闪光灯或视频。这些东西蜘蛛无法掌握。即使有必要，也应生成相应的静态页面。
11、网站的结构是一棵扁平的树，目录结构不应太深。每个页面从主页点击次数不超过三次，这对于搜索来说太深了索引。
二，SEO在制作网页中的应用
网站结构优化
A.合理规划网站结构[扁平化:中小型目录不超过3级]:跳转到网站中的任何页面(主页栏内容)