Java瑪奇朵-非本科系的IT吃喝電玩日誌

Google Ads認證的廣告類型讓你霧煞煞嗎?那你一定要看今天為你準備的文章~(上)

這篇要和大家來談談SEO!!是可以增加跨境電商和多國語言曝光率的重點喔!!
當在架設擁有多語言的網站（如跨境電商網站）時，你需要注意幾個 SEO 的要點要注意。因為目前的演算法機制著重於網站的使用者體驗，所以若 SEO 做得好的話，無論對你的客戶、或是你的商業，都是有正面效果的。
要進行多種語言的 SEO，首先要確保使用者可以在他所在的地區內，看到對應於該地區的網頁（這意味著美國有美國的網頁、甚至在加拿大的法語區與英語區的網頁是不同的），同時也要避免讓搜尋引擎誤會網站中有「太多內容重複的網頁」而在排名上給予逞罰。幸好 Google 有針對多國語言，做了一些 SEO 上的建議，讓我們可以放心的進行 SEO 優化、提昇網頁排名。
首先，也是最重要的，是要先了解多國語言 SEO 的本質：
什麼是多國語言/跨境電商網站的 SEO？
多國語言 SEO （multilingual SEO）是指在同一個網站上，分別針對各種不同的語言，來做對應的 SEO 優化。如此一來，不同國家的使用者就可以輕易看見你的網頁，幫助你更快的開拓市場。多國語言網站/跨境電商網站的 SEO 基要如下列五點：
1. 使用包含語言指示的 URL
一個多國語言網站，首先要避免的是：讓搜尋引擎誤判為「重複的內容」而降低網站權重。
雖然並非所有重複的內容都對 SEO 有害，但是當同樣的內容出現在網站的多個頁面中，可能會導致排名降低、甚至跳出搜尋引擎索引之外。

避免因被搜尋爬蟲誤判內容重複而導致懲罰，Google 就建議使用含有「language indicator（語言指示符）」的「專用 URL」。
含有「language indicator（語言指示符）」的 URL 可讓使用者以及搜尋引擎，可以直接從網址的文字，看出該網頁的使用語言。例如，若原本的網址為 www.example.com，則其英文的版本就可以為「www.example.com/en」、法文版本即為「www.example.com/fr」，以此類推。


無論你的 URL 是頂級網域、子網域或是子目錄的架構，都可插入語言指示符，例舉如下：

頂級網域：www.example.en

子網域：www.en.example.com

子目錄：www.example.com/en

 
就算是使用 language indicator（語言指示符），有時候仍然會有被 Google 誤判的狀況（點此看例子）。因此這只是確保網站與多國語言 SEO 兼容的第一步，且還有很多要做的。

SEO優化-網址優化與子目錄

2. 使用<hreflang>標籤
除了前面提到的「language indicator（語言指示符）」之外，Google 也使用了<hreflang>標籤來輔助辨識網頁的語言、針對哪個地區等等。

<hreflang>標籤可以加在網頁中的 header 區域，或是使用網頁地圖 sitemap 來提交。例如，一個針對住在加拿大的法語區居民的網站其<hreflang>標籤可能會是：
<link rel=”alternate” hreflang=”fr-ca” href=”http://example.com/fr/” />
要是是針對多重地區的網頁，就可以依照地區的多寡，而加多個<hreflang>標籤。
3. 每一頁都只專注用同一種語言
當只翻譯一個頁面的某些部分、其他部分保持原來的語言，聽起來可能很省力省時。一個頁面呈現多種語言的狀況，經常見到的狀況如下：

只翻譯主要內容、導覽列仍維持原語言

使用者自產內容（如論壇網站上，不同的留言可能會以留言者使用的語言出現）

在以上的例子中，這個頁面的預設語言以及地區都可以使用前述的<hreflang>標籤來定義。
但是當一個頁面呈現許多不同的語言，會降低使用者體驗。上述的第一個例子中，雖然主要內容是以多種語言呈現，方便各國的使用者閱讀。但是當他要瀏覽同站的其他頁面時時，他可能看不懂導覽列（因為導覽列只以原來的語言呈現）所以就無法逛到同網站的其他頁面而增加跳出率。上述的第二個例子中，由於論壇呈現各種不同的語言，所以可能會讓該討論內容無法連貫，甚至讓使用者感到困惑。
因此你必須盡可能讓你的頁面，從導覽列到內容等，都是用同一種語言。但是倘若你的網頁很多（如電商網站）、或是人力有限的話，坊間有一些付費工具，可以自動偵測網頁上所呈現的語言（包含論壇網頁中不同語言的留言）並翻譯，以確保不同語言的使用者可以讀懂你的網頁。
4. 翻譯你的中繼標
中繼標一直以來都是網頁優化的重點。所以除了網頁內容有多國語言之外，也別忘了把中繼標翻譯成對應的語言 - 當然你必須避免逐字的機械式翻譯，以免不符合該語言的文法與敘述方式。
SEO 應該要針對目標國家，做該國家的關鍵字研究，看看哪些關鍵字及搜尋習慣（慣用的搜尋引擎、該語言區人民較常搜尋的字眼等）是符合該地區，並做出關鍵字規劃。像是日本的關鍵字規劃可能就無法複製到法國、美國左岸的關鍵字搜尋習慣可能就不同於右岸等等，所以不同的國家就有不同的關鍵字規劃。
坊間有一些免費或是需要付費的 SEO 工具，例如 Ahrefs 或是 Ubersuggest，可以針對不同的地區/國家給予不同的關鍵字建議清單。

SEO 8部曲之3-老方法Meta Tag還是要做

5. 確認你網頁的載入速度夠快

從 2018 年 7 月開始，網頁載入速度就是影響排名的重要因素之一。當 SEO 為了提昇網頁速度，而所做的每一個微調，都會大大影響網頁的流量（對於原本載入速度超過三秒的網頁最明顯）。SEO 可以安裝啟用頁面緩存的插件、或是使用 CDN 等方式來加速網頁的載入速度。

SEO 8部曲之2-你的網頁夠快嗎?

其實以上只有舉例五點多國語言 SEO 的基本要點。其實每個國家的 SEO 都有所各自需要注意的細節，而且也不是所有國家的使用者都跟台灣、美國一樣，慣用 Google 搜尋引擎。像是美國之外，全球第二大經濟體中國大陸，則是使用百度搜尋引擎，在演算法與 Google 有所不同，因此 SEO 的手法也有所不同。目前台灣也有數位行銷教學單位，針對百度搜尋引擎開設 SEO 課程，請點此「百度搜尋引擎 SEO 課程」了解詳情。另外， 若想善用 Google 行銷工具，可點此「Google 數位行銷工具六小時課程」了解詳情。
 
更多SEO相關文章請到本部落格首頁搜尋喔!!
 
 
 
其他閱讀
SEO優化課程教你在短短幾分鐘內快速設定好robots meta!!
SEO優化教你認識URL網址結構大小事!! 解讀優化一把罩!!
SEO優化人員和前端工程師一定要知道的語意標記入門!!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(6)
邏輯運算子
JavaScript 中的邏輯運算子，又稱作「布林運算字（Booleen Operators）」，可用來評估表達式，並且回傳 true 或是 false。


邏輯運算子
敘述




&&
and 運算子：若兩個運算元為真，則回傳「ture」


||
or 運算子：若其中一個運算元為真，則回傳「ture」


!
not 運算子：若運算元不為真，則回傳「ture」


上表中的JavaScript 運算子，範例如下所示，前兩個分別為「and 運算子」、「or 運算子」連接兩個布林表達式，最後一個為「not 運算子」接一個布林表達式
See the Pen 邏輯運算子｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

條件運算子
也有一種

JavaScript教學的邏輯運算子為「條件運算子」，會根據指定的條件而指派一個值給一個變數，寫法如下：
variable = (什麼樣的條件) ? 第一個值:第二個值
範例如下所示：
See the Pen 條件運算子｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 
在以上例子中，如果變數 age 的值小於 18 的話，則變數 isAdult 的值將為「未滿18不得入場」，若變數 age 的值為 18 以上的話，則變數 isAdult 的值將為「18歲以上可以入場」。
 
欲知更多JavaScript教學文章,請到本部落格首頁搜尋喔~
 
 
 
其他閱讀
Python控制結構1.布林值Boolean-True or False?
 
Python控制結構2.if else條件判斷(1)
 
Python控制結構2.if else條件判斷(2)
 
Python控制結構3.布林邏輯:and,or,not
 
Python控制結構4.運算子優先順序(Operator precedence)一覽
 
Python控制結構5.while 迴圈
 
Python控制結構7.List串列與其他運算子的應用
 
Python控制結構8.List-append,insert,index,len函數
 
Python控制結構9.Range數列生成
 
Python控制結構10.for迴圈
 
 
 
 

快點報名Unity3D課程!!真正實現你的遊戲魂!!開發一款屬於自己的遊戲吧!!
重現馬力歐經典遊戲！Unity3D 支援平台「任天堂 Switch」遊戲夯
任天堂，是所有熱愛遊戲的玩家們一定聽過的夢想製造廠，從 2006 年推出的 Wii ，到 2014 年誕生的 PokemonGo。任天堂一再的在人們快要淡忘這家公司時，再次震驚世人，並改造人們的遊戲體驗。
而2017年，就在人們都以為手機遊戲才是遊戲世界的未來時，任天堂卻反其道而行的推出了 Switch，一個可以帶在身上的螢幕遊戲器。並在推出後一個月賣出了超過一千五百萬台，更帶動任天堂的營收成長整整一倍。這樣的遊戲產業傳奇的起頭，就必須談及1980年誕生的那位留著大鬍子、身穿鮮紅色吊帶褲的馬力歐叔叔。

▲ 任天堂的傳奇歷史
你知道大力水手卜派與超級馬力歐有血緣關係嗎？
沒有玩過任天堂 Switch 你也一定見過馬力歐叔叔圓 Q 的身影，他就這樣輕輕鬆鬆的攻下了 Switch 熱賣遊戲榜上的前三名，包括【馬力歐賽車】！馬力歐最早誕生在 1980 年任天堂出產的一款掌上型遊戲機 GAME&WATCH 系列名作【大力水手】之中。本來主角是要由大力水手卜派飾演，但是任天堂與漫畫商洽談角色版權失敗，於是任天堂乾脆將本來的卜派加上大鼻子與大紅吊帶褲，以及一頂永遠不脱下的帽子，但是你知道他為什麼要戴帽子嗎？
我的第一個直覺是：馬力歐一定是懶得洗頭髮！
雖然這個答案是錯的，但是真相也相去不遠了。原因是因為任天堂公司的遊戲設計師懶得畫馬力歐在跳躍時舞動的頭髮。所以就直接讓他戴帽子，從根本解決了這個遊戲設計師的煩惱。設計馬力歐原型的宮本茂還曾得意的說：這樣連他的眉毛、瀏海都不用畫了呢！
馬力歐叔叔就這麼誕生了，並且帶領任天堂縱橫遊戲世界近30年！

▲ 最新 Switch 馬力歐經典遊戲
遊戲設計魔法師的魔杖：Unity3D 開發
但是在這樣競爭激烈的遊戲產業中，任天堂的公司氛圍卻不像一般的科技公司，而更像藝術家村落，尊重每一位遊戲設計師的空間以及休憩。這樣的公司文化，也凸顯了遊戲開發的本質，並不像一般的技術開發，而更需要一顆充滿創造力的藝術心。
Unity 3D 遊戲設計除了必須具備遊戲場景設計的藝術思維，更需要了解玩家的遊戲心理，一步步帶領玩家進入遊戲的奇幻世界。所以 Unity3D 遊戲開發不只是需要開發人員的程式能力，更需要洞悉電玩玩家的遊戲心理，以及遊戲畫面的設計，是需要結合多個領域的全新職業。
所以，你是個熱愛遊戲、卻沒辦法成為電競選手的玩家嗎？成為 Unity 3D 遊戲設計師是你擁抱遊戲職涯的另一種可能！隨著 Switch 席捲全球，現在的遊戲產業正迎來更大的巨浪。若你也想成就自己的遊戲帝國，現在或許是不錯的時機！

▲ 一人團隊！用 Unity 開發出任天堂 Switch 高質感遊戲:

▲ 以 Unity 開發出的十大優質遊戲
 
心動不如馬上行動吧!!快點手刀報名去!!
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(4)
數學運算子
JavaScript 中的數學運算子，作用是對數字（文字的形式或是變數的形式）進行函式運算。


運算子
敘述
範例




+
加號
1 + 1 = 2


-
減號
2 - 1 = 1


*
乘號
2 * 3 = 6


/
除號
10 / 2 = 5


--
減去
var a = 10; a--; Now a =9


%
餘數
20 % 3 = 2


++
遞增
var a = 10; a++; Now a =10


--
遞減
var a = 10; a--; Now a =9


在下面例子中，加號運算子是用來決定兩個數的和：
See the Pen Addition｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
你也可以運用多種變數，例子如下：
See the Pen Addition-2｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
承第一個例子，假如我們把「var x = 20 + 30」使用字串表示，變成「var x = "20 + 30"」的話，答案就不會是 20 + 30 的和，而是以字串形式呈現如下:
See the Pen Addition-string｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
 
減、乘、除運算子
四則運算中，除了上述介紹的加號運算子外，JavaScript 的減、乘、除運算子範例如下：
See the Pen 減、成、除運算子｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
 
遞增與遞減運算子

JavaScript教學 的遞增運算子「++」把數值加一，至於運算元的前後，意義各異：要是置於運算元的前方，則回傳被遞增的值；要是至於運算元的後方，則回傳原值，然後才遞增運算子。這樣解釋看似模糊，請見範例如下：
把遞增運算子放在運算元「y」前方的例子：
See the Pen 遞增運算子++var｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
把遞增運算子放在運算元「y」後方的例子：
See the Pen 遞增運算子var++｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
 
同理，遞減運算子「--」則是把數值減一，於運算元的前方，則回傳被遞減的值；要是至於運算元的後方，則回傳原值，然後才遞減運算子，範例如下：
把遞減運算子放在運算元「y」前方的例子：
See the Pen 遞減運算子--var｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
 
把遞減運算子放在運算元「y」後方的例子：
See the Pen 遞減運算子var--｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

連阿嬤都可以輕鬆上手人工智慧的時代就快來啦!!是真是假你自己點進來看看吧!!(下)
本篇為

阿嬤也能輕鬆學會人工智慧?還有甚麼不可能?(上)的下集
人類增強（Human argumentation）是什麼？我可以變鋼鐵人了嗎？
其實人類增強的概念一直都存在於我們的生活中，諸如眼鏡、助聽器等等，都是藉由穿戴式設備來增強人類的感知能力，這些科技也都和

人工智慧息息相關~ 但隨著科技進展，人類增強也將也意想不到的突破！
人類增強到底要怎麼將現代人改造成鋼鐵人呢？主要是透過以下四個領域：

感知擴增：例如聽力以及視力的增加，能輔助人們做出更好的判斷

生理功能的擴增：藉由外骨骼、假體的輔助，我們能做到平常不能做到的事，例如在工地舉起重物。

大腦擴增：藉由腦部手術，增加記憶力與思考能力

基因擴增：諸如細胞療法、基因療法皆是

▲ 八個令人震驚的人類增強技術
目前的人類增強技術主要運用在汽車產業、礦業等工業領域，透過穿戴式裝置(像是外骨骼裝置)，可以確保在工地工作人們的安全並提高工作效能。而在未來，人類增強也將運用在旅遊業、服務業等，並增強員工的產能。所以成為鋼鐵人的夢想，看來不遠了！但同時，人類擴增也引起了許多倫理方面的議題，例如基因編輯是否符合道德？這都是現代社會與AI

人工智慧需要面臨的問題。
 
多重體驗（multi-experience）讓我們可以「聞到」電影的味道？
你能想像，有一天你訂了外送披薩，來敲門的卻是一台披薩車嗎？這已在美國實現！達美樂披薩店現在不只可以使用 app 訂購餐點，他們也結合了智慧語音客服、披薩追蹤器來提供披薩外送服務！當然，多重體驗不只是要改變披薩界，更要徹底改變你體驗科技的方式。
多重體驗著重在結合擴增實境（argumented reality）和虛擬實境（virtual reality），讓我們與科技溝通的方式不僅止於螢幕、鍵盤與滑鼠，更結合許多穿戴式裝備、多管道人機介面以及感測技術，讓我們可以以更人性的方式與電腦溝通，也創造更多驚奇的感官體驗。所以，讓我們一起期待可以「聞到」電影中美食香味的那天吧！

▲ 虛擬實境可以改變我們的心智嗎？
 
建構我們的智慧生活空間：邊緣計算（Edge computing）
你一定有在電影中看過這畫面：超級富豪駕著法拉利，透過手機對家裡的設備下令：「幫我放一盆熱水澡，然後打開客廳冷氣！」這樣的

AI科幻生活早就已經悄悄進入我們的現實中！
邊緣計算（Edge computing）主要被應用在「萬物上網」（Internet of Things），顧名思義，現在什麼東西都能上網了！冷氣可以連上網路，好在你還未到家時先行啟動; 浴缸也與你的手機連線，讓你能隨心所欲的透過手機調整熱水的溫度。這樣的智慧居家，就是透過每一個物件的相互串連而建構起的智慧空間。而邊緣計算，使得這些資訊的傳遞都非常接近資訊的源頭，使資料的流動及分佈在地化，以降低資料傳遞的延遲，也使他們能更貼近使用者的日常生活。 Gartner 預測，在2023年將會有超過於今20倍的智慧元件，被安置在這樣的邊緣網絡當中，所以好好期待電影中的科幻生活成真吧！
 
分佈式雲：資料庫的去中心化
想像以前的資料庫就像是國王城堡中的大金庫，裡面儲藏著全世界的金幣，也就是價值連城的資料數據。而現在不一樣了，不再有大型的中央金庫儲存保管這些資料，而是將這些資料分散到一戶戶平民家中的櫥櫃，由平民架構、傳輸、運作、管理、更新。分佈式雲允許資料中心可以在任何地方。這種方式解決了很多技術問題，例如延遲，還有一些資料管理的爭議。相對於私人雲，分佈式雲也提供了公共雲的許多優點。這樣的革新，開啟了雲計算的新紀元。
 
區塊鏈的應用：本來死板的區塊鏈，可以自由伸縮了？
區塊鏈可以被視為一個大帳本，一個區塊連著一個區塊，每個區塊都存著加密的交易紀錄。由於區塊鏈不可被竄改並且可以被所有人檢視，於是被企業視為十分安全的大帳簿。也由於區塊鏈的這些特性，他可以被用於追蹤交易資產的源頭（例如追蹤帶原疾病的食物源頭），這將有利於資產的維護。
為什麼區塊鏈是一本大帳本？若你還是有這樣的疑問，就來看看這篇文章吧！

▲ 六分鐘搞懂區塊鏈！
但是區塊鏈還是有他的缺點，例如區塊鏈的可擴充性以及可互動性都非常的差。然而 Gartner 指出，在2023年時，部分實驗性質或小範圍的區塊鏈將是完全可擴充的。現今的區塊鏈產業採取了一個較實際的作法，只實踐了目前區塊鏈的某些特點。藉由使帳簿、應用與使用者分流的方式，在一個分散式的網路複製帳簿，並產生一份明確的官方交易紀錄。每一個被授權的使用者都會看到相同的資訊，藉由單一可分享的區塊鏈，系統整合將會被簡化。
而在將來，這本「大帳簿」將會有更多其他的用途，像是前述的「萬物上網」將會在未來與區塊鏈整合。區塊鏈將可以與多元領域的技術銜接，並擴增能夠參與這種系統的物件範圍，包括整合可以交易各種資產的設備，例如交易錢與房地產。想像一下，有一天你的汽車將能使用自身感測系統所搜集的行車數據，與保險公司進行保險金的討價還價與交易！2020的科技世界真是令人期待呢！
點我看看更多 Gartner 對於區塊鏈的真知灼見！
 
更多AI人工智慧的文章請到本部落格首頁搜尋喔~
 
 
 
其他閱讀
AI人工智慧系統進駐醫院,快速偵測敗血症提高病患存活率!!
你的指令要求雅婷通通聽得懂!!有專屬台灣人的人工智慧在,一切安啦!!
AI人工智慧進駐大賣場!! 有了這項新技術就能讓員工更專注在客服務上了!!
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
優質UI課程讓你放眼世界,一展長才圓夢去!!
人人都能是工程師！台灣 IT 培訓中心推「找到工作再付學費」專案，要試試嗎？
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

連阿嬤都可以輕鬆上手人工智慧的時代就快來啦!!是真是假你自己點進來看看吧!!(上)