🌐 提升 SEO 必備模組：Drupal 的 Metatag 與 Schema.org Metatag

2025-04-30

標籤： 模組

廣告

當你打造一個內容導向的網站，不論是新聞平台、商品網站還是部落格，「搜尋引擎最佳化（SEO）」一定是不可忽略的關鍵。

在 Drupal 世界裡，有兩個強大模組能幫助你提升 SEO 表現：

這篇文章將帶你了解它們的功能、設定方法與實務應用技巧！

🔖 Metatag 是什麼？

Metatag 模組讓你可以在網站的 <head> 中加入各種 HTML meta 標籤，這些標籤提供搜尋引擎與社群媒體平台更豐富的內容資訊，像是：

  • 網頁標題（<title>）
  • 描述（description）
  • Canonical URL
  • Open Graph（給 Facebook）
  • Twitter Card（給 Twitter / X）
  • Robots 指令
  • Language、Author 等等

這些都可以自動根據內容動態生成，不需每篇手動輸入！

🎯 Schema.org Metatag 是什麼？

Schema.org Metatag 是 Metatag 的延伸模組，提供 結構化資料（Structured Data） 的設定功能，讓 Google 等搜尋引擎能更聰明理解你網站的內容。

範例：

  • 一篇文章可標示為 "@type": "Article"，並註明：
  • author
  • headline
  • datePublished
  • image
  • articleBody

這些標籤可幫助搜尋結果顯示 豐富摘要（Rich Snippets），提升點擊率！

⚙️ 安裝方式

使用 Composer：

composer require drupal/metatag
composer require drupal/schema_metatag

啟用模組：

drush en metatag schema_metatag -y

🔧 基本設定步驟

1. 建立全站預設設定

進入後台：

/admin/config/search/metatag

新增或修改「Global」設定，定義全站預設的 meta 資訊。

建議設定：

  • Title tag: [node:title] | [site:name]
  • Description: [node:summary]
  • Canonical URL: 自動設定
  • Open Graph/Twitter tags: 適用於社群分享預覽

2. 每種內容類型套用自定義樣板

針對不同的內容類型（如文章、產品、活動等），可以設定對應的 Metatag 樣板。

路徑：

/admin/config/search/metatag

針對每種 Content Type 建立樣板，例如：

  • Article
  • Title: [node:title] | [site:name]
  • Description: [node:field_summary]
  • og:type: article

3. Schema.org 標記設定

啟用 Schema.org Metatag 後，每個 Metatag 配置頁面會新增一個「Schema.org Settings」區塊。

可自訂：

  • Schema 類型（如 Article, Event, Product, Organization 等）
  • 對應的欄位（如 image, author, datePublished）

系統會自動產出符合標準的 JSON-LD 片段，嵌入於 <head> 區塊內。

💡 實務應用情境

✅ 加強新聞文章 SEO

{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "headline": "台南馬拉松報名開跑！",
  "author": {
    "@type": "Person",
    "name": "Mana"
  },
  "datePublished": "2025-04-30",
  "image": "https://example.com/images/tainan-marathon.jpg"
}

讓 Google 直接顯示新聞卡片，搶佔搜尋結果上方！

✅ 電商商品結構化資料

可自訂為：

{
  "@type": "Product",
  "name": "MIT風格木質文創商品",
  "image": "https://example.com/product.jpg",
  "description": "手工打造，限量上架",
  "offers": {
    "@type": "Offer",
    "price": "880",
    "priceCurrency": "TWD",
    "availability": "https://schema.org/InStock"
  }
}

未來可結合 Google Merchant 中的產品資料來源，提升轉換率。

🛡️ 注意事項與建議

✅ 總結

模組 功能
Metatag 設定 HTML <meta> 標籤，自動化 SEO
Schema.org Metatag 產生 JSON-LD 結構化資料，強化搜尋引擎理解力

這兩個模組是任何 專業 Drupal 建站專案不可或缺的基礎 SEO 工具，搭配 Token 系統與內容類型規劃，可實現全面而穩定的內容優化策略。

廣告