結構化資料(上)-簡介 - 歐斯瑞

哪些網頁適用結構化資料. 那有什麼可以作標記呢? 根據Schema.org為以下幾項：. 文章; 活動; 當地商家; 電影; 商品(電子商務網頁可以特別注意）; 餐廳; 軟體感用程式 ... RecentPosts 前端開發：使用@supports來檢查瀏覽器支援性 前端開發：解決sliderjs垂直滑動時出現的高度問題 Magento2開發–設置排程群組 前端開發：解決SASS的禁用警告“Using/fordivisionisdeprecatedandwillberemovedinDartSass2.0.0.“ 前端開發：讓你的Bootstrap4下拉選單支援多層次選單 文章分類 Shopify Magento Magento2開源版 Magento2商業版 電子商務 Zendesk Mailchimp Akeneo PIM Oracle 網站技術與設計 Adobe教學 前端開發 後端開發 網站測試 Wordpress 行銷與實用好文 最新動向 文章彙整文章彙整 SelectMonth May2022 (7) April2022 (5) March2022 (12) February2022 (4) January2022 (1) December2021 (6) November2021 (1) October2021 (7) September2021 (7) August2021 (11) July2021 (7) June2021 (14) May2021 (11) April2021 (6) March2021 (6) February2021 (12) January2021 (8) December2020 (13) November2020 (7) October2020 (15) September2020 (7) August2020 (14) July2020 (2) June2020 (17) May2020 (14) April2020 (17) March2020 (21) February2020 (4) January2020 (2) December2019 (4) November2019 (3) October2019 (7) September2019 (11) August2019 (13) July2019 (2) June2019 (10) May2019 (14) April2019 (11) March2019 (8) February2019 (9) January2019 (14) December2018 (16) November2018 (20) October2018 (22) September2018 (30) August2018 (22) July2018 (36) June2018 (24) May2018 (21) April2018 (12) March2018 (32) February2018 (15) January2018 (15) December2017 (39) November2017 (15) October2017 (13) September2017 (13) August2017 (14) July2017 (4) June2017 (16) May2017 (15) April2017 (9) March2017 (7) February2017 (6) January2017 (12) December2016 (14) November2016 (6) October2016 (12) September2016 (11) August2016 (18) July2016 (12) June2016 (16) May2016 (9) April2016 (10) March2016 (15) February2016 (14) January2016 (18) December2015 (21) November2015 (32) October2015 (24) September2015 (28) August2015 (25) July2015 (26) June2015 (23) May2015 (15) April2015 (18) March2015 (16) February2015 (21) January2015 (17) December2014 (22) November2014 (20) October2014 (15) September2014 (13) August2014 (11) July2014 (12) June2014 (9) May2014 (10) April2014 (11) March2014 (6) January2014 (1) November2013 (5) October2013 (2) 關於歐斯瑞 Back 工作機會 Magento Back Magento解決方案 Back Magento服務 MagentoOpenSource MagentoCommerce MagentoCommerceCloud MagentoOMS MagentoXMiraklB2B2C商城 MagentoforB2B/B2E Magento內部系統串接 Back ERP管理系統整合  PIM商品管理系統整合 POS系統整合 CRM客戶管理系統整合 Magento外部系統串接 Back 各國金流系統 第三方客服系統 Magento健檢中心 Back Magento1升級Magento2 Magento維運服務 MagentoforHeadless&PWA Back MagentoforHeadless&PWA Shopify 企業電商顧問 Back 電商轉換率分析CRO 網站速度優化 AWS主機伺服器建置維運服務 成功經驗 Back 客戶成功案例 客戶回饋 新知分享 Back Magento Shopify 聯絡我們 結構化資料(上)–簡介ByAstralWeb4yearsagoNoComments首頁 / 網站技術與設計 / 後端開發 / 結構化資料(上)–簡介 什麼是結構化資料 Google的官方定義： 「如果Google能識別您網頁的標記，即可根據這項資訊在您的搜尋結果中加入複合式摘要和其他實用內容。

舉例來說，某家餐廳的搜尋摘要可能會顯示顧客的平均評價和大致的價位。

您可以使用schema.org詞彙和格式將結構化資料加入您的網頁(例如微資料和RDF)。

」 簡單來說，我們透過結構資料化標記，讓搜尋引擎瞭解你網頁想要表達的內容。

當我們透過搜尋引擎尋找資料，搜尋結果列表出來的資訊會盡量貼近符合搜尋的關鍵字，而搜尋引擎又是靠什麼資訊去歸類排序網際網路廣大多元的資訊呢？其中最主要的歸類方向便是「網頁結構化資料」，網頁結構化資料簡單來說就是網頁最基礎的編輯資訊，也是我們在搜尋排名常看見的網站說明資訊，這些說明資訊不僅提供了搜尋者閱讀查證資料是否符合之外，更提供了搜尋引擎進行歸類排序等用途。

在做結構化資料一定要瞭解Schema.org是什麼?？Schema.org是推動網頁製作標示語言的組織，這些標示標準可以讓原本無法自動資料交換的網頁變成可能，也因為這些標示標準可以更方便的了解網頁內容，所以各個搜尋引擎Google、Bing、Yahoo都一致的支援這些標準，既然這些搜尋引擎都支援，想當然爾這些標準就是很重要的標準。

爲何要做結構化資料 讓Google搜尋引擎或其他機器能夠更準確的判斷你提供的資訊，並在有需求的使用者搜尋時，以更直覺的方式呈現給他們。

哪些網頁適用結構化資料 那有什麼可以作標記呢?根據Schema.org為以下幾項： 文章 活動 當地商家 電影 商品(電子商務網頁可以特別注意） 餐廳 軟體感用程式 電視劇集 如何作結構化資料標記 Microformats:漸漸非主流，架構在XMTML標準上且使用CSS的class來標記內容 RDFa:是由W3C所制訂推薦的標籤格式，同樣支援HTML5，可以擴充(X)HTML的屬性，也是較為主流的標籤格式。

OpenGraph: 是Facebook制定的HTMLMeta標籤格式，主要提供網頁的標題、縮圖、描述等資訊，Facebook也藉由讀取其中的資訊將網頁內容摘要的型態轉載應用，也陸續有許多網路平台將其加入支援，因此是近年來較為重要必須的標籤格式。

Microdata:可以應用在HTML5的常見技術，主要提供搜尋引擎查證、解析、收錄，因為受到各家搜尋引擎公司認同，因此Yahoo、Google、Bing等公司，一同合作規範MicroData的標準格式Schema.org，是較為主流的標籤格式。

由於Microdata的規範會不斷更改，隔一陣子可能就要調整Microdata結構化資料的寫法，否則測試工具又要看到錯誤訊息了。

同時範本中各處佈滿了itemprop屬性，日後很不方便維護，程式碼也非常雜亂。

JSON-LD:是以JavaScript語法為基礎，可由原有的JSON格式解析外嵌型的標記方式，結構較為簡易好維護，可與MicroData共通Schema.org格式，逐漸有許多主流搜尋企業推崇，是未來可能取代其他格式的趨勢標籤格式。

資料結構化後的查找範例 之後我們會再介紹如何在不會寫Code的情況下也能夠做結構化資料，看更多的電商知識，別忘幫我們的Facebook粉絲專頁按讚，以及訂閱歐斯瑞電子報唷！ 相關文章：結構化資料(下)–不會寫code也可以做結構化資料   RecentPosts 前端開發：使用@supports來檢查瀏覽器支援性 前端開發：解決sliderjs垂直滑動時出現的高度問題 Magento2開發–設置排程群組 前端開發：解決SASS的禁用警告“Using/fordivisionisdeprecatedandwillberemovedinDartSass2.0.0.“ 前端開發：讓你的Bootstrap4下拉選單支援多層次選單 文章分類 Shopify Magento Magento2開源版 Magento2商業版 電子商務 Zendesk Mailchimp Akeneo PIM Oracle 網站技術與設計 Adobe教學 前端開發 後端開發 網站測試 Wordpress 行銷與實用好文 最新動向 文章彙整文章彙整 SelectMonth May2022 (7) April2022 (5) March2022 (12) February2022 (4) January2022 (1) December2021 (6) November2021 (1) October2021 (7) September2021 (7) August2021 (11) July2021 (7) June2021 (14) May2021 (11) April2021 (6) March2021 (6) February2021 (12) January2021 (8) December2020 (13) November2020 (7) October2020 (15) September2020 (7) August2020 (14) July2020 (2) June2020 (17) May2020 (14) April2020 (17) March2020 (21) February2020 (4) January2020 (2) December2019 (4) November2019 (3) October2019 (7) September2019 (11) August2019 (13) July2019 (2) June2019 (10) May2019 (14) April2019 (11) March2019 (8) February2019 (9) January2019 (14) December2018 (16) November2018 (20) October2018 (22) September2018 (30) August2018 (22) July2018 (36) June2018 (24) May2018 (21) April2018 (12) March2018 (32) February2018 (15) January2018 (15) December2017 (39) November2017 (15) October2017 (13) September2017 (13) August2017 (14) July2017 (4) June2017 (16) May2017 (15) April2017 (9) March2017 (7) February2017 (6) January2017 (12) December2016 (14) November2016 (6) October2016 (12) September2016 (11) August2016 (18) July2016 (12) June2016 (16) May2016 (9) April2016 (10) March2016 (15) February2016 (14) January2016 (18) December2015 (21) November2015 (32) October2015 (24) September2015 (28) August2015 (25) July2015 (26) June2015 (23) May2015 (15) April2015 (18) March2015 (16) February2015 (21) January2015 (17) December2014 (22) November2014 (20) October2014 (15) September2014 (13) August2014 (11) July2014 (12) June2014 (9) May2014 (10) April2014 (11) March2014 (6) January2014 (1) November2013 (5) October2013 (2)  00000 歐斯瑞-一個對網路世界充滿熱情的團隊 歐斯瑞提供免費電商知識，並協助各大類型之企業 電商諮詢建置與 Magento和 Shopify相關的電商專案。

立即聯繫我們 上一篇文章如何快速了解網站內各選項點擊率？實用小工具「PageAnalytics」下一篇文章Photoshop教學【冷門工具】計算工具推薦文章前端開發：使用@supports來檢查瀏覽器支援性2022-05-26 0前端開發：解決sliderjs垂直滑動時出現的高度問題2022-05-24 0Magento2開發–設置排程群組2022-05-20 0前端開發：解決SASS的禁用警告“Using/fordivisionisdeprecatedandwillberemovedinDartSass2.0.0.“2022-05-20 0Categories:  後端開發網站技術與設計行銷與實用好文Tags:  網站優化,後端開發,網站技術與設計 留下回應取消回覆 你的電子郵件地址不會被公開.姓名* 電子郵件* 網站 維運服務