網站 SEO Meta 與 Schema.org 追加

用途

在現有網站 HTML 的 <head> 裡追加完整的 Meta Tag、Open Graph、Twitter Card 與 Schema.org 結構化資料，讓搜尋引擎和 AI 引用都能正確索引你的頁面。

何時用

適合：網站基礎結構已完成，要追加 SEO 設定讓搜尋引擎正確抓取，或讓 LINE / Slack 分享時顯示正確預覽圖時。
不要用：網站本身都還沒做，或是使用 WordPress / Webflow 這類有內建 SEO 外掛的平台（用平台的原生設定比手改 HTML 好維護）。

Prompt

text

你是 SEO 專家，請修改以下 HTML 頁面，追加完整的 SEO 設定。

SEO 設定資訊（YAML 格式）：
```yaml
meta:
  title: "{{頁面標題，含核心關鍵字，≤60 字元}}"
  description: "{{Meta description，含次要關鍵字，100-160 字元}}"
  keywords: ["{{關鍵字1}}", "{{關鍵字2}}", "{{關鍵字3}}"]
  canonical: "{{完整頁面 URL}}"
  lang: "zh-TW"

open_graph:
  og_title: "{{OG 標題，可與 Meta title 不同}}"
  og_description: "{{OG 描述，偏向吸引點擊而非 SEO}}"
  og_image: "{{分享預覽圖 URL，建議 1200×630 px}}"
  og_type: "website"

schema:
  type: "{{Schema 類型：LocalBusiness / Organization / Course / Article}}"
  name: "{{機構或內容名稱}}"
  url: "{{網站根 URL}}"
  logo: "{{Logo 圖片 URL}}"
  description: "{{簡短描述（繁中）}}"

請修改 HTML，規則如下：

所有 Meta / OG / Twitter Card 放在 <head> 內
H1 全頁唯一，且必須包含核心關鍵字
所有圖片加上 alt 屬性（繁中描述）
Schema.org JSON-LD 放在 </body> 結束前
只修改 SEO 相關部分，不改動其他程式碼

要修改的 HTML：


## 範例 / 變數
- **填好變數**：Meta title 填 `n8n 自動化顧問 | 雲端方程式`、description 填 `協助台灣中小企業導入 n8n 工作流自動化，提升效率降低人工成本。提供培訓與客製化服務。`、canonical 填你的網頁完整 URL、Schema type 填 `Organization`。
- **變體（文章頁 SEO）**：Schema type 改為 `Article`，yaml 裡加 `author`、`datePublished`、`dateModified` 欄位，適合部落格文章追加 SEO。
- **變體（課程頁 SEO）**：Schema type 改為 `Course`，yaml 裡加 `provider`、`courseMode`、`startDate` 等欄位，讓 Google 搜尋結果顯示課程資訊。

## 🎯 範例輸出（實測）

> 在 **Claude.ai** 跑這句、Meta title 填「n8n 自動化顧問 | 雲端方程式」、description 填「協助台灣中小企業導入 n8n 工作流自動化，提升效率降低人工成本。」、Schema type 填「Organization」的結果：

::: details 點開看 AI 實際輸出
Claude 在 `<head>` 裡追加的完整 SEO 設定：

```text
<!-- Primary Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>n8n 自動化顧問 | 雲端方程式</title>
<meta name="description" content="協助台灣中小企業導入 n8n 工作流自動化，提升效率降低人工成本。提供培訓與客製化服務。">
<meta name="keywords" content="n8n, 工作流自動化, AI 導入, 台灣中小企業">
<link rel="canonical" href="https://cloudf1.io/">
<meta http-equiv="content-language" content="zh-TW">

<!-- Open Graph -->
<meta property="og:title" content="讓你的團隊不再做重複的工作 | 雲端方程式">
<meta property="og:description" content="n8n 自動化顧問，幫台灣中小企業把每天重複的手動作業變成自動流程。">
<meta property="og:image" content="https://cloudf1.io/og-image.jpg">
<meta property="og:type" content="website">
<meta property="og:locale" content="zh_TW">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="n8n 自動化顧問 | 雲端方程式">
<meta name="twitter:description" content="協助台灣中小企業導入 n8n 工作流自動化。">
<meta name="twitter:image" content="https://cloudf1.io/og-image.jpg">

在 </body> 前追加的 Schema.org JSON-LD：

text

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "雲端方程式數位科技有限公司",
  "url": "https://cloudf1.io",
  "logo": "https://cloudf1.io/logo.png",
  "description": "協助台灣中小企業導入 n8n 工作流自動化，提升效率降低人工成本。",
  "contactPoint": {
    "@type": "ContactPoint",
    "email": "hello@cloudf1.io",
    "contactType": "customer service",
    "areaServed": "TW",
    "availableLanguage": "zh-TW"
  },
  "sameAs": [
    "https://www.youtube.com/@alex-cloudf1",
    "https://www.skool.com/ai-brain-alex"
  ]
}
</script>

H1 驗證：確認全頁只有一個 H1，且包含核心關鍵字「n8n 自動化」。所有圖片 alt 屬性已更新為繁中描述，不影響其他程式碼。 :::

💡 實測心得：Claude 會主動在 Organization schema 裡加 sameAs 社群連結欄位，但你要確認填入的 URL 是真實存在的，否則會傷害而非幫助 SEO。OG title 和 Meta title 分開填讓兩個場景各自最佳化——Meta title 偏關鍵字，OG title 偏點擊誘因，這個細節 AI 很少主動建議但效果明顯。

延伸

重點來了：Schema.org 結構化資料是台灣網站最普遍缺失的 SEO 設定，但它是 AI 引用（Claude、ChatGPT、Perplexity）索引你內容的重要信號。LocalBusiness schema 讓 Google 地圖準確顯示你的資訊，Article schema 讓文章在搜尋結果顯示發布日期，Course schema 讓 Google 在搜尋結果直接展示課程資訊——每種 schema 都有它的使用場景，選對了比亂加更有效。

網站 SEO Meta 與 Schema.org 追加 ​

用途 ​

何時用 ​

Prompt ​

延伸 ​

網站 SEO Meta 與 Schema.org 追加

用途

何時用

Prompt

延伸