@type: article, 什麼意思?

`"@type": "article"` 是schema結構化數據的核心聲明,它的意思是:

“這個網頁的主要內容是一篇文章(Article)。”

地球儀.jpg

 更詳細的解釋:

1.  `@type`:這是一個“類型”標識符,來源於 Schema.org 這個全球通用的分類詞匯表。它用來定義你正在描述的事物是什麼“類型”。

2.  `article`:這是 `@type` 的具體取值,特指 文章 這種內容類型。它適用於網誌、新聞報道、教程、技術分析等以文字為主的獨立內容。

 告訴搜尋引擎後有什麼用?

當搜尋引擎(如 Google)看到 `"@type": "article"` 時,它會明白:

  內容性質:這不是一個產品頁面、一個活動頁面或一個公司主頁,而是一篇可以閱讀的文章。

  應該提取哪些信息:既然是文章,搜尋引擎就會格外關註並可能展示與之相關的特定信息,例如:

  `headline` (標題):文章的主標題。
      `author` (作者):誰寫了這篇文章。
      `datePublished` / `dateModified` (發布時間/修改時間):這對於新聞或時效性強的文章非常重要,搜尋引擎可能會在結果中顯示“2天前發布”。
      `image` (配圖):文章的代表性圖片。
      `description` (摘要):文章內容的簡要概括。

  可能獲得特殊展示:在搜尋結果中,一篇被明確定義為 `article` 的內容,可能會以更豐富的格式展現,比如顯示日期、作者,或者在“焦點新聞”等板塊中獲得曝光機會。

 其他常見的 `@type` 例子:

`"@type": "Product"`:表示這是一個產品頁面,搜尋引擎會期待看到價格、評論、庫存狀態等信息。
  `"@type": "LocalBusiness"`:表示這是一個本地商家頁面,會期待看到地址、電話、營業時間。
  `"@type": "Event"`:表示這是一個活動頁面,會期待看到活動開始時間、地點、票價。
  `"@type": "Recipe"`:表示這是一個菜譜,會期待看到烹飪時間、食材、制作步驟。

 簡單比喻:

就像給一個文件貼標簽。

  你貼一個 `文章` 標簽,別人就知道裏面是文字內容,會去關註作者和日期。

  你貼一個 `產品手冊` 標簽,別人就知道裏面是商品介紹,會去關註價格和型號。

  你貼一個 `活動海報` 標簽,別人就知道裏面是活動信息,會去關註時間和地點。

`"@type": "article"` 就是給這個網頁貼上了 “文章” 這個標簽,讓搜尋引擎這個“別人”能快速、準確地理解它。

分享給朋友:

“@type: article, 什麼意思?” 的相關文章

mark元素使用紅色代表及例子

mark元素使用紅色代表及例子

在 HTML 中,<mark> 元素用於標記或突出顯示文本中的重要或關鍵內容。為了提高用戶瀏覽體驗,這些文本內容通常被渲染成鮮艷的紅色,因為紅色是視覺上最吸引人的顏色之一。 舉個例子,在一篇文章中,我們可能會用 <mark> 標記來標記一段關鍵文字,如下所示:<p>這篇文章將會介紹如何使用 <mark>CSS</mark> 實現代碼高亮顯示。</p >在這個例子中,我們使用 <mark> 標記來突出顯示關鍵詞 "CSS",這使得讀者可以更容易地識別出本文的主題和關鍵內容。…

meter元素顏色,可以使用CSS樣式來設置顏色

meter元素顏色,可以使用CSS樣式來設置顏色

meter元素可以用於表示已知範圍內的度量值,可以使用CSS樣式來設置顏色。具體來說,可以使用 <code>::-webkit-meter-optimum-value, ::-moz-meter-bar, ::-webkit-meter-bar</code> 偽元素來設置顏色。下面的例子中,我們將 <code>meter</code>。上述代碼中,當 <code>meter</code> 元素的值在80時,最優值(optimum)的顏色為綠色;當值落在0~80之間時,表格的顏色為灰色。可以按照自己的需求設置這些顏色值。…

一個簡單的 HTML5 導航菜單的示例代碼

一個簡單的 HTML5 導航菜單的示例代碼

以下是一個簡單的 HTML5 導航菜單的示例代碼,這個導航菜單使用了 HTML5 中的 `nav` 標簽來包裝整個菜單,使用了 Flex 布局來對菜單進行布局和對齊,同時也設置了一些簡單的樣式來美化菜單。…

一個簡單的html大海日出特效的代碼

一個簡單的html大海日出特效的代碼

以下是一個簡單的html大海日出特效的代碼:1. 使用html和css定義了一個大海和太陽的基本樣式;2. 使用animation讓太陽從初始位置向上升起,並且設置好其動畫屬性;3. 設置大海背景漸變和水面的動畫效果。…

doctype html的作用及代碼例子

doctype html的作用及代碼例子

在 HTML5 中,`<!doctype html>` 是一個非常簡單的聲明,因為已經沒有了其他HTML標準版本或者XML文檔類型定義的支持。此外,這個文檔類型聲明也非常簡短,易於理解和記憶。關於 `<!doctype html>` 的作用:1. 瀏覽器使用指定的文檔類型來解釋HTML文檔,確保瀏覽器正確地渲染頁面;2. 確定HTML文檔使用哪種HTML版本或者是XML文檔類型定義(DTD),以幫助有效解析頁面;3. 將文檔標識為符合 XHTML 規範還是非 XHTML 規範的HTML文檔。…

類的三種訪問權限代碼例子

類的三種訪問權限代碼例子

在大多數的面向對象編程語言中,類的訪問權限通常分為以下三種:1. Public(公有) Public指的是類的成員對所有其他的類和對象都是可見的,可以被其他類和對象隨意調用。這種訪問權限最為開放,常用於表示類的主要功能或核心業務。2. Protected(保護) Protected指的是類的成員僅對自身和其子類可見,其他類或對象無法直接訪問。3. Private(私有) Private指的是類的成員僅對自身可見,即其他對象無法訪問和修改。…