一點也不難!SEO優化語意標記一點就通(3)JSON-LD
我的SEO優化之路一點也不難走!今天又學到了一個跟微數據很像的語意標記,分享給大家!
什麼是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」
相關連結:
網路行銷課程-身為SEO不可不知(上)
網路行銷課程-身為SEO不可不知(中)
網路行銷課程-身為SEO不可不知(下)
8億人將失業?沒時間嚇到吃手手了!快報名Python課程卡安心
哈佛公布全球前十大AI人工智慧企業領導人,百度第三!! 誰是冠軍?
部落客必學的HTML5教學法寶一-免費網頁編輯器!
達內教育開幕 培養台灣IT人才進入全球企業
我的SEO優化之路一點也不難走!今天又學到了一個跟微數據很像的語意標記,分享給大家!
什麼是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」
相關連結:
網路行銷課程-身為SEO不可不知(上)
網路行銷課程-身為SEO不可不知(中)
網路行銷課程-身為SEO不可不知(下)
8億人將失業?沒時間嚇到吃手手了!快報名Python課程卡安心
哈佛公布全球前十大AI人工智慧企業領導人,百度第三!! 誰是冠軍?
部落客必學的HTML5教學法寶一-免費網頁編輯器!
達內教育開幕 培養台灣IT人才進入全球企業