操作教學

上線前 10 分鐘:自己檢查一頁網站的基本資料

頁面看起來正常,不代表搜尋引擎或分享預覽讀得到正確資料。這篇用瀏覽器與 Google 的公開工具,帶你逐項檢查一頁網站最基本的六個地方。

適用對象
剛做好或剛改版一個網頁,想在公開前自己先看一遍的人
需要時間
約 10 分鐘(一頁)
費用
本篇步驟全部免費、不用註冊
更新日期
撰寫
TrueNodes 維護團隊(誠通數位 TrueLink)

操作步驟

先在瀏覽器網址列輸入 view-source: 加上你的網址(或在頁面按右鍵選「檢視網頁原始碼」)。以下檢查都看原始碼,不是畫面:有些網站的內容要等 JavaScript 執行後才出現,不執行 JavaScript 的工具就讀不到。

  1. 標題 <title>

    每一頁都要有,而且說清楚這一頁在講什麼。不同頁面不要共用同一個標題,否則在搜尋結果與瀏覽器分頁上很難分辨。

  2. 描述 <meta name="description">

    用一兩句話寫這頁能幫讀者解決什麼。搜尋引擎不一定照用,但沒有寫就只能讓它自己摘。

  3. 正式網址 <link rel="canonical">

    同一份內容有多個網址時(例如帶追蹤參數),用它告訴搜尋引擎哪個才是正式版本。確認它指向的是這一頁自己的正確網址,不是首頁或測試站。

  4. 主標題 <h1>

    在原始碼中搜尋 <h1。一般一頁放一個主標題,內容和 <title> 方向一致。

  5. 分享預覽 og:title、og:image

    這兩個欄位決定網址貼到社群或通訊軟體時顯示的標題與圖片。確認圖片網址可以直接打開,而且不是登入後才看得到的圖。

  6. 結構化資料 application/ld+json

    搜尋原始碼裡有沒有這段。注意:如果網站是用 JavaScript 貼碼(例如 TrueLink 的 API 貼碼)加入結構化資料,原始碼裡本來就看不到,要看的是執行後的頁面。所以不論原始碼有沒有,都要檢查執行後的頁面:把你的網址貼到 Google 複合式搜尋結果測試,在「查看測試過的網頁」的 HTML 裡搜尋 application/ld+json,或在瀏覽器開發者工具的「元素」分頁搜尋。不要只看測試結果清單:它只列出 Google 支援複合式結果的類型,像 Person 這類通用類型即使已經存在也不會列出。確定真的沒有,再用 TrueLink 的 Schema 產生器建立一份,避免重複安裝。

想順便看速度,可以把網址貼到 PageSpeed Insights。它的分數會因測試時間與地點而變動,同一頁建議多測幾次再判斷。

示範

示範資料:以下是虛構商家的頁面片段,網址使用保留給範例的 example.com。

<title>示範咖啡(虛構)|台北手沖咖啡與豆子</title>
<meta name="description" content="台北的手沖咖啡小店,提供每週烘焙的單品豆與外帶。">
<link rel="canonical" href="https://www.example.com/">
<meta property="og:title" content="示範咖啡(虛構)">
<meta property="og:image" content="https://www.example.com/og.jpg">
...
<h1>示範咖啡</h1>

這個片段六項裡缺了一項:原始碼裡沒有 application/ld+json。下一步就是補上結構化資料,再用 Google 工具檢查一次。

想讓工具幫你自動抽取?

TrueLink 的 網站雷達 有一項免費健檢,會抽取標題、描述、canonical、H1、分享預覽、結構化資料類型、連結數與字數。實際使用條件如下:

這個做法的限制

下一步:補上缺的結構化資料

如果第 6 項沒有找到 JSON-LD,可以先用 Schema 產生器做一份,不用註冊;想保存與部署時再登入。

開啟 Schema 產生器

來源

內容依 2026-10-10 的工具版本撰寫;工具更新後若條件不同,以工具頁為準。發現錯誤可透過 聯絡我們 回報。