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」

 

相關連結:

網路行銷課程~不可或缺的技巧報你知-團結的力量:相似詞用起來!

網路行銷課程~不可或缺的技巧報你知-"KISS原則"喜蝦米??

不懂網路行銷課程的"黑帽"跟"白帽",小心吃虧的是你!

學Python永遠不嫌早!!專家級小小鮮肉AI工程師養成(上)

你學Python了嗎?11歲程式語言網紅厲害到連IBM都注意到他(下)

PTT創世神繼PTT後, 再創造醫療AI人工智慧掀起話題

達內課程先就業再付款- 中時電子報

arrow
arrow
    創作者介紹
    創作者 Uder.chain 的頭像
    Uder.chain

    娶了UI設計師的Python工程師-北歐生活

    Uder.chain 發表在 痞客邦 留言(0) 人氣()