一點也不難!SEO優化語意標記一點就通(4)RDFa


一點也不難!SEO優化語意標記一點就通(4)RDFa

終於過了SEO優化的語意標記這一關!原來也沒想像中的難嘛!謝謝達內整理的各種重點啦!


什麼是RDFa?

HTML5教學的 RDFa SEO優化方法 (Resource Description Framework in Attributes,屬性資源描述架構) 也是用來描述結構化資料的方式。

SEO優化所使用的語法跟微數據很像,用 vocab 來指定 Schema.org;typeof 指定類型;property 指定屬性。

RDFa的例子與語法

RDFa 表示法的樣子如下:

<div vocab="http://schema.org" typeof="Person">
<span property="givenName">John<span>
<span property="familyName">Smith<span>
<span property="gender">male<span>


上例HTML5教學的內容是用來表示:名字為「John」、姓氏為 「Smith」、性別為 「男」

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

<div itemscope itemtype="https://schema.org/Person">
<h1 itemprop="givenName">John<h1>
<h1 itemprop="familyName">Smith<h1>
<span itemprop="gender">male<h1>
</div>




相關連結:

一點也不難!SEO優化語意標記一點就通(1)Schema

一點也不難!SEO優化語意標記一點就通(2)Microdata

一點也不難!SEO優化語意標記一點就通(3)JSON-LD

想要讓自己的網站讓人耳目一新?絕不能錯過HTML5教學!

雅婷跟Python也有關係!?

Python課程也能教你煮咖啡?在家享用頂級咖啡師煮的咖啡不是夢~

人人都能是工程師!台灣 IT 培訓中心推「找到工作再付學費」專案,要試試嗎?

這個網誌中的熱門文章

前端工程師設定CSS背景的五種方法(一)背景固定模式設定

前端工程師設定CSS背景的五種方法(五)設定背景顏色

前端工程師入門HTML5就靠這些撇步!(8上)製作拖曳元素