同步總覽
官網 ↔ Notion 雙向同步(最新者為準)。官網編輯即時上行;每 15 分鐘自動對帳。
官網同步
排程每 15 分鐘自動雙向對帳;此按鈕可立即手動拉取 Notion→官網。
尚未同步
尚未同步
📋 活動紀錄
最近的後台操作(新增/更新/刪除/還原),保留備查。
點文章可直接在右側編輯。也可在 Notion 撰寫,同步後發布到官網。
編輯分類
選擇分類後儲存,將回寫至 Notion「官網分類」欄位。
設定總覽(驗收用)
全站設計風格
設定官網的品牌色彩與字型。儲存會更新全站設定,訪客重新載入後可能立即套用;這不是另存草稿。
主要色(決定整體調性)
焦糖熊抱 #98623D
奶糖白 #FDF7F0
森林黑 #2F2F2F
品牌輔助色票(區塊背景、標籤、裝飾用)
套用在頁面標題(H1、H2)。品牌主字型為思源宋體。
套用在段落文字與說明。品牌副字型為思源黑體。
卡片與共用容器圓角;品牌主按鈕保留膠囊形。
全站預設格式(仿 WordPress 全域樣式)
這些值會同時套用到編輯畫布、預覽與正式頁面;不需逐區塊重複設定。
工作室主視覺吉祥物圖(全站預設)
所有「工作室主視覺」區塊留白時沿用這裡;單一區塊可在區塊設定覆蓋。只放 v3.1 正式吉祥物圖,不用 AI 生成。
群組橫排項目寬度與對齊(全站預設)
所有「群組」區塊排列方式選「橫排」且留白時沿用這裡;單一群組可在區塊設定覆蓋。「依內容寬度」會讓並排的按鈕靠在一起,對齊可跟著區塊文字或自選。
區塊進場動效(全站預設)
頁面區塊的「進場動效」「進場延遲」「進場時長」留白時沿用這裡;單一區塊可在區塊設定覆蓋或關閉。「逐項交錯」適合卡片、群組橫排等清單,項目會依序出現。預設關閉=現況;訪客系統開「減少動態」時一律直接顯示。頁首、頁尾與公告不套用。
網站外框
先從清單選擇頁首與導覽或頁尾,再開啟完整編輯器。每個設定都對應一份前台來源,不複製會失真的第二份設定。
選擇或上傳圖片
點此選擇檔案上傳,上傳後會自動加入媒體庫。
集中管理客戶見證;頁面用「見證輪播(見證庫)」區塊自動顯示,這裡改一次、全站更新。請只放真實客戶的見證。
公告
先建立內容,再到頁面/文章設定選用。此處不會自動發布頁面。
管理部落格文章分類(新增/改名/刪除)。刪除會把文章改為「未分類」。按「雙向同步」與 Notion 對帳(三方合併:兩邊各自的增刪都會合併,Notion 端也會更新)。
首頁指派
選擇哪個頁面作為官網首頁(即訪客到 bunnybearstudio.com 時看到的那個頁面)。類似 WordPress 的「閱讀設定」。
🔧 維護模式
開啟後,訪客造訪任何前台頁面都會轉到「網站維護中」頁;後台與草稿預覽連結不受影響。即開即關、不需部署。
基本設定
網站名稱會套用到瀏覽器標題與搜尋分享資訊;網站標語會套用到前台頁尾。
追蹤代碼
建議統一在 Google Tag Manager(GTM)後台管理所有追蹤代碼,此處只需填入 GTM Container ID。
Robots.txt
📖 是什麼?Robots.txt 是一份給 Google 機器人(爬蟲)看的「規則清單」,告訴它哪些頁面可以進來掃描、哪些不行。
🙋 我需要動它嗎?幾乎不需要。預設值 User-agent: * 的意思是「所有爬蟲都可以掃描網站所有頁面」,這對品牌官網是最好的設定——Google 能看到所有你想被搜尋到的頁面。
Allow: /
⚙️ 什麼時候才要改?只有以下情況才需要修改:
- 有測試頁、暫時不想被 Google 收錄的頁面
- 有後台登入頁不想出現在搜尋結果
Disallow: /不想被索引的路徑,例如 Disallow: /test。⚠️ 危險警告:如果不小心寫成
Disallow: /(後面什麼都沒有),會讓整個網站從 Google 搜尋結果消失!如果你不確定,就保持預設值不要動。✏️ 如何使用?① 在下方文字框確認內容(預設不用改)→ ② 如需修改就直接編輯文字框 → ③ 按「儲存 Robots.txt」完成。儲存後立即生效,Google 下次造訪就會依新規則執行。
轉址管理(Redirect)
📖 是什麼?「轉址」就像把舊地址貼一張「我搬家了,新地址在這裡」的貼紙。當你修改了某個頁面的網址,系統會自動把舊網址的訪客引導到新網址,訪客完全感覺不到中間跳轉。
🙋 什麼時候需要用?
- 你把某個頁面的路徑改掉了(例如
/our-story改成/about) - 你刪了某個頁面,但想把那個舊網址的流量導去別的地方
- 網站改版,很多網址都變了
301 vs 302 怎麼選?
▸ 301 永久轉址:「這個頁面已永久搬到新地址」→ Google 會把舊網址累積的 SEO 分數 100% 轉移到新網址。99% 的情況都選這個。
▸ 302 暫時轉址:「只是暫時借道,舊網址之後還會用」→ SEO 分數不轉移。適合短期活動頁、A/B 測試等。
✏️ 如何新增轉址?① 在下方「來源路徑」填舊網址(如
/old-about)→ ② 「目標路徑」填新網址(如 /about)→ ③ 選擇類型(通常選 301)→ ④ 備註欄填說明(方便以後自己看懂為什麼轉)→ ⑤ 按「新增轉址」。存檔後就生效,不用重新部署:訪客開舊網址時,網站會先查這張表再轉到新網址。三個注意事項:網站還在維護模式時不會轉址,開站後才作用;來源路徑要和網址完全相同(
/old 和 /old/ 是兩個網址);已經存在的公開頁面(例如 /about)不會被轉址。
Sitemap(網站地圖)
📖 是什麼?Sitemap 就像你的官網「目錄」——一份列出所有頁面網址的清單,格式是 Google 看得懂的 XML 檔。你把這份目錄交給 Google,它就能更快、更完整地掌握你網站有哪些內容,不用自己一頁一頁慢慢找。
🙋 沒有的話會怎樣?Google 還是會找到你的網站,但可能遺漏某些頁面,或者你新發布的文章要等很久(幾週甚至幾個月)才出現在搜尋結果。有了 Sitemap,通常幾天內就能被索引。
🌐 現在怎麼運作?正式網站的 /sitemap.xml 是程式裡的固定檔案,目前列 5 個頁面(首頁、關於、服務、聯絡、隱私權),由 Cloudflare 部署時一起上線。發布頁面或文章不會自動更新它,下面的按鈕也只會產生文字,不會改動網站。
⚠️ 使用前要知道:按鈕產生的清單也會列 /portfolio、/blog 這類目前還打不開的網址,不要直接拿去用,否則 Google 會讀到 404。
✏️ 需要更新時:
① 產生:按下「產生 Sitemap」,系統把已發布的頁面、文章整理成 XML。
② 複製:按「複製 XML」。
③ 交給工程人員:核對每個網址都打得開後,更新程式 repo 裡的 sitemap.xml。合併到 main 後會自動部署。
④ 提交給 Google(只需做一次):前往 Google Search Console ↗,左側選「Sitemap」,輸入 https://bunnybearstudio.com/sitemap.xml,按「提交」。只需提交一次,之後每次你更新 sitemap.xml 並重新部署,Google 下次巡邏時就會自動讀到最新的內容。