SEO優化人員必學Schema技巧(四):怎麼表示結構化資料?

SEO優化人員必學Schema技巧(四):怎麼表示結構化資料?
SEO優化人員必學Schema技巧(四):怎麼表示結構化資料?

SEO優化人員必學Schema技巧最終篇!! 這篇要來和大家分享怎麼樣表示結構化資料!! 還沒過新的語法格式的你趕快筆記吧!!

什麼是RDFa?

HTML5教學的RDFaSEO優化方法 (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>

 

其他閱讀

14歲就成為IBM工程師!! Python是主要成功的原因? (上)

 

最適合台灣人的人工智慧語音辨識APP—-雅婷逐字稿!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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

Python課程可研發出疊疊樂高手機器人,你敢挑戰嗎?

python搜尋引擎,機器學習,AI,AI人工智慧
python搜尋引擎,機器學習,AI,AI人工智慧

Python課程除了研發各種企業用的AI機器人之外,最近還有新花樣!! 疊疊樂高手機器人你聽過嗎? 敢不敢來挑戰呢?

玩過疊疊樂的人都知道,跟時下熱門的線上遊戲如星海爭霸、或是常見的卡片型桌遊來比,想在疊疊樂的遊戲中勝出,需要的不只是純粹的智慧,還包含了「觸覺」的判斷:玩家需要用手指與腦感知抽積木時的平衡狀態,才能夠抽出正確的積木,瓶放到正確的位置,避免疊疊樂倒塌。

而學過Python課程的你更應該知道,近日麻省理工的機械工程實驗室研發了可以玩疊疊樂的機械手臂,並且有能力感知積木的平衡狀態,並選擇該抽出那一塊積木。是不是讓Python課程更加有趣了?

不同於用傳統的機器學習-先使用大量的數據讓AI分析後讓AI做出決策的訓練方式,MIT的科學家們讓AI 人工智慧在玩疊疊樂的過程中仿效人類在經驗中的學習方式,讓機器人大約玩了 300 次,就學會了疊疊樂。

就如同人類在玩疊疊樂會依照經驗等把積木分門別類一樣,機器人依照將疊疊樂以「感測結果」和「平衡狀態」來分組,如將不好移動的積木感測數據分為一組、將容易移動的積木感測數據分為一組,將疊疊樂倒塌前的行為數據分為一組,AI 人工智慧 就藉由這些分組數據,開發模型,預知每個動作之下,疊疊樂的狀況會如何被影響。

而機器人玩疊疊樂除了能預測之外,它還不像人類一樣,會因為緊張而有手抖、增加倒榻機率的問題。它是沒有情緒的。所以可能會比人類更容易勝出。

 

其他閱讀

Python課程讓掛號變得準確又便利!! 加入Line好友一切搞定!!

 

Python課程也能訓練出糾察隊!! 共用帳號的要小心了!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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

SEO優化人員必學Schema技巧(三):如何操作JSON-LD

SEO優化人員必學Schema技巧(三):如何操作JSON-LD
SEO優化人員必學Schema技巧(三):如何操作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」

 

其他閱讀

 

14歲就成為IBM工程師!! Python是主要成功的原因? (上)

 

最適合台灣人的人工智慧語音辨識APP—-雅婷逐字稿!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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

 

連廣達都積極向AI邁進,在考慮報不報Python課程的你還等什麼?

連廣達都積極向AI邁進,在考慮報不報Python課程的你還等什麼?
連廣達都積極向AI邁進,在考慮報不報Python課程的你還等什麼?

你還在考慮要不要報名Python課程嗎? 連台灣電腦龍頭廣達都積極向AI邁進,你還在猶豫甚麼呢?

廣達電腦成立超過 30 年,學過Python課程的你一定聽過他們的名字。廣達 1 月 31 日尾牙旺年會以「廣達 30+ 引領 AI」為主題。

董事長林百里開場時表示:表示,廣達朝 AI 方向發展,已經贏在起跑點,絕對要繼續堅持、奮鬥,獲得最後的勝利。今年 AI 對廣達來說,意義已經和往常不一樣,除了要讓 AI 事業更強大,也要賺大錢,讓公司壯大起來,希望員工一起分享、一起努力。林百里期盼,廣達員工更努力,獲得更高成就,也更幸福健康。

他表示,廣達已經超過30歲了,業績已超過1兆。他過去許下願望,廣達要做AI的大公司,現在公司已有AI 人工智慧產品、伺服器、雲端、機器人、醫療設備,成為全方位AI供應商,這都是員工努力作的,廣達已是全方位人工智慧(AI)供應商,AI 是未來 30 年最大的機會、最大的成長空間。

廣達副董事長梁次震說,廣達追求的不只是利潤,也要獲得技術上的成長,AI 人工智慧就有很多技術有待突破,廣達的研發很厲害,一定要從新產品帶動新領域的發展,創造新商機。
廣達年營收已突破新台幣 1 兆元,「是難能可貴」,資訊產品有衰退的跡象,今年挑戰更為劇烈。面臨美中貿易戰,現階段仍等待美國總統川普表達他的想法,梁次震表示:「希望他(川普)能改變主意」。目前市場的走向對我們學Python課程的實在是利多呀!

 

其他閱讀

 

14歲就成為IBM工程師!! Python是主要成功的原因? (上)

 

最適合台灣人的人工智慧語音辨識APP—-雅婷逐字稿!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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

學寫網頁前一定要搞清楚前端工程師和後端工程師哪裡不同!

學寫網頁前一定要搞清楚前端工程師和後端工程師哪裡不同!
學寫網頁前一定要搞清楚前端工程師和後端工程師哪裡不同!

前端工程師後端工程師到底差在哪裡你知道嗎? 今天來為大家做個簡單的整理說明!! 正在學寫網頁的你一定要知道啊!!

 

每一個網頁的構成,包含你看得到的部分以及你看不到的部分。看得到的部分包含文字、圖片等網頁呈現的形式;而看不到的部分為後台的數據、大量的資料庫等維持網站運作的部分。簡單來說,前端工程師課程所教的,就是負責你看得到的部分、後端工程師則處理使用所看不到的部分。

 

前端工程師的工作內容與必備能力

 

簡單來說,前端工程師所負責的工作內容,就是調整使用者在網頁上所有「看得見的部分」,包含網頁的整體排版、圖樣、動畫呈現、字體樣式、圖文排列方式等等。而網頁的呈現方式對於一家公司行號來說,就等同於該公司的門面。所以前端工程師需常與設計師合作,需具備一定的美感。

 

除了網頁的美觀之外,也需兼顧網頁的動線與規劃,讓網頁無論是在桌上型電腦閱覽、或是在手機等行動裝置瀏覽,都能讓使用者能有良好的用戶體驗。所以前端工程師也需有「能體會使用者所體驗的」的同理心,並也有機會與 UI(使用者介面)/UX (使用者體驗)設計師合作。而隨著 Chrome 等網頁瀏覽器的技術推陳出新,進修過前端工程師課程的技術水平也會跟著提高。

 

前端工程師所需基本技能:

 

  1. 熟悉 HTML/CSS 與 Javascript,呈現網頁的樣式與功能
  2. 能活用時下熱門的 Javascript 框架,如 Angular.js、React.js、Vue.js。熟悉 CSS 框架,如 Bootstrap 等
  3. 熟悉 CSS 框架,如 Bootstrap 等
  4. 擁有 RWD (響應式網頁設計) 的能力,讓網站無論是在桌機上、平板上或是手機上都能完善呈現。
  5. 使用版本控制工具如 Git 的能力
  6. 知道如何串接後端的 API
  7. 熟悉各大主流的網頁瀏覽器(如 Chrome)的開發者工具

 

後端工程師的工作內容與必備能力

 

要讓一個網站能正常運作,需要後端工程師進行網站內容的數據管理與資料儲存等工作。以一個電商網站來說,這些數據、資料包含使用者的帳戶資訊、購物記錄、點閱紀錄、觸擊率等等。後端工程師負責伺服器的運作、資料庫及演算法,讓網站能以能最快的速度找到使用者所需的資料。因此後端工程師需要有良好的邏輯以及設計、操作資料庫的能力。

 

前端工程師所需基本技能:

 

  1. 至少精通一種主要的後端語言,如 Python、PHP、Java 等至少精通一種主要的後端語言,如 Python、PHP、Java 等
  2. 了解網路通訊協定:如 HTTP、TCP 等
  3. 使用資料庫開發工具如 My SQL 處理資料的能力。
  4. 了解 HTML/CSS 與 Javascript 基本的前端語言
  5. 打造 API 的能力
  6. 會使用 AWS、Google Cloud Platform 等平台部署網站、資料庫。
  7. 使用 Linux 的能力
  8. 使用版本控制工具如 Git 的能力

 

其他閱讀

Python課程讓掛號變得準確又便利!! 加入Line好友一切搞定!!

 

Python課程也能訓練出糾察隊!! 共用帳號的要小心了!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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

Schema讓你輕鬆簡單提升SEO優化(四):RDFa格式怎麼做?

Schema讓你輕鬆簡單提升SEO優化(四):RDFa格式怎麼做?
Schema讓你輕鬆簡單提升SEO優化(四):RDFa格式怎麼做?

網頁SEO優化技巧再一發!! 優化人員不在苦無新花樣可用啦!! Schema特別主題來到了最後一篇了!! 快通通學起來吧~

什麼是RDFa?

HTML5教學的RDFaSEO優化方法 (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>

 

其他閱讀

14歲就成為IBM工程師!! Python是主要成功的原因? (上)

 

最適合台灣人的人工智慧語音辨識APP—-雅婷逐字稿!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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

你是疊疊樂高手嗎?Python課程研發的機器人比你更厲害!

你是疊疊樂高手嗎?Python課程研發的機器人比你更厲害!
你是疊疊樂高手嗎?Python課程研發的機器人比你更厲害!

疊疊樂愛好者絕不能錯過Python課程最新的相關研發!! AI疊疊樂機器人即將誕生啦!! 有了智能機器人誰還敢說自己是第一?

玩過疊疊樂的人都知道,跟時下熱門的線上遊戲如星海爭霸、或是常見的卡片型桌遊來比,想在疊疊樂的遊戲中勝出,需要的不只是純粹的智慧,還包含了「觸覺」的判斷:玩家需要用手指與腦感知抽積木時的平衡狀態,才能夠抽出正確的積木,瓶放到正確的位置,避免疊疊樂倒塌。

而學過Python課程的你更應該知道,近日麻省理工的機械工程實驗室研發了可以玩疊疊樂的機械手臂,並且有能力感知積木的平衡狀態,並選擇該抽出那一塊積木。是不是讓Python課程更加有趣了?

不同於用傳統的機器學習-先使用大量的數據讓AI分析後讓AI做出決策的訓練方式,MIT的科學家們讓AI 人工智慧在玩疊疊樂的過程中仿效人類在經驗中的學習方式,讓機器人大約玩了 300 次,就學會了疊疊樂。

就如同人類在玩疊疊樂會依照經驗等把積木分門別類一樣,機器人依照將疊疊樂以「感測結果」和「平衡狀態」來分組,如將不好移動的積木感測數據分為一組、將容易移動的積木感測數據分為一組,將疊疊樂倒塌前的行為數據分為一組,AI 人工智慧 就藉由這些分組數據,開發模型,預知每個動作之下,疊疊樂的狀況會如何被影響。

而機器人玩疊疊樂除了能預測之外,它還不像人類一樣,會因為緊張而有手抖、增加倒榻機率的問題。它是沒有情緒的。所以可能會比人類更容易勝出。

 

其他閱讀

Python課程讓掛號變得準確又便利!! 加入Line好友一切搞定!!

 

Python課程也能訓練出糾察隊!! 共用帳號的要小心了!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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

Schema讓你輕鬆簡單提升SEO優化(三):什麼是JSON-LD?

Schema讓你輕鬆簡單提升SEO優化(三):什麼是JSON-LD?
Schema讓你輕鬆簡單提升SEO優化(三):什麼是JSON-LD?

提升網頁SEO優化的方法有很多種!! 永遠不嫌多~ 今天要再多教大家一樣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」

 

其他閱讀

 

14歲就成為IBM工程師!! Python是主要成功的原因? (上)

 

最適合台灣人的人工智慧語音辨識APP—-雅婷逐字稿!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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

 

蘭醫師與Python課程攜手提供更完善的醫療服務,快加Line好友吧!!

蘭醫師與Python課程攜手提供更完善的醫療服務,快加Line好友吧!!
蘭醫師與Python課程攜手提供更完善的醫療服務,快加Line好友吧!!

Python課程再出新招!! 打造全新專業醫療對話機器人,提供病患更完善的服務!! 快加入蘭醫師Line好友吧!!

繼榮總推出全台首座AI門診後,「蘭醫師醫療照護對話機器人LINE Bot」為宏達電旗下健康醫療事業部 DeepQ 團隊與彰化基督教醫院聯合推出,是全台灣首創的Python課程AI人工智慧加上區塊鏈醫療照護的對話機器人,可協助你掛號的院所多達十家。透過DeepQ醫療區塊鏈技術,強化跨院照護網的資訊安全。這款 AI 可在你看診前問你問題、歸納出你的問題筆記並引導你掛到正確的科別、掛號後還能追蹤進度、到診後個人衛教等,全面提升就醫前、中、後的全程醫療照護品質,讓民眾不只在醫院可以有醫事人員照護,更可以在回家後仍享有醫療服務,打造無縫銜接的有感照護。另外,民眾還能在踏入醫院前替自己及親友啟動照護旅程,從看診前筆記,到就醫後的精準衛教資料及個人化藥物資訊都可以完整串連,透過Python課程對話互動的方式,使用更方便、更人性化。

生病了掛錯科,可是很浪費時間的!當你覺得不舒服時,就來尋求掌中 AI 醫師「蘭醫師」吧!「你頭痛嗎?有多痛?有咳嗽嗎?有發燒嗎?」AI 加上大數據,蘭醫師會先詢問你的症狀,最後再為你分析出適合你的看診科別。趕快拿起你的手機、點開 LINE、加入「蘭醫師」當朋友(ID:@cch.org.tw)、回答蘭醫師的問題,蘭醫師就可以幫你掛到正確門診!

除了看診前的 AI 人工智慧 導診、掛號與提醒看診服務之外,「蘭醫師」還會系統性的把民眾就診相關問題送給門診醫師,在緊湊的看診時間內,大幅的提升醫病溝通的效率和品質。看診完後,AI「蘭醫師」還會貼心送上客製化的衛教資料及用藥資訊,讓民眾不用擔心衛教單張、藥品資訊等資料不見、或是無法對照藥品照片等問題,都一併解決!藉由這樣AI 人工智慧與醫療服務的跨界應用,落實精準衛教,個人化合適的衛教資料。病患回到家後,「蘭醫師」也會主動關心、詢問症狀是否改善,並記錄其症狀變化,作為回診之參考。

其他閱讀

14歲就成為IBM工程師!! Python是主要成功的原因? (上)

 

最適合台灣人的人工智慧語音辨識APP—-雅婷逐字稿!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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

Schema讓你輕鬆簡單提升SEO優化(二):微數據該怎麼用?

Schema讓你輕鬆簡單提升SEO優化(二):微數據該怎麼用?
Schema讓你輕鬆簡單提升SEO優化(二):微數據該怎麼用?

提升網站的SEO優化方法有很多種!! 其中一定少不了微數據!! 今天要來跟大家介紹微數據該怎麼用~ 快往下看吧!!

 

什麼是微數據?

SEO優化另一個方式,也是網頁內部 SEO優化不可或缺的步驟。HTML5教學指的網頁中的 「HTML 標籤」告訴瀏覽器如 Google Chrome 如何顯示標籤中的信息。

如網頁中的 「<h1>Java</h1>」告訴瀏覽器,關鍵字 「Java」 必須以 「標題1」 的格式顯示
但是這個 「Java」可能意味者:一種程式語言、一種咖啡、一種島嶼等類別。
而 「HTML 標籤」 不會告訴搜尋引擎這個 「Java」 是意味著上述哪一種意思。

這時候,HTML5教學就必須在原本的 HTML 碼當中添加「Microdata (微數據)」 , 來宣告其類別, 就可以幫助搜尋引擎更精準識別網頁內容的具體意義。

在這個「Java」的例子中,微數據的角色就很像告訴搜尋引擎:
「嘿,這個網頁的 Java 是關於咖啡的內容喔!」或是「這個網頁的 Java 是指程式語言喔!」

微數據的例子

倘若今天,你有一個介紹即將上映的電影「艾莉塔:戰鬥天使」 的網站,其中包含了類型、導演以及一個通向預告片頁面的鏈接,您的 HTML 代碼可能看起來像這樣:

<div><h1>艾莉塔:戰鬥天使</h1>
<span>導演:詹姆士·卡麥隆 (生於1954年8月16日)</span>

<span>類型:賽博叛客動作片</span>

<a href=”..//movies/Alita-Battle-Angel-trailer.html”>電影預告片</a>

</div>

這個 HTML 代碼若加了Microdata 微數據來宣告其資料類型,就可以讓搜尋引擎更容易辨識其類型。

<div itemscope itemtype=”https://schema.org/Movie”>
<!–宣告要使用 schema.org 的 movie(電影)類來呈現資料–>

<h1 itemprop=”name”>艾莉塔:戰鬥天使</h1>
<!–宣告在movie(上一行指定)的類型下,該類型的項目”name”(片名)是什麼–>

<div itemprop=”director” itemscope itemtype=”http://schema.org/Person”>
<!–宣告要使用 schema.org 的 person(人物)類來呈現資料,並選擇 director 項目–>

導演:<span itemprop=”name”>詹姆士·卡麥隆</span> (生於<span itemprop=”birthDate”>1954年8月16日)</span></div>

類型:<span itemprop=”genre”>賽博叛客動作片</span>

<a href=”../movies/Alita-Battle-Angel-trailer.html” itemprop=”trailer”>電影預告片 </a>

</div>

微數據的語法

微數據主要用到這幾個屬性來標注信息:itemscope、itemtype、itemprop。
itemscope 與 itemtype 連用,用來宣告要使用哪個 Schema 類型 (如電影、人物、書本等等), 如以下語法即電影類型的微數據:

<div itemscope itemtype=”http://schema.org/Movie”></div>

有了指定的 Schema 類型後,就用 itemprop 宣告:在這個類型下的屬性是什麼。
繼剛剛的例子 (指定的 Schema 類型為 「電影」) 後, 以下例子為宣告屬性 (itemprop) 為”name”(片名) 的內容是「艾莉塔:戰鬥天使」

<span itemprop=”name”>艾莉塔:戰鬥天使</span>

日期或時間類屬性,可使用 ISO日期格式 表示,如:

<time itemprop=”startDate” datetime=”2019-03-02T19:00-08:00″ > 2019年03月02日晚上7點 </time>

微數據可以嵌套,如:

<div itemscope itemtype=”https://schema.org/Movie” >

<h1 itemprop=”name” >艾莉塔:戰鬥天使</h1>

<div itemprop=”director” itemscope itemtype=”http://schema.org/Person”>

導演:<span itemprop=”name”>詹姆士·卡麥隆</span> (生於<span itemprop=”birthDate”>1954年8月16日)</span> </div>

類型:<span itemprop=”genre”>賽博叛客動作片</span>

<a href = “../movies/avatar-theatrical-trailer.html” itemprop = “trailer” >電影預告片 </a>

</div>

部分元素使用 URL 屬性值作為微數據的內容:

<a href=”” >

<area href=”” >

<audio src=”” >

<embed src=”” >

<iframe src=”” >

<img src=”” >

<link href=”” >

<object data=”” >

<source src=”” >

<video src=”” >

相反,某些元素的URL屬性不作為微數據內容:

<base href=”” >

<script src=”” >

<input src=”” >

完整的微數據類型請參考:http://schema.org/docs/full.html

 

其他閱讀

14歲就成為IBM工程師!! Python是主要成功的原因? (上)

 

最適合台灣人的人工智慧語音辨識APP—-雅婷逐字稿!!

 

什麼? AI人工智慧也會養蝦? 電腦精準分析控制,結果讓你一想不到!!

 

阿里巴巴也頭疼!! 現在開始學習網路行銷課程,就有機會幫馬雲解決煩惱!!

 

想知道屈臣氏是怎麼利用大數據課程提升業績的嗎?看完這篇你就知道!!

 

SEO優化人員一定要知道的超好用秘訣就是這個!!

 

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