各位同學大家好!今天我們要學習如何利用 Schema.org 的結構化資料,為我們的活動網站加值!你們知道嗎?一個好的活動網站,不只是漂亮就好,更要讓搜尋引擎「看懂」你的網站內容。 想想看,如果你的活動網站沒有明確告訴 Google 你的活動日期、時間和地點,Google 如何在搜尋結果中精準地展現你的活動資訊呢? 這樣會讓許多潛在參與者錯失參與你精彩活動的機會!而 Schema.org 結構化資料,正是解決這個問題的關鍵。它能讓你的網站資訊更易於搜尋引擎理解,提升在搜尋結果中的能見度,讓更多人看見你的活動!
什麼是 Event Schema
Schema.org 是一個協作專案,它提供了一套標準化的語意標記語言,讓網頁開發者可以更清楚地向搜尋引擎說明網頁內容的意義。在 Schema.org 中,Event
是描述活動的關鍵類型。Event
類型下還有許多子類型,例如:MusicEvent
(音樂活動)、BusinessEvent
(商業活動)等等,可以更精確地描述你的活動內容。每個子類型都有其特定的屬性,例如:
name
:活動名稱 (例如:台南秋季音樂祭)startDate
:活動開始日期及時間 (例如:2024-10-26T19:00) 記得使用 ISO 8601 格式!endDate
:活動結束日期及時間 (例如:2024-10-27T22:00)location
:活動地點 (例如:台南市立體育場)eventAttendanceMode
:活動參與模式 (例如:OnlineEventAttendanceMode
或OfflineEventAttendanceMode
) 以下是一個台南音樂節的 JSON-LD 範例:{ "@context": "https://schema.org", "@type": "MusicEvent", "name": "台南秋季音樂祭", "startDate": "2024-10-26T19:00", "endDate": "2024-10-27T22:00", "location": { "@type": "Place", "name": "台南市立體育場", "address": { "@type": "PostalAddress", "streetAddress": "XXX路XXX號", "addressLocality": "台南市", "addressRegion": "台南市", "postalCode": "700" } }, "description": "精彩的音樂表演!" }
規劃活動網站 設計一個友善的活動網站架構很重要,它能幫助你有效地運用 Schema.org。建議的做法是:
- 首頁:簡潔地列出所有即將舉辦的活動,並提供活動名稱、日期和簡短描述,每個活動都連結到其詳細頁面。
- 活動詳情頁:提供活動的詳細資訊,包含時間、地點、票價、參與方式等,在此頁面加入詳細的 Event Schema 標記。 選擇適合的 Schema 子類型,並確保所有資料的一致性,例如日期格式必須使用 ISO 8601 格式 (YYYY-MM-DDTHH:mm)。 這能提升搜尋引擎理解你網頁資訊的效率。 在 WordPress 中實作 Event Schema 在 WordPress 中加入 Schema.org 有幾種方法:
- 使用外掛:Yoast SEO 或 Schema Pro 等外掛能簡化這個過程,讓你更容易在 WordPress 後台設定 Schema 資料。
- 手動添加 JSON-LD:你可以直接將 JSON-LD 程式碼加入你的主題檔案,例如 header.php。 這需要一些程式碼知識,但能提供更精準的控制。
以音樂節活動為例,我們需要標記活動名稱、時間和地點。 使用外掛時,通常只需要填寫對應欄位即可;手動加入時,則需要將 JSON-LD 程式碼放在
<head>
區段。 驗證與測試 完成 Schema 標記後,務必進行驗證和測試: - Google Rich Results Test:這個工具可以幫助你檢查你的 Schema 標記是否正確,並預覽在 Google 搜尋結果中的呈現方式。
- Schema Markup Validator:這個工具也能驗證你的 Schema 標記是否符合標準。
- Google Search Console:提交你的網站地圖,Google 會爬取你的網站,並分析你的 Schema 資料。
如果發現錯誤,例如缺少
startDate
屬性,就要立刻修正。 課堂練習 現在,讓我們實際操作一下!請在你的 WordPress 網站上,為一個活動頁面添加MusicEvent
Schema。 記住使用 GSC 提交頁面,並使用 Rich Results Test 驗證你的標記是否正確。 完成後,請記錄你的測試結果,並和同學分享你的心得。 結語 學會使用 Event Schema 能讓你的活動網站更易於搜尋引擎理解,提升活動的曝光度,吸引更多潛在參與者。 持續學習,嘗試更多 Schema 類型,例如AggregateEvent
(集合活動),並善用 Google Tag Manager 等工具來優化網站,將有助於你進一步提升網站的效能! 希望透過這次課程,你們都能打造出更成功的活動網站!