最後更新日期:2024年07月07日
本篇文章會教大家如何利用 Rank Math SEO 外掛在你的文章中加入「HowTo Schema」的結構化資料,進以提升文章的 SEO 排名與能見度,如果在過程中有任何問題,歡迎隨時在文章底下留言,或是透過聯絡我跟我溝通討論喔,讓我們開始吧!
什麼是 HowTo Schema 結構化資料?
How to 開頭的英文句型可以翻譯成「如何…」,聰明的你應該可以想到 HowTo Schema 的功用了吧?沒錯,HowTo schema 結構化資料的目的就是告知 Google 你的文章內容是一篇「教學」或是「操作說明」,可以依照文章內的步驟完成或達成某件事情,同時文章內容可以包含影片、圖片和文字的輔助說明,讓你的文章內容更為豐富與生動。
例如「如何打領帶」、「如何綁鞋帶」、「如何重灌電腦」等的主題,就可以使用 HowTo Schema 來呈現,只要加入必要的屬性,就可以在 Google 搜尋引擎以複合式(Rich Snippet)的搜尋結果呈現,增加曝光度,對你的文章 SEO 排名會有加分的效果。

使用 HowTo Schema 結構化資料的好處
在你的文章內使用 FAQ Schema 的好處統整如下:
- 增加文章能見度:在複合式搜尋結果中,可以把顯示的面積變大,也可以顯示更多的文章相關內容。
- 增加文章的流量:當你能見度提高,就能有一定程度的帶來流量。
- 能被 Google 語音助理找到:當你的文章有使用 HowTo Schema,當有人使用 Google 語音助理做語音問問題搜尋,能被搜尋到,增加曝光機率與流量。例如利用 Google 語音助理詢問「如何重灌電腦」,你的相關文章就有機會被搜尋到。
如何在文章內加入 HowTo Schema?
在有一定程度的了解什麼是「HowTo Schema」後,該如何在文章內加入必要的屬性?我們只要透過 u003ca href=u0022https://rankmath.com/?ref=a0917071158u0022 target=u0022_blanku0022 rel=u0022noreferrer noopener sponsoredu0022u003eRank Mathu003c/au003e SEO 外掛內的 HowTo Schema 區塊(Block)功能,就可以輕鬆加入到文章內並符合規範。
預估時間 3 minutes
STEP 1:在文章加入 HowTo Schema 區塊

在 WordPress Gutenberg 區塊文章編輯器中,左上角按下「+」的符號,並輸入「HowTo」就可以搜尋到 Rank Math 所提供的 「HowTo by Rank Math」 區塊,點一下即可加入文章內。
STEP 2:新增成果圖片(Final Image)與預估時間(Duration)

1. Final Image:指的是依照你的教學步驟的u003cspan class=u0022has-inline-color has-vivid-red-coloru0022u003e最終結果成品u003c/spanu003e,假設我今天的教學是「如何綁鞋帶」,那 Final Image 就是綁好鞋帶的照片,u003cstrongu003e非必要u003c/strongu003e但建議要加入最終結果圖片,可以讓閱讀的人清楚明白。u003cbru003eu003cbru003e2. Main Description:中間的框框可以加入你目前所寫 howTo 主題的簡單描述,這個區域是u003cstrongu003e必要填寫u003c/strongu003e的,內容會像是「在這個章節會教學如何使用 USB 重灌電腦的必要步驟….」,並非教學步驟或是教學過程。u003cbru003eu003cbru003e3. Duration:則是表示依照你的步驟所需要的時間,預設是關閉且u003cstrongu003e非必要u003c/strongu003e填寫,如果把功能打開,前方框框處可自行輸入中文字,例如: 預估時間、大約時間等字眼,後方框框則表示「天數」、「小時」與「分鐘」。
STEP 3:填入預估花費、耗材、工具與材料

這幾個選項是 Rank Math Pro 以上才有的功能,如果使用免費版可以跳過此步驟,Pro 版本的購買連結可以u003ca href=u0022https://rankmath.com/pricing/?ref=a0917071158u0026amp;campaign=Priceu0022 target=u0022_blanku0022 rel=u0022noreferrer noopener sponsoredu0022u003e點我u003c/au003e前往。u003cbru003eu003cbru003e1. Estimated Cost:這項目可以填入預估的花費,如果沒有額外費用可以填數字 0。u003cbru003e2. Supply:會使用到的耗材,一行一個。u003cbru003e3. Tools:會使用到的工具,一行一個。u003cbru003e4. Material:會使用到的材料。
STEP 4:加入 HowTo 步驟圖片與說明

填入步驟的標題、圖片與說明,下方的「Add New Step」可以增加新的步驟,右方可以隱藏或刪除步驟,這是 HowTo Schema 的最後步驟。
Supply:
- Google 結構化資料
Tools:
- Rank Math SEO 外掛
HowTo Schema 區塊設定
因為 Rank Math 把 HowTo Schema 結構化資料做成區塊的樣式,所以就可以針對這個區塊做一些客製化的調整,在最右方可以找到如下圖設定畫面。

- List Style:常見問題的格式,可以選擇 None(沒有)、Numbered(數字編號)、Unordered(沒有編號)。
- Title Wrapper:可以設定是什麼標題(Heading),預設是 H3。
- Image Size:如果你的常見問題有插入圖片,這邊可以選擇圖片的大小格式。
- Styling Options:可以設定加入客製化的 CSS。
驗證 HowTo Schema 設定結果
當我們在文章中加入 HowTo Schema 且設定完成,可以利用 Google 所提供的「複合式搜尋結果測試」工具來驗證自己的文章是否符合規定,詳細步驟如下。
先預覽你已經完成的文章,按右上角的預覽按鍵。

在預覽網頁按右鍵,並選擇「檢視頁面來源」,瀏覽器不同可能會有點差異,範例是用微軟 Edge 瀏覽器。

之後會跳出分頁並有網頁代碼,請複製所有網頁代碼。

在 Google 複合式搜尋結果測試工具中貼上網頁代碼並查詢。

確認所使用的結構化資料沒有錯誤,預覽也正常,就代表沒問題了。

使用 HowTo Schema 的注意事項
雖然利用 Rank Math SEO 外掛可以很簡單容易的使用 HowTo Schema 結構化資料,但有些注意事項還是必須小心,統整如下:
- 不可以用於廣告的目的,例如推薦購買商品。
- 內容不能包含敏感內容,例如猥褻、不雅用語、煽情露骨內容、暴力圖像、鼓吹危險或不法活動,或是使用仇恨或騷擾言詞。
- 單一文章只能用一個 HowTo Schema 結構化資料。
- 必須包含詳細的步驟,不可填入不屬於步驟的內容。
- 建議加入最終圖片與步驟圖片,且不可以使用同一張圖片。
- 不要把 HowTo Schema 用在食譜教學類的文章,食譜類應該使用食譜結構化資料。
總結
HowTo Schema 也是我蠻常使用的一個結構化資料,如果有撰寫的文章是需要教學步驟,我也都會盡量以 HowTo 來完成,一來可以使步驟更詳細,二來可以提高自己文章的 SEO 流量。
如果你還沒試過 HowTo Schema,雖然不一定要透過 Rank Math SEO 外掛就可以達成,但是 Rank Math 把一些必要填寫的資訊都簡單化,非常適合新手使用,快點跟著本篇教學一起試試看吧!
常見問題
什麼是 HowTo Schema ?
u003ca rel=u0022noreferrer noopeneru0022 href=u0022https://developers.google.com/search/docs/data-types/how-tou0022 target=u0022_blanku0022u003eHowTo schemau003c/au003e 結構化資料的目的就是告知 Google 你的文章內容是一篇教學或是操作說明,可以依照文章內的步驟完成或達成某件事情,同時文章內容可以包含影片、圖片和文字的輔助說明,讓你的文章內容更為豐富與生動。例如「如何打領帶」、「如何綁鞋帶」、「如何重灌電腦」等的主題,就可以使用 HowTo Schema 來呈現
使用 HowTo Schema 的好處?
在你的文章內使用 FAQ Schema 的好處統整如下:u003cbru003e1. 增加文章能見度:在複合式搜尋結果中,可以把顯示的面積變大,也可以顯示更多的文章相關內容。u003cbru003e2. 增加文章的流量:當你能見度提高,就能有一定程度的帶來流量。u003cbru003e3. 能被 u003ca rel=u0022noreferrer noopeneru0022 href=u0022https://developers.google.com/assistant/content/overviewu0022 target=u0022_blanku0022u003eGoogle 語音助理u003c/au003e找到:當你的文章有使用 HowTo Schema,當有人使用 Google 語音助理做語音問問題搜尋,能被搜尋到,增加曝光機率與流量。例如利用 Google 語音助理詢問「如何重灌電腦」,你的相關文章就有機會被搜尋到。
HowTo Schema 內容可以有廣告嗎?
不可以用於廣告的目的,例如推薦購買商品。
HowTo Schema 禁止哪些內容?
內容不能包含敏感內容,例如猥褻、不雅用語、煽情露骨內容、暴力圖像、鼓吹危險或不法活動,或是使用仇恨或騷擾言詞。
一篇文章能有兩個或以上的 HowTo Schema 嗎?
單一文章只能用一個 HowTo Schema 結構化資料
食譜可以用 HowTo Schema 嗎?
雖然食譜也是教學如何製作,也是有步驟,但不能使用 HowTo Schema,食譜類應該使用u003ca rel=u0022noreferrer noopeneru0022 href=u0022https://developers.google.com/search/docs/data-types/recipeu0022 target=u0022_blanku0022u003e食譜結構化資料u003c/au003e。
如何確定 HowTo Schema 有正確加入文章?
可以利用 Google 所提供的「u003ca rel=u0022noreferrer noopeneru0022 href=u0022https://search.google.com/test/rich-resultsu0022 target=u0022_blanku0022u003e複合式搜尋結果測試u003c/au003e」工具來驗證自己的文章是否符合規定。
HowTo Schema 步驟一定要加入圖片嗎?
不是必要,但是非常推薦,可以讓觀看者更清楚。
我可以每個步驟都用同一張圖片嗎?
不可以,這會違反結構化資料的規範。
Rank Math SEO 外掛
Rank Math 成立於2018年,總部設立在印度的新德里,致力於把 WordPress 上的 SEO 相關優化的事情變得簡單且有趣,截至2021/4為止,已經有75萬以上的使用者下載安裝並啟用 Rank Math SEO 外掛
Price: 59
Price Currency: USD
Operating System: WordPress
Application Category: UtilitiesApplication
5
本站不開放任何商務合作,如有任何文章內的問題,請加入「討論社團」進行發問討論。

