前端网站常规优化方案

Posted 2023-03-20

参考技术A 1、减少请求次数

2、减小资源大小

3、提高响应和加载速度

4、优化资源加载时机

5、优化加载方式

1、合并、压缩、混淆html/css/js文件（webpack实现，减小资源大小）

2、nginx开启Gzip，进一步压缩资源（减小资源大小）

3、图片资源使用CDN加速（提高加载速度）

4、符合条件的图标做base64处理（减小资源大小）

5、样式表放首部，JS放尾部（JS单线程，会阻塞页面；资源加载方式）

6、设置缓存（强缓存和协商缓存，提高加载速度）

7、link或者src添加rel属性，设置prefetch或preload可预加载资源。（加载时机）

8、如果使用了UI组件库，采用按需加载（减小资源大小）

9、SPA项目，通过import或者require做路由按需（减小资源大小）加载

10、服务端渲染SSR，加快首屏渲染，利于SEO

11、页面使用骨架屏，提高首页加载速度（提高加载速度）

12、使用 JPEG 2000, JPEG XR, and WebP 的图片格式来代替现有的jpeg和png，当页面图片较多时，这点作用非常明显

13、使用图片懒加载-lazyload

网站完整详细的SEO优化方案

一个完整的SEO优化方案主要由四个小组组成：

一、前端/页编人员

二、内容编辑人员

三、推广人员

四、数据分析人员

接下来，我们就对这四个小组分配工作。

首先，前端/页编人员主要负责站内优化，主要从四个方面入手：

第一个，站内结构优化

合理规划站点结构(1、扁平化结构 2、辅助导航、面包屑导航、次导航)

内容页结构设置(最新文章、推荐文章、热门文章、增加相关性、方便自助根据链接抓取更多内容)

较快的加载速度

简洁的页面结构

第二个，代码优化

Robot.txt

次导航

404页面设置、301重定向

网站地图

图片Alt、title标签

标题

关键词

描述

关键字密度

个别关键字密度

H1H2H3中的关键字

关键字强调

外链最好nofollow

为页面添加元标记meta

丰富网页摘要(微数据、微格式和RDFa)

第三个，网站地图设置

html网站地图(1、为搜索引擎建立一个良好的导航结构 2、横向和纵向地图：01横向为频道、栏目、专题/02纵向主要针对关键词 3、每页都有指向网站地图的链接)

XML网站地图(sitemap.xml提交给百度、google)

第四个，关键词部署

挑选关键词的步骤(1、确定目标关键词 2、目标关键词定义上的扩展 3、模拟用户的思维设计关键词 4、研究竞争者的关键词)

页面关键词优化先后顺序(1、最终页>专题>栏目>频道>首页 2、最终页：长尾关键词 3、专题页：【a、热门关键词 b、为热点关键词制作专题 c、关键词相关信息的聚合 d、辅以文章内链导入链接】 4、栏目页：固定关键词 5、频道页：目标关键词 6、首页：做行业一到两个顶级关键词，或者网站名称)

关键词部署建议(1、不要把关键词堆积在首页 2、每个页面承载关键词合理数目为3-5个 3、系统规划)

然后，我们的内容编辑人员要对网站进行内容建设，怎样合理的做到网站内部优化的功效?这里主要有五个方面：

第一个，网站内容来源

原创内容或伪原创内容

编辑撰稿或UGC

扫描书籍、报刊、杂志

第二个，内容细节优化

标题写法、关键词、描述设置

文章摘要规范

URL标准化

次导航

内页增加锚文本以及第一次出现关键词进行加粗

长尾关键词记录单

图片Alt、titile标签

外链最好nofollow

百度站长工具、google管理员工具的使用

建立反向链接

第三个，关键词部署

挑选关键词的步骤(1、确定目标关键词 2、目标关键词定义上的扩展 3、模拟用户的思维设计关键词 4、研究竞争者的关键词)

页面关键词优化先后顺序(1、最终页>专题>栏目>频道>首页 2、最终页：长尾关键词 3、专题页：【a、热门关键词 b、为热点关键词制作专题 c、关键词相关信息的聚合 d、辅以文章内链导入链接】 4、栏目页：固定关键词 5、频道页：目标关键词 6、首页：做行业一到两个顶级关键词，或者网站名称)

关键词部署建议(1、不要把关键词堆积在首页 2、每个页面承载关键词合理数目为3-5个 3、系统规划)

第四个，内链策略

控制文章内部链接数量

链接对象的相关性要高

给重要网页更多的关注

使用绝对路径

需要改进的地方

第五个，注意事项

不要大量采集

有节奏的更新

编辑发布文章的时候要做好锚文本

做好长尾关键词记录单

接下来，我们的推广人员就要对网站进行站外优化了，这里主要包括两个大的方面：

第一个，外链建设基本途径

友情链接

软文

目录提交

独立博客

论坛签名

黄页网站

提交收藏

分类信息

微博推广

sns推广

第二个，链接诱饵建设思路

举办活动，带上相关链接，引导网友大规模转播

最后，我们的数据分析人员就要对网站进行每天的数据分析，总结流量来源，这里主要从五个方面分析：

第一个，数据分析

根据统计(百度统计工具，CNZZ统计工具等等)，分析用户进入的关键词，模拟用户思路，思考长尾关键词

第二个，竞争对手分析

百度权重、PR值

快照

反链

内链

收录

网站历史

品牌关键词

长尾关键词

网站结构

第三个，关键词定位

目标关键词

品牌关键词

热门关键词

长尾关键词

第四个，长尾关键词挖掘—长尾关键词类型

目标型长尾(目标型指的是网站的产品或者服务延伸的长尾关键词，往往优化长尾的时候都是先以目标型长尾为主，因为这些长尾可以真实给我们带来目标客户和目标量)

营销型长尾(营销型长尾是指与行业站服务相关的长尾，可以让我们进行二次转化成我们的目标用户)

第五个，挖掘长尾关键词用到的工具

百度指数工具

百度知道

百度及其他SE的相关搜索及下拉框

百度站长工具、google关键词分析工具

至此，一个完整的网站SEO优化方案已经完成，接下来就是慢慢的完善了，当然喽，这里讲的很流程化，具体怎么合理安排，合理运用，这需要长期的经验积累，不过你按照上面的方法，我觉得已经够用了。。。