2019年1月31日 星期四

RDFa是蝦米?問問SEO優化人員就知道

RDFa是蝦米?問問SEO優化人員就知道

SEO優化人員經常要求網站工程師需使用的工具之一即是RDFa!不僅結構化了資訊還嵌入關鍵字以利搜尋!

什麼是RDFa?

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

SEO優化所使用的語法跟微數據很像,用 vocab 來指定 Schema.orgtypeof 指定類型;property 指定屬性。若是網頁程式新手,請先上HTML5教學再閱讀本篇!

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>




推薦閱讀:




2019年1月30日 星期三

AI機器人到底有沒有觸覺?上Python課程一探究竟

AI機器人到底有沒有觸覺?上Python課程一探究竟
也許AI機器人在沒上過Python課程人的眼裡只是冰冷機器,但發展AI的專家卻能創造人類五感給金屬機器人呢!



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

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

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

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

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

推薦閱讀:

2019年1月29日 星期二

沒有網頁工程師把關鍵字藏進程式裡,SEO優化怎麼辦

沒有網頁工程師把關鍵字藏進程式裡,SEO優化怎麼辦?

一個好的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



推薦閱讀:


2019年1月28日 星期一

廣達電腦歡慶30週年,讚Python課程帶來科技社會的改變

廣達電腦歡慶30週年,讚Python課程帶來科技社會的改變


廣達電腦董事長林百里公開讚賞Python課程如何激勵台灣人學習AI科技,對未來的社會能有更大的助益!

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

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

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

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


推薦閱讀:


2019年1月25日 星期五

SEO優化就靠網路工程師善用Microdata

SEO優化就靠網路工程師善用Microdata

許多SEO優化案例都在告訴我們,很大部分的細節須仰賴網路工程師,微數據Microdata的利用也是一樣!



什麼是微數據?
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>導演:詹姆士·卡麥隆 (生於1954816)</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">1954816)</span></div>
類型:<span itemprop="genre">賽博叛客動作片</span>
<a href="../movies/Alita-Battle-Angel-trailer.html" itemprop="trailer">電影預告片 </a>
</div>

微數據的語法
微數據主要用到這幾個屬性來標注信息:itemscopeitemtypeitemprop
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" > 20190302日晚上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">1954816)</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



推薦閱讀: