進階互動區塊：Accordion、Slider 與分頁籤

把長頁面切成可摺疊的 FAQ、把多筆內容做成左右滑的輪播、或把多段內容收進可切換的分頁，這三種互動效果在秒站編輯器裡分別有對應的區塊：Accordion（摺疊）、Slider And Carousel（輪播）、Advanced Tabs（分頁）。本篇講這三個怎麼用。

怎麼叫出來#

在編輯器按「+」或輸入「/」叫出搜尋框：

三個區塊都可以包任何內容（文字、圖片、按鈕、其他區塊），不限制只能放純文字。

每一筆是「一個標題 + 一個內容區」，使用者點標題才展開內容。最常用在 FAQ。

提醒：教學文件這種「讀者要全部讀完」的內容不適合摺疊起來，要保持展開。

把任何內容變成可水平左右滑的輪播。每一張可以放任何區塊組合（圖片、文字、按鈕、卡片），不只能放圖片。

提醒：Hero 區放自動輪播大圖看起來很炫，但讀者來不及看完內容就被切走，建議停留時間設長一點（6 秒以上）、不要超過 3 張。

把多段內容收進切換式分頁，使用者點不同分頁看不同內容區。同一時間只顯示一個分頁的內容。

提醒：手機螢幕窄，分頁多了很難按。分頁超過 3 個時，建議手機改成摺疊模式，使用體驗會好很多。

同一頁不要塞太多互動區塊，讀者會被切換動作搞混。一頁 1-2 個互動區塊就夠。

內容是常見問題（FAQ）就開、其他用途（方案功能、條款細則）不要開。FAQ 模式會把資料同步給 Google，搜尋結果有機會直接顯示問題清單，但用在非 FAQ 內容反而會誤導 Google。

圖片如果沒壓縮過會明顯拖慢。建議：每張圖壓到 200-400KB、總圖片數別超過 8 張。Slider 程式本身約 30KB，影響不大，慢的都是圖片。

電腦版可以排 4-5 個分頁、超過的話建議拆成兩組。手機版超過 3 個就建議改成「摺疊模式」（區塊面板有此選項），不然分頁按鈕會擠到很難按。

會。Google 會解析 accordion HTML，內容雖然視覺上收起來，原始碼裡都有，索引不受影響。

可以。但建議每頁不超過 2 個，太多 accordion 會讓使用者疲勞，且每個都需要點擊才看到內容。