制作展示性网站：目标及需求

时间：2023-07-22 21:24:01 | 来源：网站运营

时间：2023-07-22 21:24:01 来源：网站运营

制作展示性网站：目标及需求：基本上大家平常开发的都是些功能性的网站，纯展示性的网页可能只在进入职场的前一两年有过涉猎。那么展示性网页的要求是什么？使用主流框架是否合适呢？

先搞清楚，展示性的网站都需要我们做什么：

1.seo

2.加载时长

3.关键词选择

4.后期优化

5.外链

6.良好的交互

7.简洁明了的内容

8.排名

9.网站收录

可以看出来，技术可以解决的问题都比较关键。毕竟搜索引擎是一段程序，而不是人工。代码的世界只有true和false，没有各一半。

那么对于前端开发，以擅长vue全家桶举例，常规做法基本都是spa。

spa是什么？

“单页Web应用（single page web application，SPA）： SPA 是一种特殊的 Web 应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScript 、 CSS 。一旦页面加载完成， SPA 不会因为用户的操作而进行页面的重新加载或跳转，而是利用 JavaScript 动态的变换 HTML（采用的是 div 切换显示和隐藏），从而实现UI与用户的交互。在 SPA 应用中，应用加载之后就不会再有整页刷新。相反，展示逻辑预先加载，并有赖于内容Region（区域）中的视图切换来展示内容。”

展示型的网站最重要的是什么？无可置疑：曝光度。

曝光度靠的是什么？靠的是搜索引擎。那就不得不说爬虫了。

“网络爬虫是一个自动提取网页的程序，它为搜索引擎从万维网上下载网页，是搜索引擎的重要组成。传统爬虫从一个或若干初始网页的URL开始，获得初始网页上的URL，在抓取网页的过程中，不断从当前页面上抽取新的URL放入队列，直到满足系统的一定停止条件。聚焦爬虫的工作流程较为复杂，需要根据一定的网页分析算法过滤与主题无关的链接，保留有用的链接并将其放入等待抓取的URL队列。然后，它将根据一定的搜索策略从队列中选择下一步要抓取的网页URL，并重复上述过程，直到达到系统的某一条件时停止。另外，所有被爬虫抓取的网页将会被系统存贮，进行一定的分析、过滤，并建立索引，以便之后的查询和检索；对于聚焦爬虫来说，这一过程所得到的分析结果还可能对以后的抓取过程给出反馈和指导。”

集合爬虫和spa的介绍，就可以看出来，spa对于网络爬虫不友好。毕竟爬虫是没办法去爬数据的。

所以，直接使用cli全家桶的做法和展示性网站的本质是有冲突的。

尽管我们可以有其他方法去处理这个问题！

对于现在的前端开发圈子来说（基本都是使用三大框架），怎么做一个展示性的网站也是个挑战！（你是否还能把“从数据驱动dom”的思维 改成“ 直接操作dom” 呢？）

所以，基于最上面所列出来的展示性网站所要的需求，我们可以列出来一些大体的实现或优化方法：

1. 使用CDN缓存静态文件

2. 使用服务端对SEO部分进行动态赋值

3. 页面预渲染

4. 路由采用h5 history模式

5. TDK描叙详细

6. 提升网页加载速度

7. 增加外联

8. 关键词排名

9. 主动推送收录

10. 页面静态化

11. ssr

12. 预渲染

13. 静态资源处理

14. 返回可处理页面给爬虫

15. url优化

以此做“对”网站，也做好网站