網(wǎng)頁(yè)模塊化的思考

最近一直在做網(wǎng)頁(yè)模塊化相關(guān)工作，順便在這篇文章中梳理下我的一點(diǎn)思考吧。

其實(shí)網(wǎng)頁(yè)模塊化相關(guān)的工作這幾年一直有做，但是深度卻遠(yuǎn)遠(yuǎn)不夠。之前我的做法是通過(guò)導(dǎo)入一個(gè)通用的網(wǎng)頁(yè)模板，然后再在網(wǎng)頁(yè)模板上設(shè)計(jì)一些通用功能，制作成一個(gè)標(biāo)準(zhǔn)的案例站點(diǎn)。

等有新網(wǎng)站需求時(shí)，便直接將那個(gè)案例站點(diǎn)復(fù)制一份，簡(jiǎn)單的替換圖片文字等基礎(chǔ)信息，外加制作一些特定網(wǎng)站上的個(gè)性化需求后便上線。

其實(shí)這種方案最大的優(yōu)點(diǎn)便是節(jié)省時(shí)間，但缺點(diǎn)也同樣明顯，即搭建出來(lái)的網(wǎng)站都是千篇一律的，根本沒(méi)什么新意可言。

且還有一個(gè)不容忽視的網(wǎng)頁(yè)收錄問(wèn)題，使用這種方案沒(méi)辦法解決。詳細(xì)點(diǎn)說(shuō)就是，當(dāng)你在同一個(gè) GSC 賬號(hào)底下掛了大量的這種結(jié)構(gòu)相似站點(diǎn)，有些頁(yè)面谷歌是不給收錄了，更別提出詞了。

當(dāng)然，上面所提的這種情況只是我自己通過(guò)工作實(shí)踐而總結(jié)出來(lái)的一點(diǎn)經(jīng)驗(yàn)，并沒(méi)有什么官方出處。所以后面陸續(xù)便放棄了這種整站遷移的方案，而選擇了現(xiàn)在的模塊化方案。

所謂的模塊化，簡(jiǎn)單說(shuō)就是將每個(gè)網(wǎng)頁(yè)上所必備的模塊元素總結(jié)提煉出來(lái)，然后整理沉淀。就拿“聯(lián)系我們”這個(gè)頁(yè)面而言，幾乎百分百的網(wǎng)頁(yè)上都有 5 個(gè)部分，分別是頁(yè)首、自然信息、聯(lián)系表單、地址地圖，與頁(yè)尾。

那我們自然可以將這 5 個(gè)模塊分門(mén)別類(lèi)整理出來(lái)，且精力允許的話，多整理幾種樣式。那下次再要?jiǎng)?chuàng)建“聯(lián)系我們”這個(gè)頁(yè)面時(shí)，從我們的模板庫(kù)里拿出相應(yīng)的模塊，然后像搭積木一樣將網(wǎng)頁(yè)搭建好就行。

其實(shí)上面提到的這種模塊化邏輯，已經(jīng)有很多現(xiàn)成的技術(shù)方案已經(jīng)完美實(shí)現(xiàn)了，比如 Spectra、Elementor 這種頁(yè)面編輯器便內(nèi)置了大量的網(wǎng)頁(yè)模塊，我們?cè)诰W(wǎng)頁(yè)創(chuàng)建時(shí)只需要選擇對(duì)應(yīng)的模塊就行。

但是這些技術(shù)方案也有比較大的缺陷，就是只提供了模塊的框架，并沒(méi)有提供完善的圖文內(nèi)容。那我們?cè)趯?dǎo)入完框架后，還需要自己去寫(xiě)文案、制作圖片。

所以我這次的模塊化整理，便是在此基礎(chǔ)上，再加上對(duì)應(yīng)模塊的圖文內(nèi)容填充。至于圖文從哪里來(lái)，一是 ChatGPT 等 AI 工具生成，二是自己的實(shí)際生產(chǎn)項(xiàng)目，三是那些優(yōu)秀案例的信息提煉。

且 SEO 工作做久了，就會(huì)發(fā)現(xiàn)網(wǎng)站展示、模塊信息等等這些“表”的東西，所占的比重并不是那么大。對(duì) SEO 有幫助的，或者說(shuō)能提升網(wǎng)站排名的，一定是網(wǎng)站內(nèi)容的深度。即網(wǎng)站有沒(méi)有給用戶提供不一樣的價(jià)值，網(wǎng)站的內(nèi)容是不是有深度且有意義。

對(duì)于怎么提供價(jià)值，如何展示價(jià)值等等方面的內(nèi)容，其實(shí)做好也并不難，主要還是用心研究那些優(yōu)秀的行業(yè)案例。通過(guò)研究他們的頁(yè)面布局、內(nèi)容方案，以及關(guān)鍵詞策略，來(lái)不斷完善自己的模塊化信息。至于具體的案例及研究方法，以后單開(kāi)一篇文章聊聊，這里便不展開(kāi)了。