個人網站可以從很小的內容開始。
先擁有能持續更新的網站
一個首頁、一篇文章與一個介紹自己的頁面,就是可持續累積的起點。
讓 AI 協助修改
你可以用自己的語言說明要更新的內容,再請 AI 建立預覽,確認後發布。
文章閱讀元件示範
首頁是大廳,不是整棟房子。這句話同時也是 v0.2 從 Landing Page 原型走向真正網站架構的核心。
首頁只負責讓人知道下一步
當文章、About、服務、FAQ 全部塞在首頁時,網站很容易看起來像一張很長的銷售頁。把詳細資訊拆成真正的頁面後,首頁反而可以更有呼吸感。
精緻感不是加入更多東西,而是每個東西都有自己的位置。
文章頁也有自己的資訊架構
標題、摘要、日期、閱讀寬度、段落節奏、引言、相關文章與文末 CTA,各自都有不同功能。模板應該先把這些結構做好,再讓學員替換內容。
文章裡可以有哪些輔助區塊?
- 先讓主文保持可閱讀
- 需要補充的細節放入折疊區塊
- 讓延伸閱讀導向真的存在的文章
延伸補充:為什麼需要標籤與日期?
當文章數量增加,讀者可能記得主題、關鍵字或發文時間。搜尋、標籤雲與日曆提供不同的回訪路徑。
ArticleGrid:兩欄內容卡片
快速閱讀
先閱讀重點,找到文章要回答的主要問題。
延伸研究
需要詳細內容時,再閱讀折疊補充與參考資訊。
ArticleComparison:比較表格
| 元件 | 使用情境 |
|---|---|
| 搜尋 | 記得文章主題或關鍵字 |
| 標籤 | 想找同主題的其他文章 |
| 月份封存 | 想回顧一段時間的文章 |
| 日曆 | 記得哪一天發布 |
影音內容可以放在文章裡
以下是通用媒體嵌入示範,實際發布時應替換成與文章主題相關的授權內容。
下一步
讀完後不要把人丟在頁尾。可以推薦同主題文章、回主題頁,或提供一個低壓力的訂閱入口。