网页模块化的思考

最近一直在做网页模块化相关工作，顺便在这篇文章中梳理下我的一点思考吧。

其实网页模块化相关的工作这几年一直有做，但是深度却远远不够。之前我的做法是通过导入一个通用的网页模板，然后再在网页模板上设计一些通用功能，制作成一个标准的案例站点。

等有新网站需求时，便直接将那个案例站点复制一份，简单的替换图片文字等基础信息，外加制作一些特定网站上的个性化需求后便上线。

其实这种方案最大的优点便是节省时间，但缺点也同样明显，即搭建出来的网站都是千篇一律的，根本没什么新意可言。

且还有一个不容忽视的网页收录问题，使用这种方案没办法解决。详细点说就是，当你在同一个 GSC 账号底下挂了大量的这种结构相似站点，有些页面谷歌是不给收录了，更别提出词了。

当然，上面所提的这种情况只是我自己通过工作实践而总结出来的一点经验，并没有什么官方出处。所以后面陆续便放弃了这种整站迁移的方案，而选择了现在的模块化方案。

所谓的模块化，简单说就是将每个网页上所必备的模块元素总结提炼出来，然后整理沉淀。就拿“联系我们”这个页面而言，几乎百分百的网页上都有 5 个部分，分别是页首、自然信息、联系表单、地址地图，与页尾。

那我们自然可以将这 5 个模块分门别类整理出来，且精力允许的话，多整理几种样式。那下次再要创建“联系我们”这个页面时，从我们的模板库里拿出相应的模块，然后像搭积木一样将网页搭建好就行。

其实上面提到的这种模块化逻辑，已经有很多现成的技术方案已经完美实现了，比如 Spectra、Elementor 这种页面编辑器便内置了大量的网页模块，我们在网页创建时只需要选择对应的模块就行。

但是这些技术方案也有比较大的缺陷，就是只提供了模块的框架，并没有提供完善的图文内容。那我们在导入完框架后，还需要自己去写文案、制作图片。

所以我这次的模块化整理，便是在此基础上，再加上对应模块的图文内容填充。至于图文从哪里来，一是 ChatGPT 等 AI 工具生成，二是自己的实际生产项目，三是那些优秀案例的信息提炼。

且 SEO 工作做久了，就会发现网站展示、模块信息等等这些“表”的东西，所占的比重并不是那么大。对 SEO 有帮助的，或者说能提升网站排名的，一定是网站内容的深度。即网站有没有给用户提供不一样的价值，网站的内容是不是有深度且有意义。

对于怎么提供价值，如何展示价值等等方面的内容，其实做好也并不难，主要还是用心研究那些优秀的行业案例。通过研究他们的页面布局、内容方案，以及关键词策略，来不断完善自己的模块化信息。至于具体的案例及研究方法，以后单开一篇文章聊聊，这里便不展开了。