解析前端seo优化代码与网页制作的具体实施步骤

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

1.提高页面加载速度。可以用CSS解决不用背景图片的问题，也可以尝试压缩背景图片的大小。您可以在一个图像上放置几个图标，使用CSSsprite，并使用背景位置来找到所需的图像位置。减少HTTP请求数量，提高网页加载速度。

2.结构、性能和行为的分离。网页加载速度变慢的另一个重要原因是在HTML页面上叠加CSS和JS。每次看到有人直接在页面上写CSS和JS，我都很难过。外部链接可以大大加快网页的加载速度，CSS文件可以放在头部，JS文件可以放在文字的底部，然后加载JS文件，不影响阅读。

3.优化网站的层次结构。每个内部页面都要添加面包屑导航，这样蜘蛛进入页面后才不会迷失。有条件的话，单独添加一个站点地图页面，将网站的结构一目了然的展现在蜘蛛面前，更有利于蜘蛛对信息的掌握。

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

5.课文强调了标签的使用。在强调需要用粗体表达关键词时，选择强标签比使用B标签更重要。

6.使用标签的标题属性。在不影响页面功能的情况下，可以尝试在标签中加入title属性，这样更有利于蜘蛛抓取信息。

7.在图片中使用alt属性。这个属性可以在图片无法加载的情况下，在页面上显示相关的文字信息，效果是一样的。

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

9.图像大小声明。如果没有定义图像大小，页面需要重新渲染，这会影响加载速度。

10.页面布局调整。内容中尽量不要做flash和视频，蜘蛛是抓不到的。即使有必要，也要生成相应的静态页面。

1.网站的结构是扁平树，目录结构不要太深。每个页面从首页被点击不超过三次，对于搜索引擎来说太深了。

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

网站结构优化

A.合理规划网站结构【扁平化:中小目录不超过三级】:可跳转网站任意页面(首页栏目内容)3次。

B.控制首页链接数量(首页100个链接以内:页面导航、底部导航、锚文本，以引导用户和良好的用户体验为基础)；

C.导航(基于文本；图片需要Alt):在左上角添加面包屑导航(让用户知道自己在哪里以及站点的组织结构)

D.详细信息:

页面:结构应该是:顶部logo导航，左侧废弃导航，底部文字；

三。网页代码的SEO优化

1、<a>标签:标题，版本

2、<h1>标签:文本<h1>，secondarytitle<h2>而其他不重要的标题就不用h了。

3、<p>labeland<br>标签:<br>标签仅用于文本内容的换行。

4、<表>标签:使用<caption>

5、<img>标签：使用alt指令5、<img>标签:使用alt命令

6、<strong><em>并且<b><我>标签:strong><b>粗体，<em><我>斜体，<strong>是重量标签的代表。

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

但是在SEO中效果不好，所以不推荐。<em>标签是斜体的，以强调主要内容，吸引用户的注意力。

加权标签的重要性仅次于

使用；<我>标签，如果使用