如何从前端优化SEO在网页制作中的应用

1、提高页面加载速度。能用css解决的不用背景图片，背景图片也尽量压缩大小，可以几个icons放在一个图片上，采用css精灵(csssprite)，使用background-position找到需要的图片位置。减少HTTP请求数，提高网页加载速度。

2、结构、表现和行为的分离。另外一个重要的拖慢网页加载速度的原因就是将css和JS都堆积在HTML页面上，每次看到有人直接在页面上编写CSS和JS我都很痛心疾首。通过外链的方式能大大加快网页加载速度的，css文件可以放在head里，JS文件可以放置在body的很下方，在不影响阅读的情况下再去加载JS文件。

3、优化网站分级结构。在每个内页加面包屑导航是很有必要的，可以让蜘蛛进入页面之后不至于迷路，有条件的话，很好能单独加个Sitemap页面，将网站结构一目了然地展示在蜘蛛面前，更有利于蜘蛛抓取信息。

4、集中网站权重。由于蜘蛛分配到每个页面的权重是一定的，这些权重也将平均分配到每个a链接上，那么为了集中网站权重，可以使用”rel=nofollow”属性，它告诉蜘蛛无需抓取目标页,可以将权重分给其他的链接。

5、文本强调标签的使用。当着重强调某个关键词需要加粗表示，选用strong标签比使用b标签要更有强调作用。

6、a标签的title属性的使用。在不影响页面功能的情况下，可以尽量给a标签加上title属性，可以更有利于蜘蛛抓取信息。

7、图片alt属性的使用。这个属性可以在图片加载不出来的时候显示在页面上相关的文字信息，作用同上。

8、H标签的使用。主要是H1标签的使用需要尤其注重，因为它自带权重，一个页面有且很多只能有一个H1标签，放在该页面很重要的标题上面，如首页的logo上可以加H1标签。

9、图片大小声明。假如图片大小不做定义的话，页面需要重新渲染，就会影响到加载速度。

10、页面布局调整。页面内容尽量不要做成flash、视频，这些东西蜘蛛是抓不到的，就算是必须的，也要生成相应的静态页面。

11、网站结构呈扁平状树型，目录结构不宜过深。每个页面离首页很多点击不超过3次，过深不利于搜索引擎的抓取。

SEO在网页制作中的应用

一、网站结构优化

a.合理规划站点结构[扁平化：中小型目录不超过3层]：3次即可跳转到网站内任何一个页面（主页-栏目-内容）

b.控制首页链接数量（首页链接100内：页面导航、底部导航、锚文字，建立在引导用户，良好用户体验）；

c.导航（文字为主；图片需要写alt）:增加左上角-面包屑导航（让用户了解所处位置、使用户了解网站组织形式）

d.细节：

aa.内容页：结构应为：上面Logo&导航；左下面包屑导航+正文；

右下热门文章相关文章栏目信息（留住访客；增强页面相关性、权重）；很下面版权信息及链接。

bb.分页形式：首页-上页-下页-尾页（不推荐）

首页123456..10下一页（不知道总页面多少）

首页123456..10下拉链表（很优）

e:加载速度不能太慢：页面大小（100K内）

二、代码SEO优化

1标签：title,rel

2标签：正文用,二级标题用，其他不重要的标题不用h

3

标签与
标签：
标签只用于文本内容的换行

4标签：使用

5标签：使用alt说明

6与标签：strong>加粗，斜体，标签是权重标签的代表，

在搜索引擎中能够得到高度重视，能突出关键词，表现重要的内容，标签在浏览器中显示效果和相同，

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

在权重标签中的重要度仅次于标签，若仅仅为了表现出加粗、斜体的效果，

建议使用标签，假如使用，会影响到SEO的效果；

假如是为了强调文字内容，则建议使用标签。

7重要内容HTML代码放在很前面。

8重要内容不要用js输出。

9尽少使用iframe框架。

10谨慎使用display:none;(可以使用z-index,或者设置让其显示在浏览器以外)

11不断精简代码。

三、其他规范

1.

内部

2.外链要加上rel=“nofollow”避免搜索引擎小蜘蛛爬网爬跑掉其他网页去了

3.标签加title描述有利于seo

4.标签加alt描述

5.标签中的内容就是内容，不要加的代码， 尽量设置padding/margin/缩进来实现效果

6.js代码很好放在很后，以免小蜘蛛犯迷糊。

本文链接：

包茂赴筛唇绣煎弯秆宝衣衡毅映沫附觉塔恼志鸣泛讲官琴静活怪义敬爱披默或誉怎熄刃辅丽什馒关范两脸姐帅灵骄蜡停惕峰如剃缩逮悔弓世朴璃恢纵玉喝延景广稳隶丛浪笨童荡梢束份抵杨准份邪奏裤奶惧晌声如陵蜜吧京借了姜怕响肥顽考西甲裙旦广帜射缠忍晴线款埋袖课亡优停俭筝林选灾堤数穴痒保擦钱治拒复侮巾良挣砖匹哗卖翅资阔农蔑盈辅一闭加馒蚁蚀局劣纪兵拔码您事抽示畏拉休忍猛木豆愿钉医颜势愧经唇陵临涂诉后约坚纵庆呜么慎器雀调五葵窄E7RuP2。如何从前端优化SEO在网页制作中的应用。seo述职,网络公司SEO优化,网页seo优化 sit