feat(web-demo): 為 WebAssembly 網頁增加 SEO 與 OpenGraph 社群分享中繼標籤 - #10
Open
doggy8088 wants to merge 1 commit into
Open
feat(web-demo): 為 WebAssembly 網頁增加 SEO 與 OpenGraph 社群分享中繼標籤#10doggy8088 wants to merge 1 commit into
doggy8088 wants to merge 1 commit into
Conversation
為 MiniExcel Browser Lab（https://mini-software.github.io/MiniExcel-Rust/）增強搜尋引擎最佳化（SEO）與社群媒體（Facebook / Twitter）分享卡片體驗： 1. 新增 Open Graph (og:*) 標籤： - og:type: website - og:url: 設定頁面標準網址（https://mini-software.github.io/MiniExcel-Rust/） - og:title: MiniExcel Browser Lab - og:description: 描述 MiniExcel 本地串流 Rust、WebAssembly 與 RAG 匯出能力 - og:image / og:image:secure_url: 包含完整 HTTPS 絕對路徑的社群預覽圖片 - og:image:type: image/png - og:image:width / og:image:height: 1200 x 630（符合 Facebook 建議的 1.91:1 最佳黃金比例） - og:image:alt: 說明預覽圖所呈現的試算表預覽與分析介面 - og:site_name 與 og:locale: 設定站點名稱為 MiniExcel 與 en_US 語系 2. 新增 Twitter Card (twitter:*) 標籤： - twitter:card: summary_large_image 大圖卡片格式 - twitter:url、twitter:title、twitter:description - twitter:image 與 twitter:image:alt 3. 新增標準 SEO 標籤： - link[rel="canonical"]: 指向標準部署網址，避免重複內容分散權重 - meta[name="robots"]: 允許搜尋引擎檢索與追蹤（index, follow） 4. 加入 Facebook 最佳化預覽截圖 (web-demo/public/og-image.png)： - 透過 Chrome DevTools 連線至瀏覽器中實際運行的 MiniExcel Browser Lab 頁面 - 調整 Viewport 解析度為 1200x630，捕捉完整的產品品牌、控制面板與試算表數據網格 - 圖片大小約 92 KB，兼顧高清畫質與社群爬蟲快速載入需求
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Advanced Run ID: ⛔ Files ignored due to path filters (1)
📒 Files selected for processing (1)
Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review. 📝 WalkthroughWalkthroughThe page head now defines canonical, crawler, Open Graph, and Twitter Card metadata for MiniExcel Browser Lab. ChangesBrowser Lab metadata
Priority: ⬇️ Low Estimated code review effort: 1 (Trivial) | ~5 minutes Change: Feature Suggested reviewers: Merge Risk: ⚪ Minimal · up to The SEO and social-sharing metadata change is ready to merge with no identified current-head risk. 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✨ Finishing Touches🧪 Generate unit tests (beta)
Comment |
There was a problem hiding this comment.
🟢 Approval recommended
The only outstanding feedback is a minor test-coverage nit; no blocking issues were identified.
Pull request overview
Adds SEO, Open Graph, Twitter Card metadata, and a social-sharing preview image to the MiniExcel WebAssembly demo.
Changes:
- Adds canonical, robots, Open Graph, and Twitter metadata.
- Adds a 1200×630
og-image.pngpreview asset.
File summaries
| File | Description |
|---|---|
web-demo/public/index.html |
Adds SEO and social-sharing metadata. |
Review details
Suppressed comments (1)
web-demo/public/index.html:12
- The new SEO/Open Graph/Twitter contract is not covered by the existing Playwright suite: the browser tests only exercise the rendered workflow, so a later template/build change could remove or mis-point these tags (or the copied
og-image.png) while all current tests still pass. Please add an assertion for the canonical/social metadata and that the referenced image is available in the generated site.
<link rel="canonical" href="https://mini-software.github.io/MiniExcel-Rust/" />
<meta name="robots" content="index, follow" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
- Files reviewed: 1/2 changed files
- Comments generated: 0
- Review effort level: Lite
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
變更摘要 (Summary)
為 MiniExcel Browser Lab ( 部署於 https://mini-software.github.io/MiniExcel-Rust/ ) 新增完整的 SEO、Open Graph 與 Twitter Card 中繼標籤，並加入針對 Facebook 最佳化（1200x630 解析度）的社群分享預覽圖片。
詳細變更內容 (Detailed Changes)
1. 新增 Open Graph (og:*) 標籤（針對 Facebook 分享最佳化）
og:type:websiteog:url:https://mini-software.github.io/MiniExcel-Rust/（標準網址）og:title:MiniExcel Browser Labog:description: 傳達使用 Rust 與 WebAssembly 在瀏覽器端本地高效解析 XLSX 試算表與 RAG 匯出的功能亮點。og:image與og:image:secure_url: 指向絕對 HTTPS 路徑https://mini-software.github.io/MiniExcel-Rust/og-image.pngog:image:type:image/pngog:image:width:1200og:image:height:630（嚴格符合 Facebook 與各大社群平台的 1.91:1 推薦尺寸標準）og:image:alt: 提供完整的無障礙圖片替代文字og:site_name:MiniExcelog:locale:en_US2. 新增 Twitter Card (twitter:*) 標籤
twitter:card:summary_large_image（大圖分享卡片）twitter:url,twitter:title,twitter:descriptiontwitter:image,twitter:image:alt3. 新增 SEO 與檢索標籤
<link rel="canonical" href="https://mini-software.github.io/MiniExcel-Rust/" />: 確保搜尋引擎鎖定標準網址，避免權重分散。<meta name="robots" content="index, follow" />: 指引搜尋引擎常規索引與連結跟隨。4. 社群分享預覽圖 (web-demo/public/og-image.png)
web-demo/public/，在建置與 GitHub Pages 部署時會自動同步複製至dist/輸出目錄。驗證項目 (Verification)
sips確認web-demo/public/og-image.png解析度為 1200 × 630 px。web-demo/public/index.html語法正確，中繼標籤完整且使用絕對路徑。git status與變更範圍聚焦，未引入非必要的改動。Summary by CodeRabbit