點樣喺你個網站加入網誌:選項、SEO 同設定
要喺你嘅網站加入網誌,先揀文章點樣寫——如果你或者開發者寫,就喺項目入面用 Markdown 檔案;如果非技術人員寫,就用附管理編輯器嘅資料庫;如果你想要一個完整編輯工具,就用 CMS——然後將網誌放喺你主網域嘅 /blog,包括一個列表頁、每篇文章一頁,以及一個 RSS 饋送。對於搜尋引擎,要確保每篇文章都以真正嘅 HTML 提供,有各自嘅標題、描述同分享圖片,並且出現喺你嘅網站地圖入面。AI App 建立工具可以根據一個提示建立以上任何一種;選擇主要取決於邊個會寫。
揀選文章嘅寫作方式
呢個係最重要嘅決定。技術會跟住呢個決定而定。
| 選擇 | 運作方式 | 適合 | 取捨 |
|---|---|---|---|
| 項目入面嘅 Markdown 檔案 | 每篇文章係一個 .md 檔案;網站將佢轉換成頁面 | 偶爾寫作嘅創辦人或開發者 | 發布文章要改動項目再重新部署 |
| 資料庫 + 管理編輯器 | 文章係資料表嘅紀錄,喺你 App 入面嘅編輯器寫 | 小團隊、非技術作者 | 你需要建立同維護編輯器 |
| 無頭 CMS | 一個獨立嘅內容工具;你嘅網站透過其 API 攞文章 | 內容團隊、好多作者、需要審批流程 | 多一個帳戶、API 金鑰同帳單 |
| 獨立網誌平台 | 放喺子網域嘅託管網誌工具 | 完全唔使建立就可以開始 | 設計唔同,同主網站嘅連結較弱 |
一個有用嘅原則:如果你會好自在咁用純文字檔案寫嘢,Markdown 最簡單,亦最快提供。如果「commit」同「重新部署」呢啲字會令你或者團隊唔想發文,就揀一個編輯器。
子資料夾定子網域?
- 子資料夾(
example.com/blog):一個網站、一套設計、一組分析數據,而網誌文章同你想排名嘅頁面位於同一個網域。對大部分生意嚟講最簡單。 - 子網域(
blog.example.com):如果網誌跑喺一個你唔可以放喺主網站之下嘅不同平台上,就需要用呢個。
如果你反正都係將網誌建立喺自己嘅網站入面,就用子資料夾。
網誌需要咩
- 文章列表頁,附標題、日期、簡短摘要同分頁。
- 文章頁,閱讀寬度適中(大約每行 60 至 80 個字元)、清晰嘅標題,同良好嘅圖片處理。
- 簡潔嘅網址:用
/blog/how-to-choose-a-caterer,而唔係/blog?id=17。 - 每篇文章獨立嘅標題同 meta 描述,加上 Open Graph 標籤,令分享嘅連結顯示正確嘅預覽。
- 每篇文章都要有網站地圖項目,以及一個俾讀者同電子報工具用嘅 RSS 饋送。
- 作者同日期,修改時要有「已更新」日期。
- 分類或標籤,等文章夠多之後先需要。
- 草稿,令未完成嘅文章保持私密。
SEO:令文章成為真正嘅頁面
好多用現代工具建立嘅網站都係單頁 App:瀏覽器下載 JavaScript,再由佢繪製頁面。咁對 App 係可以,但網誌靠嘅係搜尋同連結預覽,而淨係喺瀏覽器內繪製嘅頁面,對某啲爬蟲同社交媒體預覽嚟講比較難讀取。對於網誌,要求文章預先渲染(喺建置網站時轉換成 HTML)或者伺服器渲染,令每條文章網址都即時返回完整內容、標題同描述。
我哋嘅AI 建立網站嘅 SEO指南會更深入講解標題、網站地圖同結構化資料。
提示範例
Markdown 網誌:
喺 /blog 加入一個網誌。每篇文章係 content/blog 入面嘅一個 Markdown 檔案,頂部有標題、描述、日期同可選嘅封面圖片。建立一個列表頁(最新優先,每頁 10 篇),以及每篇文章一頁,網址為 /blog/[slug]。將所有網誌頁面預先渲染成靜態 HTML,令每頁都有自己嘅標題、meta 描述同 Open Graph 標籤。將文章加入 sitemap.xml,並喺 /blog/rss.xml 生成一個 RSS 饋送。
附編輯器嘅網誌:
加入一個網誌,文章儲存喺資料庫入面:標題、slug、摘要、內文(Markdown)、封面圖片、狀態(草稿或已發布)、發布日期。加入一個受密碼保護嘅管理區域,用嚟建立、編輯、預覽同發布文章,並支援封面同內文圖片上載。只有已發布嘅文章會出現喺 /blog。每篇文章頁都要喺伺服器渲染,並有各自嘅標題同 meta 描述。
潤飾:
改善網誌文章版面:舒適嘅閱讀寬度、較大嘅行距、設計過嘅標題、程式碼區塊同引文、響應式圖片,以及文章底部嘅「上一篇/下一篇」連結。保留網站現有嘅顏色同字型。
逐步步驟
- 決定邊個寫,然後揀 Markdown、資料庫 + 編輯器,或者 CMS。
- 揀網址結構:
/blog同/blog/post-slug。 - 建立列表頁同文章頁,包含上面嘅基本版面。
- 為每篇文章加入元數據:標題、描述、分享圖片、日期。
- 令文章可以被爬取:預先渲染或伺服器渲染,然後檢查一篇文章嘅頁面原始碼,文章內文應該喺度。
- 加入網站地圖同 RSS 饋送。
- 處理圖片:壓縮、設定尺寸、加入替代文字。如果用編輯器,就將上載嘅檔案儲存喺檔案儲存空間(參閱如何為 App 加入檔案上載)。
- 推出前寫好兩至三篇文章,免得網誌睇落空蕩蕩。
- 發布,然後喺 Google Search Console 提交網站地圖。
常見錯誤
- 揀咗冇人會用嘅設定。 一個俾唔會郁檔案嘅團隊用嘅 Markdown 網誌,會一直空白。
- 文章只喺瀏覽器內渲染。 分享時會顯示空白預覽,而搜尋引擎可能會讀取得較少。
- 每篇文章都用相同嘅標題同描述。 每篇都要有自己嘅。
- 發布後更改 slug。 會令連結失效;如果一定要改,就加一個重新導向。
- 巨大未壓縮嘅圖片。 會令每篇文章都變慢。
- 冇草稿功能。 寫到一半嘅文章會因為意外而公開。
- 寫自己,而唔係寫客戶嘅問題。 有用嘅答案先會帶嚟流量;公告好少會有效。
檢查清單
- 寫作方式配合實際會寫嘅人
- 網誌位於主網域嘅 /blog
- 每篇文章都有簡潔、穩定嘅網址
- 每篇文章都有獨特嘅標題、描述同分享圖片
- 文章 HTML 包含完整文章內容(檢查頁面原始碼)
- 網站地圖同 RSS 饋送包括所有已發布文章
- 草稿保持私密
- 圖片已壓縮,並有替代文字
- 推出前已寫好幾篇文章
用 Mythex 加入網誌
喺 Mythex 入面,你可以透過對話加入任何一種網誌。如果係附編輯器嘅網誌,文章會放入項目嘅資料庫,圖片則放入檔案儲存空間;當 App 需要時,Mythex 會啟用呢兩樣嘢。Mythex 嘅文件提到,預設新 App 通常係 Vite 單頁 App,其 SEO 會比伺服器渲染或靜態 HTML 弱——所以建立網誌時,要求文章頁面預先渲染或者靜態,或者用 Next.js 設定。參閱已發布 App 嘅 SEO,並喺更改後重新發布。
如果你由零開始,請參閱如何用 AI 建立網站同如何建立小生意網站。
常見問題
我嘅網誌應該放喺子網域定子資料夾?
像 example.com/blog 咁嘅子資料夾,令網誌同你嘅產品位於同一個網站上,對大部分小生意嚟講係較簡單嘅選擇。如果網誌跑喺一個你唔可以放喺主網站之下嘅獨立平台上,例如 blog.example.com 咁嘅子網域就最合適。
喺用 AI 建立嘅網站加入網誌,最簡單嘅方法係咩?
如果淨係你或者開發者會寫文章,就將每篇文章儲存為項目入面嘅 Markdown 檔案,並讓網站將佢哋轉換成頁面。如果非技術人員都會寫,就用一個簡單嘅管理編輯器將文章加入資料庫,或者連接一個 CMS。
單頁 App 形式嘅網誌對 SEO 唔好?
可能會較弱。淨係喺瀏覽器內繪製嘅頁面,對某啲爬蟲同分享預覽嚟講比較難讀取。網誌文章應該以真正嘅 HTML 形式提供——喺建置時預先渲染,或者喺伺服器渲染——並且各自有自己嘅標題同描述。
商業網誌應該幾經常發文?
冇一個神奇數字。一個你可以持續維持嘅穩定節奏,加上回答客戶真正問題嘅文章,勝過一輪爆發式發文之後跟住幾個月都冇更新。