close

「HTML5教學」的圖片搜尋結果

新一格式的HTML5教學,教你新的格式學習,讓你的網頁更容易被搜尋及點擊!

JSON-LD的格式

 

什麼是JSON-LD?

HTML5教學 中的 SEO優化 JSON (JavaScript Object Notation) 原本適用在 Javascript 語言內的一種物件表示法
JSON-LD (JavaScript Object Notation-Linked Data)顧名思義,就是把資料套用 JSON 的格式放在網頁上, 讓搜尋引擎了解網頁內容的語意格式。

JSON-LD的
例子與語法

JSON 表示法的樣子如下:
 

{

"firstName": "John",

"lastName": "Smith",

"sex": "male",

}

上例用來表示:名字為「John」、姓氏為 「Smith」、性別為 「男」

以上HTML5教學語法若搭配上各種 keyword (如下例的 "@context" 與 "@type" ) 與 term (如下例的 "givenName"、"gender" 與 "familyName"等屬性 ) 之後, 就形成SEO優化功能跟微數據一樣的語意標記了。

 

<script type="application/ld+json"> {

"@context": "http://schema.org",

"@type": "Person",

"givenName": "John",

"familyName": "Smith",

"gender": "male",

}</script>


其實跟下面的微數據意思是一樣的:
 

<div itemscope itemtype="https://schema.org/Person">

<h1 itemprop="givenName">John<h1>
<h1 itemprop="familyName">Smith<h1>

<span itemprop="gender">male<h1>

</div>


要注意的是 JSON-LD 大小寫要分明, 例如 keyword 的「@context」 不能寫成「@Contest」;「@type」 不能寫成「@Type」

 推薦閱讀

達內時代科技教育集團簡介

搶救低薪大作戰,再不來上Java課程就來不及了!

美國NASDAQ上市公司、外商IT教育培訓企業

輕鬆學HTML5教學裡的標籤

HTML5教學之靈活運用網頁設計

HTML5教學之標籤的重要性-網頁設計更上手的小秘密

Python課程新趣知:中國惹谷歌不開心,腰斬飛龍計畫(下)

arrow
arrow
    創作者介紹
    創作者 uidesignxiaoshow 的頭像
    uidesignxiaoshow

    生活必備咖啡因程式碼-店長Yui大小事

    uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()