如何將文章架構標記添加到博客文章

Schema 是一種用於幫助搜索引擎了解您網站內容的語言。 了解有哪些類型的架構，以及如何添加它們以使您的網站獲得最佳展示機會。

當搜索引擎抓取您網站的頁面時，他們試圖了解每個頁面的內容。 這是為了將它們編入索引，並在訪問者搜索相關內容時將其提供給訪問者。 為此，他們需要了解您網站上的所有 HTML 代碼。 根據您網站的構建方式，這對他們來說可能容易也可能不容易。

Schema（也稱為結構化數據、豐富片段或微數據）是一種被搜索引擎普遍理解的語言，非常容易理解。 本質上，模式以非常簡單的方式告訴搜索引擎您的網站或特定頁面的內容。

為什麼要在博客文章中添加文章架構？

如果您正在編寫出色的內容，那麼您希望搜索引擎能夠輕鬆理解它是理所當然的：輸入模式，這是一種旨在使您的內容更易於理解的語言。

此外，在 2016 年 3 月左右，結構化數據被添加到 Google 的排名因素算法中。 因此，將它放在您的頁面上可以幫助您提高長尾博客文章的排名，從而有助於您的內容營銷策略和整體數字營銷目標。

此外，如果您閱讀我們的博客或任何其他數字營銷新聞，您就會知道 Accelerated Mobile Pages (AMP) 一直是博客和發佈網站的重要話題。 它們的高級功能在很大程度上依賴於結構化數據。 掌握更簡單的類型，如 BlogPosting 模式，是幫助您為此做好準備的可靠方法。

最後，如果您需要更有說服力，在您網站的新聞、博客文章或文章中使用結構化數據可以增強您網站在搜索引擎中的外觀。 它可能允許您出現在頭條新聞輪播中（但是，請記住，Google 不能保證這一點，因為他們似乎現在將 AMP 頁面放在首位）。

我可以添加哪些類型的文章架構？

可以添加多種類型的文章模式：NewsArticle 或 BlogPosting 是最常見的。 對於大多數企業（除非您報導新聞），我建議使用 BlogPosting 架構，因為它更具體地針對文章的內容。 您對架構的了解越具體，搜索引擎就越容易完全了解您的網站。 因此，為了清楚起見，我將使用 BlogPosting 模式作為示例。

如何添加博客發布架構

如今，許多 CMS 會自動添加它，或者至少與這樣做的插件兼容。 例如，用於 WordPress 的 Yoast、用於 Magento 的 Amasty 等——您只需要找到與您的站點兼容的那個，並確保它不會干擾其他插件或站點速度。 這也非常方便，因為這意味著您撰寫的每篇博客文章都將動態插入 BlogPosting 架構 - 您無需將其添加到每篇文章中。

對於使用定制 CMS 構建的網站，只需詢問您的開發人員他們如何添加它。 他們很可能需要通過將其硬編碼到頁面上來做到這一點 - 但如果他們可以構建支持架構的頁面模板，那將是最好的。 在此博客中進一步了解他們需要插入到頁面中的內容。

如果您無法獲得動態插入的插件，並且您的開發人員無法將其硬編碼到網站上，那麼最後的方法是通過 Google 標籤管理器添加它。 這是最後的手段，因為只有谷歌才能看到代碼——而且 GTM 有時會喜怒無常，所以它並不理想。

此方法不需要您實際更改站點上的代碼。 為了添加文章架構，作為企業，您需要已經在您的站點上擁有組織架構。 要進行設置，請查看我上個月寫的一篇博客文章，其中包含分步指南 - 再次記住，插件和硬編碼是更好的選擇。

與向站點添加組織架構類似，要添加文章架構，您需要創建觸發器和自定義 HTML 標記。 除了這一次，您不希望觸發器針對“所有頁面”，而是希望它針對特定的博客文章 URL。 例如，要將 BlogPosting 架構添加到我客戶的博客文章之一：http://applefostering.co.uk/skills-foster/ 我在標籤管理器中設置了一個觸發器，如下所示：

設置觸發器後，您需要創建實際標籤。 與組織架構一樣，它是一個自定義 HTML 標記，您需要在其中添加以下內容（顯然已將字段替換為您自己的公司和文章詳細信息）：

<腳本類型=”應用程序/ld+json”>
{
“@context”: “http://schema.org”,
“@type”：“博客”，
“mainEntityOfPage”：{
“@type”:”網頁”,
“@id”：“http://applefostering.co.uk/skills-foster/”
},
“標題”：“培養的技能”，
“圖像”： {
“@type”：“圖像對象”，
“網址”：“http://applefostering.co.uk/wp-content/uploads/family.jpg”，
“高度”：463，
“寬度”：700
},
“發布日期”：“2016-02-12”，
“日期修改”：“2016-02-12”，
“作者”： {
“@type”：“人”，
“name”：“人名”
},
“出版商”：{
“@type”: “組織”,
“名稱”：“蘋果培育”，
“商標”： {
“@type”：“圖像對象”，
“網址”：“http://applefostering.co.uk/apple-logo-schema/”,
“寬度”：550，
“高度”：60
}
},
“描述”：“您文章的簡要描述”，
“articleBody”：“你可以把整篇文章都放在這裡：你想放多久就放多久。”
}
</腳本>

要記住的一些事情：

• 博文圖片的寬度必須至少為 700 像素
• 在發布者部分，您的企業徽標必須為 550 像素寬 x 60 像素高（常規組織架構中不是這種情況 - 僅當您將其添加到文章架構中時）

如果您不遵守這些規則，模式將無法工作——這令人沮喪，因為我花了很長時間才真正在網上找到這些說明。

將該代碼添加到您的自定義 HTML 標記後，將其應用於您之前創建的特定於頁面的觸發器。 和我之前的帖子一樣，使用預覽和調試模式來檢查它是否在頁面上被觸發。 如果不是，請重新開始。 如果是，請發布您的更改並在結構化數據測試工具中測試架構。

對於那些每天更新博客的人來說，可以告訴 Google 標籤管理器動態生成它或獲取一個插件來這樣做。 我主要向擁有大量博客文章（例如每日更新）的網站推薦此功能。

尋找更多提高網站知名度的方法

如果您需要 SEO 方面的幫助，請隨時與我們聯繫。