ONE JOURNALIDEAS · NOTES · ESSAYS

SEARCH

全站內文搜尋

輸入關鍵字,可搜尋頁面內文與標題

    訂閱來信

    網站設計 · 6 MIN READ

    一篇文章,可以有很多入口

    把文章與其他內容連結,形成能探索的網站。

    好文章不一定只從首頁被發現。

    多一條閱讀路徑

    讀者可能從搜尋、標籤、月份或朋友分享的連結進來。

    連結到相關內容

    在文章結尾提供同主題的下一篇,讓內容自然延伸。

    文章閱讀元件示範

    首頁是大廳,不是整棟房子。這句話同時也是 v0.2 從 Landing Page 原型走向真正網站架構的核心。

    首頁只負責讓人知道下一步

    當文章、About、服務、FAQ 全部塞在首頁時,網站很容易看起來像一張很長的銷售頁。把詳細資訊拆成真正的頁面後,首頁反而可以更有呼吸感。

    精緻感不是加入更多東西,而是每個東西都有自己的位置。

    文章頁也有自己的資訊架構

    標題、摘要、日期、閱讀寬度、段落節奏、引言、相關文章與文末 CTA,各自都有不同功能。模板應該先把這些結構做好,再讓學員替換內容。

    文章裡可以有哪些輔助區塊?

    1. 先讓主文保持可閱讀
    2. 需要補充的細節放入折疊區塊
    3. 讓延伸閱讀導向真的存在的文章
    延伸補充:為什麼需要標籤與日期?

    當文章數量增加,讀者可能記得主題、關鍵字或發文時間。搜尋、標籤雲與日曆提供不同的回訪路徑。

    ArticleGrid:兩欄內容卡片

    快速閱讀

    先閱讀重點,找到文章要回答的主要問題。

    延伸研究

    需要詳細內容時,再閱讀折疊補充與參考資訊。

    ArticleComparison:比較表格

    文章探索工具比較
    元件使用情境
    搜尋記得文章主題或關鍵字
    標籤想找同主題的其他文章
    月份封存想回顧一段時間的文章
    日曆記得哪一天發布

    影音內容可以放在文章裡

    以下是通用媒體嵌入示範,實際發布時應替換成與文章主題相關的授權內容。

    示範用影片,不代表本文資料來源。

    下一步

    讀完後不要把人丟在頁尾。可以推薦同主題文章、回主題頁,或提供一個低壓力的訂閱入口。