一、前端seo代码优化注意事项

1 、前端提高页面加载速度。优页制CSS可以用来解决不使用背景图片的化代问题 ，也可以尝试压缩背景图片的码网大小，你可以在一张图片上放置几个图标，实施使用CSSsprite，步骤使用背景位置来找到所需的解析具体图像位置
。减少HTTP请求的前端数量，提高网页加载的优页制速度。

2、化代结构 、码网性能和行为的实施分离。降低网页加载速度的步骤另一个重要原因是在HTML页面上堆叠CSS和JS。每次我看到有人直接在页面上写CSS和JS，解析具体我都很难过 。外部链接的方式可以大大加快网页的加载速度，CSS文件可以放在头上 ，JS文件可以放在正文的底部
，然后加载JS文件而不影响阅读。

3、优化网站的层次结构 。在每个内部页面中添加面包屑导航是非常必要的，这样蜘蛛就不会在进入页面后丢失。如果条件允许，单独添加一个站点地图页面，在蜘蛛面前一目了然地显示网站的结构，这更有利于蜘蛛掌握信息。

4、集中网站权重。由于蜘蛛分配给每个页面的权重是确定的，并且这些权重将平均分配给每个链接，为了集中网站的权重 ，我们可以使用“rel=nofollow”属性，告诉蜘蛛可以将权重分配给其他链接而不必抓取目标页面
。

5、文本强调标签的使用 。当强调需要用粗体表示关键字时，选择强标记比使用B标记更重要
。

6、标签的标题属性的使用。在不影响页面功能的情况下，我们可以尝试在标签中添加标题属性
 ，这样更有利于蜘蛛爬行信息。

7、在图片中使用alt属性 。此属性可以在无法加载图片时在页面上显示相关的文本信息
，效果相同。

8、使用H-标签 。主要是h1标签的使用需要特别注意 ，因为它有自己的权重
，一个页面有并且只能有一个h1标签，放在页面重要的标题上 ，比如首页的logo可以加h1标签 
。

9
 、图像大小声明
。如果未定义图像大小
，则需要重新呈现页面 ，这将影响加载速度 。

10、页面布局调整 。页面内容尽量不要制作flash 、video ，这些东西蜘蛛都抓不住 ，即使有必要，也要生成相应的静态页面 。

11、网站的结构是扁树，目录结构不应该太深。每个页面从主页上单击的次数不超过三次，这对于搜索引擎来说太深了 。

二 、SEO在网页制作中的应用  

网站结构优化

a.合理规划网站结构[扁平化：中小型目录不超过3级]  ：3次可跳转到网站中的任意页面（主页栏内容）

b.控制主页上的链接数（主页上100个链接内：页面导航 、底部导航 、锚文本 ，基于引导用户，良好的用户体验）；

c.导航（基于文本；图片需要写alt）：添加左上角的breadcrumb导航（让用户知道他们在哪里，让用户知道站点的组织）

D.细节：

内容页 
：结构应为
：顶部标识导航，左侧废弃导航
，底部文字；

三
、网页代码SEO优化  

1、标签：标题
，rel

2、label:text，secondarytitle

和其他不重要的标题不使用h

3 、labeland label:label仅用于文本内容的换行。

4、 label:use

5、标签：使用alt指令

6、andlabels:strong>bold ，italics  ，标签是权重标签的代表。

在搜索引擎中，它可以引起高度关注，突出关键词，表达重要内容
。标记在浏览器中显示的效果与相同。

但在SEO中不会起到很好的效果，所以不推荐使用。标签为斜体 ，强调主要内容
，吸引用户的注意 。

如果只是为了显示粗体和斜体的效果，加权标签的重要性只低于标签的重要性。

建议使用标签，如果使用会影响seo的效果 。