輕鬆了解「結構化資料」對於 SEO 優化超加分!

SEO

輕鬆了解「結構化資料」對於SEO優化超加分!

優化SEO其實有很多方向,針對文章關鍵字、文章架構、反向連結等等都有很多方式可以進行,但如果針對網路爬蟲,是否有更直接的優化方式呢?答案是有的,但必須要先來了解一下基本的網站架構,這樣才能用力道更強的方式直接顯示給網路爬蟲,增加優化的機率。

所以接下來的內容將會先介紹結構化資料,再來教學如何一步步實際操作。

「結構化資料」是什麼?

首先需要先定義「結構化資料」這個名詞的意義,指的是以明確的結構和格式組織的資料。這種類型的資料通常容易被機器理解和處理,因為它們遵循固定的模式或結構,例如表格、數據庫或文件。這使得結構化資料容易進行存儲、檢索和分析。

舉例來說,在考試時用選擇題作答就很像結構化資料,因為回答的方式十分統一(只會有數字),但用申論題的話,大家雖然被問的問題相同,但回答的方式有可能很簡短,也有可能會分段描述,這樣的概念就比較像半結構化、非結構化資料。

兩者最大的區別就是,回答的內容是否易於辨識。

結構化資料和網路爬蟲的關係

當網路上的爬蟲在進行資料收集時,結構化資料將助於他們分析數據和理解,以下為結構化資料對網路爬蟲的幫助:

定位資料

結構化資料有明確的結構和標籤,這使得網路爬蟲能夠更容易地定位和識別網頁上的各種資訊,例如標題、內容、日期等。

提高準確性

當網頁的資訊以結構化的形式呈現時,爬蟲可以更精確地定位和提取所需的數據,減少錯誤和混淆。

提取特定資訊

結構化資料使網路爬蟲能夠針對特定的資訊進行定向提取,而不僅僅是尋找文本或標籤。這對於提取特定屬性的資料非常有用,例如價格、評論數等。

加速處理

當資料結構清晰時,網路爬蟲處理資料的效率更高。它可以直接導入結構化資料庫,而不需要額外的清理和轉換步驟。

總之,結構化資料有助於提高網路爬蟲的效能和準確性,使其更有效地處理和理解網頁內容。這對於從網路上擷取資訊並進行後續分析的應用非常關鍵。

誰制定了「標準格式化」的規則?

結構化資料透過「標準格式化」的處理,引發了對制定這一標準的提問。在SEO領域中,Schema.org成為不可忽視的角色。

Schema.org是由Google、Microsoft、Yahoo和Yandex聯手推出,扮演著結構化標記的規範紀錄者。
Schema.org的成立不僅僅對網站工程師具有利,同時也為搜尋引擎和使用者提供了實質幫助。欲了解與SEO相關的結構化資料格式範本,一切都可以在Schema.org找到答案。這個標準的制定者不僅是SEO領域的指南,更是在線上環境中建立統一資料結構的關鍵推動者。

結構化資料的種類

因應現在於網路上露出的資訊非常多樣,因此也有針對不同屬性的資訊,有不同的結構化資料需要填寫。 參考Google官方說明文件,目前結構化資料有大約34種,以下的表格可以讓大家了解,並可以點擊進連結: 探索 Search Gallery 確認若設定完結構化資料後呈現的樣式。

結構化資料類型有以下34種
文章(Article) 當地商家
書籍(Book) 數學解題工具
輪轉頁面(輪播、連續清單、圖片庫) 電影資訊輪播(Movie)
課程(Course) 預估薪酬
資料集(Dataset) Podcast
雇主評分(EmployerAggregateRating) 練習題(Practice problem)
活動(Event) 產品資訊(Product)
事實查核 問與答
常見問題(FAQ) 食譜(Recipe)
居家活動 評論摘錄
教學步驟(How-to) 網站連結搜尋框
圖片授權 軟體應用程式
求職資訊(JobPosting) 語音助理(Speakable)
職業訓練 (Beta 版) 訂閱和付費牆內容
軟體應用程式(Beta 版) 影片(Video)

設定結構化資料的好處

以上的段落在說明結構化資料的種類有非常多種,也因應不同的設定,在網路上的展現也將有不同的顯示樣貌。設定結構化資料的好處,除了因應看不見的網路爬蟲方便搜集資訊以外,其實也因在網站上展現的不同樣貌,並展現了更多豐富內容,可以大幅吸引使用者點選,增加曝光效果。 以下為設定結構化資料的對比圖:

對比圖可以了解在設定結構化資料後,可以說是一舉兩得,除了讓爬蟲有清晰的資訊可以進行比對外,對於使用者來說可以看到更多額外資訊,對比其他一併出現的搜尋項目,可以更吸引眼球、抓住目光,增加點擊率!

淺談設定結構化資料方式

了解了結構化資料的重要性後,我們可以將設定結構化資料拆分成三個步驟:

1.選定需結構化資料的類型(可參考前面提到的34種結構化資料類型)

2.選定結構化資料的語言版本(三者擇一)

  • JSON-LD
  • Microdata
  • RDFa

3.對應設定完畢的語言版本,嵌回對應的網站程式區塊

針對第二點提到的語言版本,做些基礎的介紹:

JSON-LD

  • 語法: JSON-LD 使用 JSON 格式,這使得它相對容易閱讀和理解。
  • 應用: 常用於嵌入在HTML文檔的 〈 script 〉 標籤中,但也可以嵌入在頁面的 〈 head 〉 部分。

Microdata

  • 語法: Microdata 使用 HTML5 的擴充屬性,直接嵌入在 HTML 標記中。
  • 應用: 將結構化資訊嵌入到HTML標記中,通常在HTML的〈 body 〉部分。

RDFa

  • 語法: RDFa(Resource Description Framework in Attributes)同樣使用 HTML5 屬性,允許在 HTML 標記中嵌入 RDF 三元組。
  • 應用: 將結構化資訊嵌入到 HTML 中,通常在 HTML 的〈 head 〉部分。

總而言之,以上三種語言版本都支援結構化資料,最大的差別在於嵌入程式的位置不同而已,設定的方式大同小異,用最簡單的方式來描述就是:按照表格填空。

實際操作設定結構化資料

對於無法自行撰寫程式語言的SEO人,該怎麼操作結構化資料標記呢?首先,若你使用外部內容管理平台(CMS),如Wordpress,很可能有許多外掛軟件能夠幫助你快速建立結構化資料。

如果你的網站不支援結構化資料外掛軟件,推薦使用Google提供的結構化資料標記協助工具

這項工具支援基本的14種結構化資料類型,包含問與答、文章、活動、當地商家、產品、電影、餐廳等等,而且操作步驟簡單。 以下為用官網的文章來做示範步驟圖,一起來試試看吧!語言版本我們以JSON-LD 來做示範。

步驟1:

選擇設定結構化資料的網址或電子郵件HTML資料類型、填入網址,按下「開始標記」

步驟2:

對應右側欄位,將網站內容按左鍵選取後按右鍵,可以選擇需設定欄位

步驟3:

對應右側視窗,可以看見於「名稱」欄位已填入剛剛選取的內容「新光紡織股份有限公司」

步驟4:

盡可能標記完所有項目後,按下右上方紅色按鈕「建立HTML」

步驟5:

將產出的html嵌回此網站的html中。但請注意,不同的語法將嵌入不同的位置,此示範因為是用JSON-LD,因此是嵌回 〈 script 〉 標籤中,但也可以嵌入在頁面的〈 head 〉部分。

步驟6:

完成後,可以使用結構化測試工具 Google Search Console 來把網址貼上,再次確認是否有符合結構化資料的規範。更重要的是,如果想查看競爭對手的網頁是如何操作,也可以把對方的網址貼上來,但提醒一下,需要是公開的網址才能查看唷。

結構化資料的提醒

結構化資料在乍看之下牽涉到程式碼,可能對於一些新手來說會有些嚇人,但其實仔細觀察操作步驟,以及利用上方的連結工具,會發現其實在標記結構化資料其實比想像中簡單。

不過雖然做這些結構化的資料是希望可以增進SEO的優化,不過還是要再次提醒,我們的操作雖然能夠傳遞給Google友善的訊號,但最終決定權還是在Google手上。

使用結構化資料會「啟用」相關功能,但Google依然會考量使用者搜尋意圖、搜尋紀錄、所在位置和裝置類型,來提供使用者最佳的搜尋體驗。

相信看完以上的介紹,對於結構化資料已經有基本的認識,以及了解如何在自己的網站上標記和操作。

希望以上的操作流程有幫助到您,一起來試試看吧!

文章編輯

文章編輯:Zoey Chou

圖文編輯:Amy S Chou

推薦文章

  • 網站配色技巧不藏私!

    網站的風格百百種,如何讓人一進入網站就理解操作介面,配色的技巧實在是非常重要的一環,隱藏著許多色彩學的秘密。

    網站設計

  • 教你提升網站轉換率的秘訣

    想知道轉換率會被什麼而影響嗎?應該要如何去規劃呢?本篇文章將帶看提升網站轉換率的秘訣!

    網站設計

如果您喜歡我們的文章,歡迎分享! 有相關問題也歡迎與我們聯繫