一點也不難!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 培訓中心推「找到工作再付學費」專案,要試試嗎?
終於過了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 培訓中心推「找到工作再付學費」專案,要試試嗎?