For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /zh-tw/docs/tanstack/seo.md (or send Accept: text/markdown).
SEO 與分享
後設資料、sitemap、robots 與社交圖。
開始之前
使用“檔案”→“開啟資料夾”在 Visual Studio Code 中開啟下載的 supastack 專案，然後選擇“終端”→“新建終端”。儲存庫根目錄是包含 package.json、apps 和 packages 的資料夾。執行下面的命令並保持終端開啟。如果無法識別命令，請先完成工具安裝指南，然後再繼續。
首先閱讀平臺教程。伺服器是響應瀏覽器或電話請求的應用程式程式。 Web 讀取 apps/web-tanstack/.env.local，Expo 讀取 apps/mobile/.env.local，資料庫遷移命令讀取 root .env。無資料庫/儀錶板演示與真實/身份驗證帳戶分開，需要遷移Postgres。僅電話或桌面結帳需要單獨執行的 Web 後端。
corepack pnpm --filter @supastack/web-tanstack dev安裝與配置
路由級後設資料來自共享頁面模組——每個 packages/web-core/src/pages/<route>/page.load.ts 匯出 metadata，由其檔案路由通過 metadataToHead 以 head() 呈現，並從語言詞典解析標題與描述，讓搜尋結果保持本地化。
src/routes/sitemap[.]xml.ts 與 src/routes/robots[.]txt.ts 路由生成可抓取介面；柵格化 OG 圖（src/framework/og.ts）與圖示資源承載社交預覽。把私有路由 —— settings、billing、admin、API —— 排除在 sitemap 之外並在 robots 中 disallow。
src/routes/sitemap[.]xml.ts public routes only
src/routes/robots[.]txt.ts disallow private surfaces
// per page — packages/web-core/src/pages/<route>/page.load.ts,
// surfaced through the route's head() via metadataToHead
export const metadata = { title, description };實現流程
給每個公開頁面唯一的標題與描述；絕不索引搜尋結果、過濾檢視或已認證介面。Canonical URL 保持無字首 —— 語言層已把預設語言重定向到規範路徑。
新增公開路由時在同一次改動里加入 sitemap。OG 圖堅持用品牌令牌而非烘焙截圖，讓換風格保持一致。
驗證與排障
在預覽部署上拉取 /robots.txt 與 /sitemap.xml，校驗 sitemap 可解析，並抽查一個頁面的分享效果 —— 標題、描述、圖。確認搜尋結果頁帶 noindex。