SEO 技術揭露

HaoRate SEO 架構

完整揭露 HaoRate 所採用的所有搜尋引擎最佳化技術、資料架構與自動化流程。 所有數字均從設定檔即時計算,永遠與實際部署狀態同步。

249

可索引 SEO 路徑

Google 可爬取頁面

257

靜態預渲染(SSG)

建置期 HTML 快照

34

幣別落地頁

正向 + 反向匯率頁

11

JSON-LD Schema

結構化資料類型

資料管線

臺灣銀行官方牌告匯率來源

現金 / 即期 四種報價

GitHub Actions自動化抓取排程

每 5 分鐘同步一次

jsDelivr CDN全球 PoP 加速分發

無請求限制 · ETag 支援

HaoRate AppSSG 預渲染 + PWA

可離線使用 · 即時更新

SEO 路徑覆蓋

核心內容頁9
//faq//about//guide//open-data/
正向幣別頁(XXX→TWD)17
/usd-twd//jpy-twd//eur-twd//hkd-twd/
反向幣別頁(TWD→XXX)17
/twd-usd//twd-jpy//twd-eur//twd-hkd/

合計 249 個可索引路徑,全部收錄於 sitemap.xml

JSON-LD 結構化資料

Organization全站

組織聯絡資訊、社群連結、Logo

WebSite全站可索引頁

網站整體識別、站名與發布者資訊

SoftwareApplication全站可索引頁

平台、定價、功能資訊;評分僅在樣本數達門檻且可稽核時輸出

CurrencyConversionService首頁

首頁匯率換算服務描述

ExchangeRateSpecification幣別落地頁 / 金額頁

幣對頁 / 金額頁的匯率數值、來源與換算金額

BreadcrumbList內容頁 / 幣別頁 / 金額頁

頁面麵包屑路徑導覽結構

FAQPage/faq/

常見問題結構化資料;僅在 /faq/ 輸出

HowToGuide / Authority Guide

操作步驟教學;用於 Guide / 指定教學頁

ArticleGuide / Authority Guide

指南頁文章作者、發布日期、字數

Dataset/open-data/

開放匯率資料集、DataDownload 與資料授權資訊

ImageObject全站

OG 圖片授權、版權資訊

機器可讀檔案

核心技術特性

SSG 靜態預渲染

vite-react-ssg

257 頁在建置期轉為 HTML,首屏無 JS 白屏,爬蟲直接讀取完整內容。

PWA 離線支援

Workbox + vite-plugin-pwa

服務工作者(Service Worker)快取靜態資源,無網路時仍可查詢最後一筆匯率。

ETag 條件式請求

jsDelivr CDN

匯率 API 支援 If-None-Match 標頭,相同資料回傳 304 Not Modified,省流量。

URL 標準化(301)

useUrlNormalization Hook

大寫 URL 自動 301 重定向至小寫,避免重複內容問題,保護 PageRank 集中。

Canonical 標籤

SEOHelmet 元件

每頁明確宣告 canonical URL,防止 www / 無 www / trailing slash 重複。

Core Web Vitals (2026)

Lighthouse CI + INP Metric

LCP < 2.5s、INP < 200ms、CLS < 0.1;Lighthouse CI 在 PR 自動驗證分數(FID 已轉換為 INP)。

E-E-A-T 信號

Schema.org Person + Organization

作者身份 (Person schema)、發行日期 (Article schema)、發布者驗證 (Organization),強化內容權威性與可信度。

PWA 離線快取統計

Workbox + Service Worker

50+ 項靜態資源預快取、最後一筆匯率儲存、Workbox 智慧更新策略,確保網路中斷時仍可查詢。

E-E-A-T 信號強化(2026)

專業性 (Expertise)

  • 作者身份:獨立開發者 + 金融科技專業
  • 內容深度:18 種貨幣、現金 & 即期雙套報價
  • 技術透明:完整 SEO 技術揭露(本頁)

權威性 (Authoritativeness)

  • 官方數據:台灣銀行牌告匯率(5 分鐘同步)
  • 公開 API:OpenAPI 3.1 規範供開發者整合
  • 機器可讀:sitemap.xml、robots.txt、llms.txt

可信度 (Trustworthiness)

  • 隱私第一:無帳號、本機存儲;僅使用匿名流量分析並於隱私政策揭露
  • 安全傳輸:HTTPS、CSP 標頭、X-Frame-Options
  • 透明營運:公開隱私政策、費用結構

Google 搜尋品質評估指南強調 E-E-A-T(專業性、權威性、可信度)為 YMYL(您的錢或生活)內容評分的關鍵。HaoRate 透過透明化揭露、官方資料來源與隱私優先設計強化信號。

Prebuild 自動化腳本

每次建置前依序執行 SEO / machine-readable 產線,產生所有必要靜態檔案並串上驗證 gate。

1
prebuild-fetch-rates.mjs

建置前抓取最新牌告匯率快照

2
update-seo-rate-examples.mjs

更新幣別頁與金額頁的匯差範例資料

3
../../scripts/generate-sitemap-2026.mjs

249 個 SEO URL + lastmod + hreflang + image sitemap

4
generate-robots-txt.mjs

Crawl 規則 + Sitemap 連結

5
generate-manifest.mjs

PWA manifest 與品牌資訊同步

6
generate-offline-html.mjs

離線 fallback 頁面

7
generate-llms-txt.mjs

AI crawler 可讀的站點索引與完整內容快照

8
generate-markdown-mirrors.mjs

FAQ / About / Guide / Open Data 的純文字鏡像

9
generate-api-json.mjs

公開匯率 API 最新資料

10
generate-pair-json.mjs

17 個幣對 JSON 端點

11
generate-openapi.mjs

OpenAPI 3.1 規格

12
../../scripts/verify-ssot-sync.mjs

驗證 seo-paths.config.mjs 與 seo-paths.ts 完全同步

13
../../scripts/verify-image-resources.mjs

驗證 SEO 與社群圖片資源完整存在

14
fetch-rating-snapshot.mjs

抓取可稽核評分快照,供 aggregateRating gate 使用

SEO 狀態機架構

SSOT 層所有 SEO 資料的單一真相來源
seo-paths.tsseo-metadata.tsapi-endpoints.tsapp-info.ts
生成
Prebuild 層建置期自動生成靜態 SEO 檔案
sitemap.xmlrobots.txtllms.txtopenapi.json
渲染
SSG 層靜態 HTML + 結構化資料注入
249 SEO 頁面257 預渲染JSON-LDmeta tags
部署
邊緣層Cloudflare Workers 注入安全標頭
Cloudflare CDNSecurity HeadersCache-ControlCSP

相關資源