技術 SEO 檢核報告 — gongbi-silk-dark-background
技術 SEO 檢核報告 — gongbi-silk-dark-background
檢核對象:
seo-drafts/gongbi-silk-dark-background/gongbi-silk-dark-background.md檢核日期:2026-07-17 站台技術棧:Jekyll(remote_theme: jekyll/minima)+jekyll-seo-tag/jekyll-sitemap/jekyll-external-links等 plugin,沒有自訂_includes/head.html(吃 minima 內建的,會呼叫 `
`)
Vendor:bianjiaopie(不進 fung-seo 表——邊角派發布體系與 LatticeCast 分開,本次不跑
fung-seo-upload.sh)
13 項檢核結果
| # | 項目 | 結果 | 說明 |
|—|—|:—:|—|
| 1 | Frontmatter 必備欄位 | ⚠️→✅ | 已補 slug / lastmod / cover / canonical / author;title 從 22 字補到 32 字、description 從 53 字補到 77 字(見下方 Patch 1) |
| 2 | H1 vs title | ✅ | H1「工筆畫深色背景畫法——黑底上畫出乾淨紅花的三種絹本技法(分染、裏彩色、面蓋)」與新 title 用詞不同但主旨一致,屬正常改進(非 fail) |
| 3 | Meta description | ✅ | 新描述 77 字,落在中文 70–80 字區間,含主關鍵字「深色背景」「絹本」,讀起來像預告不是硬塞關鍵字 |
| 4 | OpenGraph / Twitter Card | ⚠️ | 這個站沒有自訂 head,是靠 jekyll-seo-tag 的 `
` 自動產生——但它認的欄位是 image,不是本文 frontmatter 目前放的 cover(見下方「站台技術棧備註」) |
| 5 | Schema.org | ⚠️ | 同樣交給 `
` 自動吐 JSON-LD;因為 frontmatter 有 date,推定會產出 BlogPosting(非單純 WebPage),但這是推定行為、沒有本機 gem 可核對原始碼,發布後務必跑 Rich Results Test 實測 |
| 6 | Canonical URL | ⚠️ | 沒有手動設定——jekyll-seo-tag 預設會用 site.url + 檔案實際路徑自動算,只要檔案最終放對 Blog/ 目錄,這項不用手動管;本文加的 canonical: frontmatter 欄位只是人看的備忘,不是 plugin 認的 canonical_url 鍵,不會被誤用 |
| 7 | 圖片 alt + 優化 | ✅ | 三張照片已轉 .webp(用站上既有 _layouts/img2webp.sh 邏輯)、<img> 補齊 width/height/loading="lazy";alt 已跟 figcaption 同步(非裝飾圖、描述性文字) |
| 8 | 內外鏈 | ⚠️ | 全文掃描無「待填」殘留標記、無殘留 TODO comment(英文參考翻譯段落的 TODO: caption pending 除外——那段標明不發布,見下方備註);外鏈齊全(6 個來源,含日文/簡中/英文/PDF)、站上 jekyll-external-links plugin 會自動處理外鏈 target/rel;內鏈 = 0——站上目前只有一篇既有文章(Blog/0615-proximity.md,主題不相關)跟 About 頁,沒有天然可連的相關文,判定 N/A 不算 fail |
| 9 | Sitemap / robots | ✅ | jekyll-sitemap plugin 已啟用,會自動把新頁面收進建置時產生的 sitemap.xml;沒有 robots.txt 擋路徑、頁面也沒設 noindex |
| 10 | Core Web Vitals | ⏳ | 需要實際部署後的網址才能跑 PageSpeed Insights,本機檢核無法測;圖片已預先做了會影響 LCP/CLS 的基本功(webp、width/height、lazy) |
| 11 | Mobile-friendly | ✅(推定) | minima 主題內建 responsive + viewport meta,站上其他頁面已在用;建議發布後仍跑一次 PSI 的 mobile 報告 |
| 12 | HTTPS | ✅(推定) | _config.yml 的 url: https://BianJiaoPie.com 已是 https;GitHub Pages 自訂網域預設強制 HTTPS |
| 13 | URL 結構 | ✅ | 檔名/slug gongbi-silk-dark-background 全小寫、用連字號、無雜訊;發布時建議放在 Blog/gongbi-silk-dark-background.md,對齊站上唯一既有文章的路徑慣例 |
站台技術棧備註(★ 讀這段再決定要不要照抄 templates.md 通用模板)
這個站沒有自己刻 <head>,是 minima 主題內建的 head 呼叫 jekyll-seo-tag 的 `
` 自動產生 title / description / OG / Twitter / canonical / JSON-LD——不需要、也不應該手動貼 templates.md 那份通用 HTML head 補件(那是給沒有這種 plugin 的站台用的)。
真正有效的 frontmatter 鍵,跟通用模板長得不一樣:
| 通用模板欄位 | 這個站真正吃的鍵 | 現況 |
|---|---|---|
cover |
image(字串路徑,或 {path, height, width}) |
還沒有實體封面檔(等 cover-image-prompt 產出提示詞、實際生圖後才有),先不寫 image 欄位,避免指到不存在的檔案 |
canonical |
canonical_url |
不手動設——讓 plugin 用 site.url 自動算,檔案放對 Blog/ 路徑即可自動正確 |
| (無對應) | site.author / 站級 image(_config.yml 可設全站預設 og 圖與作者,本文沒動) |
維持現況 |
本文目前的 cover: / canonical: 兩個 frontmatter 欄位是人看的備忘、故意沒用 plugin 認的鍵名,所以不會被誤吃成錯的 OG 圖或壞的 canonical URL——等封面圖實際生出來、文章確定搬進 Blog/ 之後,再把 cover: 改名成 image:、把 canonical: 改成 canonical_url: 填真網址。
Patch 1:Frontmatter(已直接套用到 {slug}.md)
---
title: 工筆畫深色背景畫法:黑底畫紅花三種絹本技法(分染、裏彩色、面蓋)
slug: gongbi-silk-dark-background
date: 2026-07-14
lastmod: 2026-07-17
cover: 待補(cover-image-prompt 產出提示詞後製作,尚無實際檔案)
tags:
- 工筆畫
- 膠彩
- 絹本
- 裏彩色
- 繪畫技法
description: 我的絹本黑底已經畫好,卡在紅花怎麼畫才不糊——整理成三條路:鉤勒分染罩染、裏彩色背染、面蓋,含步驟表、風險比較與廢絹測試建議,附上我自己的裏彩色實作照片。
canonical: 待上架補(正式發布網址未定,暫不硬編)
author:
name: Fung
url: https://BianJiaoPie.com/About/
---
Patch 2:圖片(已直接套用到內文)
- 三張過程照片:PDF(原始白邊匯出檔,已刪除)→ 抽出內嵌 JPEG(無白邊)→ 轉檔
.webp(ffmpeg,同_layouts/img2webp.sh邏輯) <img>補齊width/height(防 CLS)、loading="lazy"(三張都在首屏以下,非 LCP 元素)alt已同步成跟使用者填好的figcaption一致的描述性文字
若之後要手動跑 Rich Results Test / PageSpeed Insights,等這篇實際搬進 Blog/ 目錄、部署上線後再測——本機草稿階段測不出真實結果。
Placeholder 清單(真正待上架才有值的東西)
| 項目 | 現況 | 誰來補 |
|---|---|---|
| 封面圖檔案 | 尚未生成 | 接下來硬接的 cover-image-prompt 只出提示詞,實際生圖+存檔要使用者自己跑 LLM 生圖工具,之後把 cover: 改名 image: 填路徑 |
| 正式發布網址(canonical) | 待文章實際搬進 Blog/ 才有 |
使用者發布時;或讓 jekyll-seo-tag 自動算,不用手動填 |
英文參考翻譯段落三張圖的 alt/figcaption |
仍是 TODO: caption pending |
該段標明「Reference, not published」不影響正式發布,但若之後真的要發英文版才需要補 |
完工接力狀態
cover-image-prompt:接力中(下一步 invoke,帶中文正文+英文參考翻譯路徑)social-platform-adapt:接力中(下一步 invoke,目標平台讀brand-assets/bianjiaopie/seo-strategy.md「慣用社群平台」表:YouTube/Instagram/Threads 主,Facebook/X 輔)fung-seo-upload.sh:不適用——bianjiaopie 不進 LatticeCastfung-seo表,發布走站台自己的流程,此步驟略過