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

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

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

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

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

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

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

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

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

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

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

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

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