分析前端seo优化代码和网页制作的具体实现步骤

紫雾 2021-08-14 15:25:40

一、前端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标签,它放在页面最重要的标题上。例如,主页的徽标可以用h1标签进行标记。

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

10.页面布局调整。尽量不要在页面内容上制作flash或视频,这是蜘蛛抓不到的。即使有必要,也要生成相应的静态页面。

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

二、搜索引擎优化在网页制作中的应用

网站结构优化

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

B.控制首页链接数量(首页100个链接以内:页面导航,底部导航,锚文本,基于引导用户,用户体验好);

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

D.详细信息:

内容页面:结构应该是:顶部logo导航,左侧废弃导航,底部文字;

三、网页代码的SEO优化

1.标签a:标题,rel

2.h1label:texth1、secondarytitleh2等不重要的标题不使用h。

3.plabelandbrlabel:brlabel仅用于包装文本内容。

4、tablelabel:usecaption

5.img标签:使用alt命令

6.strong bold : bold,EMI斜体,强标签是重量标签的代表。

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

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

如果只是为了表现粗体和斜体的效果,加权标签的重要性只比强标签低。

建议使用bi标签。如果使用strongem,会影响seo的效果。

上一篇:关注百度相关关键词 往往能给出整体内容
下一篇:返回列表