- Sep 22 Tue 2020 23:32
-
天龍SEO八部曲之六:結構化資料SCHEMA標記
- Sep 21 Mon 2020 23:32
-
天龍SEO八部曲之五:圖片如何SEO?
- Sep 17 Thu 2020 16:02
-
天龍SEO八部曲之四:URL網址也要SEO!!
- Sep 16 Wed 2020 16:02
-
天龍SEO八部曲之三:老套的META TAG還是要做!!

SEO天龍八部來啦!!想練好一身SEO好功夫就一定不能錯過這次介紹的系列文章!!看完功力大增~(三)
儘管依據 SEO 觀測工具領導品牌 Ahrefs 的文章顯示:策略性地將關鍵字在Title、Meta Description (Meta 描述) 是老方法,在今天的 SEO 世界裡,雖然這方法並非讓你網站排名突飛猛進的全部因素 (在2016年之前可能是),但在今天,這還是所有 SEO 優化眾多步驟中的必備因素之一。
原來,Title、Meta Description 都還是會顯現在 Google 搜尋結果上頭。舉例來說,有人想轉職程式設計師,於是在 Google 上搜尋是否有相關的程式設計課程。他輸入了關鍵字:Java 課程,有兩個搜尋結果吸引他的目光如下:
圖中的兩個搜尋結果都是 Java 課程,但是上面「台灣大學」的資訊沒有提到任何與「就業」有關的資訊;而下方某私立補習班的標題卻有「程式設計師培訓」;資訊有「結業即就業」、「媒合就業」等與就業有關的字眼。
因為這個人有求職的需求,而下方的搜尋結果描述比較符合這個人的需求,所以他就點擊了下方、而不是上方的搜尋結果。
這些會在搜尋結果上出現的字眼,就是在 HTML 的中繼標 META TAG 中設定!搜尋頁面會出現的標題,於「Page Title」中設定、內容描述的文字,於「Description」中。
PAGE TITLE SEO:小改變,讓名次改頭換面!
Page Title 對 SEO 優化來說,可說是最基要的第一步。
雖然大多數人瀏覽網頁很少看標題,但是標題對於 SEO 來說,卻是十分重要的元素!
PAGE TITLE 用處
由以上第一點來看,你的主要目標關鍵字必須要放在 Title 中,且要放在偏前方的位置,例如把目標關鍵字放在公司名稱前方。有些商家把自己公司的名稱放目標關鍵字的前面,可說是不利於 SEO 的。另外,不同的頁面必須要有不同的 Title,才能不會被 Google 誤判為重複的網頁。像是有些公司就忽略了修改 Title,而讓每頁的 Title 都相同,例如「Home」、「XX股份有限公司」等等,忽略了 Title 的重要性等於浪費了取得 Google 排名的大好機會!
關於以上第二點,因為你所設的 Page Title 名稱會顯示在搜尋結果頁面上,所以名稱除了要自帶目標關鍵字給 Google 的機器人「看」之外,還要給真人使用者看。所以 Page Title 越吸引人點閱,越能增加點擊率(CTR),而對網站排名有正面的影響
檢查一下,你網站每一個網頁的標題,尤其是前半部分,是否頁頁不同且夾帶目標關鍵字呢?若以上都符合,想像一下你在搜尋結果上看到了這一頁的 Page Title,是否有點進來的衝動?
範例
目標關鍵字:台北貓咪認養
<title>台北貓咪認養-米克斯貓,親人街貓,流浪貓免費愛心認養|達內貓中途</title>
▲Title 以及 Meta Description 是最先在 Google 搜訓結果頁(SERP)上看到的項目
頁面的重點關鍵字,最好在 TITLE 的前半段就出現。長度最好控制在 30 個全形字以內
META DESCRIPTION
DESCRIPTION 就是針對網頁內容做簡單的敘述。
SEO 可以將此頁的主關鍵字與副關鍵字適時的插入在 META DESCRIP 敘述裡面。DESCRIPTION 字數也不宜超過 74 個全形字。
TITLE與DESCRIPTION:哪裡設定?
若你是使用 Wordpress 等 CMS 或 Shopline 等套版網站,後台通常會有一塊專門的區域,方便
SEO 自行設定。設定的位置依照各業者而有所不同,詳細請見他們的教學。
若不是使用上述的 CMS 或是套版網站,就要自行在網頁的 HTML 文本中寫入。寫入的位置在 head 之中。因此會一些 HTML 語法也是 SEO 的必備技能。
關鍵字除了出現在 網頁 HTML 的中繼標 TITLE 與 DESCRIPTION 之外,還可以出現在 URL 內,詳情請見此篇:SEO 八部曲 4 - 原來 URL 也可以做 SEO
本系列文章下一篇請點
天龍SEO八部曲之四:URL網址也要SEO!!
更多關於SEO或程式設計相關文章請點閱下方連結~
其他閱讀
UI/UX 設計工作完整剖析
第一次上程式設計課程該選 Python 還是 Java?有什麼差別?
人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!
UI設計網站30招不藏私,讓設計師超省力! (一)
前端工程師也該要會的後端技能你不能不知!!
想要培養第二專長?學好UI設計開始精彩的斜槓人生!!
- Sep 15 Tue 2020 16:31
-
天龍SEO八部曲之一:你的網頁速度夠快嗎?

SEO天龍八部來啦!!想練好一身SEO好功夫就一定不能錯過這次介紹的系列文章!!看完功力大增~(二)
儘管依據 Ahrefs 在 2016 年的 Google 搜尋結果發現,網頁 loading 時間不一定跟 Google 排名成正比。但是根據 Google 的官方統計資料顯示,當一個網站的 loading 速度超過三秒時,有 53% 的使用者會跳出這個網頁。所以 SEO 應該盡量讓網頁 loading 的速度在 2 秒之內。
想想看,當你在 Google 搜尋結果頁面點進一個網頁,結果過了 3 秒還顯示不出內容。你是否會跳出並回到搜尋頁面,看另一個頁面呢?
其實不論你網頁做得如何美輪美奐、介面設計的多麼人性化、網頁內容多麼吸引人,只要網頁開啟的速度太慢,一切都歸零!過去曾經炫翻天的 Flash 網頁特效,因為會拖累網站的 loading 速度,所以現在可說是接近被淘汰的狀態。甚至 行動版裝置如 iPhone 與 Android 手機等都不支援 Flash。
身為網頁設計師或是 SEO 優化師的你,請快使用 Google 推出的網頁速度檢測工具 (連結) 來檢視自己的網站速度吧!
提升網頁載入速度的作法有很多,例如減少 request 數量、最佳化圖片大小、整合多個 CSS 檔案等,技術難易度不一。而比較簡單的作法,歸納如以下兩項:
批次減少圖片大小
上傳圖片至網站之前,請減少圖片的大小。例如:當你的網站是使用 Wordpress 來架站時,可使用外掛 (如Shortpixel) 來壓縮圖片大小
精簡 HTML 文本
除了壓縮圖片大小之外,也請精簡 HTML 的編碼。很多時候精簡的編碼跟一長串的編碼,呈現的效果樣式是一樣的。所以請盡可能精簡 HTML 編碼。
以上介紹最簡單的加快網站 loading 速度的方法。站內 SEO 除了加快網站的速度之外,最基本、最直接會顯現在 GOOGLE 搜尋結果頁的正標副標更要優化。方法請見這篇:2018 後的 SEO 八部曲 3 - 老套的META TAG還是要做
本系列文章下一篇請點
天龍SEO八部曲之三:老套的META TAG還是要做!!
更多關於SEO或程式設計相關文章請點閱下方連結~
其他閱讀
UI/UX 設計工作完整剖析
第一次上程式設計課程該選 Python 還是 Java?有什麼差別?
人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!
UI設計網站30招不藏私,讓設計師超省力! (一)
前端工程師也該要會的後端技能你不能不知!!
想要培養第二專長?學好UI設計開始精彩的斜槓人生!!
- Sep 14 Mon 2020 16:02
-
天龍SEO八部曲之一:你的使用者是誰?

SEO天龍八部來啦!!想練好一身SEO好功夫就一定不能錯過這次介紹的系列文章!!看完功力大增~(一)
「要是你連選手的身分都不是,就別想贏得這場比賽!」
這跟 SEO 優化有何關係? 拿籃球來做比喻好了。小明身高只有 158 公分,想成為 NBA 籃球選手。現在他心裡只專注在自己想成為籃球選手的渴望,憑著「Just Do It」這句標語,他開始努力的練習籃球技巧。
但是無論他多麼努力的練習,「最佳化」自己的籃球技巧,其他人高馬大的球員就是比他高過多個頭,小明就是只有被蓋火鍋的分。當然籃球教練不可能挑選他上場,更不用說是贏得比賽了。因為小明根本就不是打籃球的料。
「小明」+「籃球」=「不搭」
而在 SEO 的世界中,「小明」就好比你的網站、「籃球教練」就好比 Google 針對某個特定關鍵字的搜尋結果,但是你個網站不是搜尋這個關鍵字的使用者想看的網站,所以你的網站可能連被這個關鍵字收錄的機會都沒有,更別說是「贏得比賽 (排序在這個關鍵字搜尋結果的第一頁)」了。
那 SEO 優化師們要如何尋找搜尋者想要看的網頁呢?
舉例來說,今天你是運動補給品廠商。你希望使用者輸入關鍵字「買 BCAA」,就能馬上搜尋到你的網站。那你準備要優化的網頁,是單一的產品介紹網頁、還是委託其他店商販售你家產品的分類頁面、或是介紹 BCAA 用途的教學網頁、還是自己官網的部落格?
你搜尋了關鍵字「買 BCAA」,結果如下圖:
你發現:電商網站的商品分類頁佔了 4 頁、知識型的部落格網站佔了 3 頁、論壇有 2 頁。所以會想買 BCAA 的人大部分會想從多個購物網站進行多品牌比較,更勝於指定單一品牌的產品。
由此可以觀察出:BCAA 的目標客戶(TA)是比較沒有品牌忠誠度的。他們常會在 momo、蝦皮、露天、PChome、Yahoo 等網路購物電商平台上做多品牌的比較。
此時,SEO 優化策略的第一順位,就是針對提供給這些電商網站的文圖,做內容型的 SEO 優化。這意味者你們的行銷團隊必須寫出更吸引人的文案、標題等以及更吸引人的圖片,以讓產品在眾多同業的產品之中勝出。
你也可以參考同業當中最暢銷的品牌,他的定價策略與文案風格來優化整個產品的銷售策略──這時就不只是 SEO 的工作了。
另外,因為知識型的部落格網站也佔了許多位置。此時商家可以考慮跟這些部落格的寫手合作,讓這些 KOL 願意把你的產品寫入他們的部落格網站內,再貼上你網站的購買頁面連結。藉由他們的高人氣,引導眾多導訪客到你家的購買頁面下單。你的產品與網站就在這些名列前茅的部落格網站曝光了。你公司的官網 URL 也會因為被這些高權重的網站曝光,而拉抬你官網的權重。
以上所舉的例子,只是一種產品的狀況,並不代表所有關鍵字對應到的的產品/服務都如此。因此 SEO 在擬定優化策略前,可以從搜尋排名得知 TA 的輪廓,並針對 TA 的搜尋習慣來訂定 SEO 計畫。像是一些比較區域性的產品或服務(例如:駕訓班、搬家公司等),SEO 策略就可以走 Local SEO,針對會出現在 Google 地圖上的一切做優化等等。
要使用何種方式做 SEO 優化,沒有固定的答案。因此 SEO 需要強大的變通能力。
雖然 SEO 沒有標準的 SOP,但是針對單一網站的站內 SEO,還是有一些基本的原則可遵守。像是提升網頁的 loading 速度,詳情請見此篇:2018 後的 SEO 八部曲 2-你的網頁夠快嗎?
本系列文章下一篇請點
天龍SEO八部曲之一:你的網頁速度夠快嗎?
更多關於SEO或程式設計相關文章請點閱下方連結~
其他閱讀
UI/UX 設計工作完整剖析
第一次上程式設計課程該選 Python 還是 Java?有什麼差別?
人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!
UI設計網站30招不藏私,讓設計師超省力! (一)
前端工程師也該要會的後端技能你不能不知!!
想要培養第二專長?學好UI設計開始精彩的斜槓人生!!
- Sep 10 Thu 2020 22:39
-
谷哥地圖結合人工智慧再升級!還能讓你從此避開塞車道路?!(下)

你是人工智慧迷還是谷哥地圖重度使用者?還是你是常為塞車所苦的開車族?無論你是哪一個都別錯過今天的文章!(下)
本篇為上篇,下篇請點此
谷哥地圖結合人工智慧再升級!還能讓你從此避開塞車道路?!(上)
圖像神經網路將道路視為一個圖形,路線對應節點(nodes),而邊線位於「連續道路」和「通過交叉路口連接的道路」之間。路段實際上是與交通密度成比例地、隨機採樣的道路子圖(subgraph),並通過訊息傳遞演算(message-passing algorithm)計算邊緣與節點之間的相互影響。
每個路段的長度和複雜度都有所不同,從兩條道路到包含數百個節點的路線都有。DeepMind 表示,將相鄰道路之間的交互關係納入考量後,也使得預測準度有所提升:「例如我們思考一條小巷的堵塞如果溢出,將如何影響主幹道的交通」。
▲ Google 地圖人工智慧分析計算道路交通之演算法示意圖。
DeepMind 也表示,在訓練時自動調整學習率,該模型不僅可以達到更高的成效,還能自動調整學習率,獲得更穩定的結果。
除了新模型,Google 地圖也一併考慮其他因素:如道路速限、道路面積、道路品質(如礫石地、柏油或泥地)、道路施工、天候氣象(如下雪、下暴雨或土石流等)、使用者回報的交通事故、封路、出現彎道或紅綠燈路口的頻率等等,以及因應新型冠狀病毒疫情隨之而來的交通管制。
疫情之下 Google 地圖受到的沖擊
Google 表示疫情爆發後,全球路上交通流量減少了 50 %,隨著疫情持續,仍有不少地區維持交通管制。
這種影響範圍擴及全球的特殊狀況下,為了不讓預測失準,AI 會自動優先考量近期的車流量記錄,將更早之前的車流量模式列為次要考量,讓導航結果的預計抵達時間更為精準。
這次事件展現出 Google 地圖與現實世界有多麼息息相關。Google 執行副總裁 Jen Fitzpatrick 也親自撰文表示,他們將會推動 Google 地圖發展新的技術,因為世界不斷在變化──公車班次的增減、新的道路被開拓、自然災害永久地改變通行路線等等。「這就是為什麼地圖需要更新、確保全面性和準確性的原因。人工智慧的重大突破改變了我們製作的地圖方法,也讓我們能將高品質地圖更快地帶到了世界各個角落。」
除了導航之外 其他有賴人工智慧的地圖功能
除了導航功能之外,其實 Google 地圖還有許多實用的功能都是靠人工智慧完成。
如 Google 曾公開他們如何利用深度神經網路,自動且準確地辨識街道名稱、模糊人臉與車牌。在自然場景中由於視覺偽影,如失真、閉塞、定向模糊、雜亂的背景或不同的角度等狀況,讓傳統的光學字符識別(OCR)難以完成辨識。
而為了保護用戶的隱私,Google 團隊致力於解決這一問題,使用神經網路自動模糊了街景圖像中的人臉和車牌,而經過足夠的標記數據訓練後,AI 也能自動升級 Google 地圖相關的最新信息。
另一應用在於描繪地圖上代表建築的幾何陰影。Google 利用了多層次技術,第一層人工智慧負責從衛星照片中辨識出建築物;第二層的人工智慧負責分辨建築物的輪廓,並去除四周雜物;第三層則是根據輪廓來描繪出最有可能的建築物狀態。這套系統從 2018 開始,已經繪製了超過 1 億個新建築到 Google 地圖上了。
這套系統在低度開發國家尤有效用,在政府資訊難以取得的國度,Google 團隊利用衛星圖和街景的影像,繪製出了奈及利亞大城市拉哥斯(Lagos)的地圖,填入了 20,000 條街道名稱、50,000 個新地址、與 100,000 間新商家的資訊。
像繪製地圖這樣巨量又繁瑣的工作,果然還是得靠AI的協助才有可能完成的呢。
更多關於人工智慧的相關文章請點閱下方連結~
其他閱讀
UI/UX 設計工作完整剖析
第一次上程式設計課程該選 Python 還是 Java?有什麼差別?
人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!
人工智慧貓砂盆問世!!全面掌控愛貓健康!!(1)
人工智慧只是冰冷的機器?四個暖心家庭案例翻轉你印象!!(上)
人工智慧這次挑戰歌詞創作,向經典重金屬樂團致敬~
- Sep 09 Wed 2020 22:39
-
谷哥地圖結合人工智慧再升級!還能讓你從此避開塞車道路?!(上)
- Sep 08 Tue 2020 23:00
-
鏟屎官工程師用人工智慧建造庇護所,守護流浪貓咪~(下)
- Sep 07 Mon 2020 22:59
-
鏟屎官工程師用人工智慧建造庇護所,守護流浪貓咪~(上)

你聽過人工智慧貓咪庇護所嗎?有了他~每年可是提高了許多流浪貓咪存活率呢!!好奇的你快一起往下看吧!!(上)
浪貓冬天存活率僅四成!工程師決定建構AI貓窩
冬天的嚴寒夜晚,當人類紛紛回家過冬時,就由人工智慧來守護浪貓的安全:至少先讓他們有能度過寒冬的地方。據動物組織估計,大陸每年約有 4 千萬多隻流浪貓,悲哀的是,只有其中的 40% 能成功活過冬季,也就是存活的只剩下約 1600 萬隻存活......
▲ 只有 4 成的浪貓能活著度過大陸的寒冬。
百度一名筆名為「晚兮」的工程師,於某個冬天看見一隻小流浪貓縮在車子的輪圈旁取暖。「晚兮」意識到牠們岌岌可危的生存困境,決定善用自己的人工智慧專業,並聯合其他愛貓志工,研發「AI 貓咪庇護所」。
人工智慧貓窩導入的 AI 模型 EasyDL,是百度推出的客製化 AI 訓練暨服務平臺。透過 EasyDL,團隊透過 EasyDL 建立「貓臉掃描門禁系統」並讓貓窩能恆溫通風。貓窩能自動提供食物、水,還可透過 AI 技術偵測出貓咪是否已絕育、生病受傷等,即時給予適當協助。目前已有一批浪貓入住。
冬天的嚴寒夜晚,當人類紛紛回家過冬時,就由人工智慧來守護浪貓的安全:至少先讓他們有能度過寒冬的地方。據動物組織估計,大陸每年約有 4 千萬多隻流浪貓,悲哀的是,只有其中的 40% 能成功活過冬季,也就是存活的只剩下約 1600 萬隻存活......
▲ 百度人工智慧貓窩設計草圖。
人工智慧貓窩導入 AI 模型 EasyDL,是為定制化訓練及服務平台建立了可掃描貓臉而開門、恆溫通風的 AI 人工智慧貓窩,可提供浪貓所需的食物、水,還可透過 AI人工智慧的技術偵測出貓咪是否絕育或生病、受傷,以便即時給予協助。目前已有一批浪浪貓入住。
▲ 目前已有一批浪浪貓入住人工智慧貓窩
人工智慧貓窩的功能詳列如下:
貓臉門禁系統 其他動物止步
▲ 貓臉門禁系統:導入人工智慧的鏡頭可辨識 174 種品種的貓,掃描後確認是「貓」才會開門。
為配合貓咪晚上活動的習性,貓窩設置的雙自動門配備具紅外線夜視功能的攝影鏡頭,一旦有貓靠近,第一道門先開啟,所以就算伸手不見五指的晚上,門禁系統也能也能照常為浪貓們開門。
▲ 配備人工智慧的貓臉辨識鏡頭,運作時會掃描貓臉
安全感不足的浪貓,防衛心大多很重。因此在貓咪進入第一道門後,第二道門就會自動開啟,直到貓咪完全進入室內,第二道門才會關上。這樣貓咪才房卸下心防、無掛慮的入住。透過百度大腦開放的動物識別技術,貓臉門禁系統可識別 174 種不同種類的貓,有效阻止流浪狗及其他動物進入,保護流浪貓不受其他動物侵擾。
本篇為上篇,下篇請點此
鏟屎官工程師用人工智慧建造庇護所,守護流浪貓咪~(下)
更多人工智慧相關文章請點閱下方連結~
其他閱讀
UI/UX 設計工作完整剖析
第一次上程式設計課程該選 Python 還是 Java?有什麼差別?
人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!
人工智慧貓砂盆問世!!全面掌控愛貓健康!!(1)
人工智慧只是冰冷的機器?四個暖心家庭案例翻轉你印象!!(上)
人工智慧這次挑戰歌詞創作,向經典重金屬樂團致敬~
- Sep 03 Thu 2020 23:52
-
UX,UI設計懶人包:如何讓UX,UI搭配得宜再加分?
- Sep 02 Wed 2020 23:52
-
UX,UI設計懶人包:UX,UI都要研究驗證?!

UX設計,UI 設計懶人包讓你第一次接觸就上手!!概念不再霧煞煞!!這篇要來就紹的是UI,UX的研究認證~
本篇為【UX,UI設計懶人包】系列的第 4 篇,完整連結如下:
UX,UI設計懶人包:UX,UI到底哪裡不一樣?!
UX,UI設計懶人包:UI設計的優點是什麼?!
UX,UI設計懶人包:UX設計的優點是什麼?!
UX,UI設計懶人包:UX,UI都要研究驗證?!
UX,UI設計懶人包:如何讓UX,UI搭配得宜再加分?
研究是關鍵!無論 UI、UX 都需要研究驗證
UI、UX 若想要盡善盡美,最重要的的就是要做各種事前研究!
無論是 UI 設計 或UX 設計師,都必須先做各種功課——盡可能收集資料、行為數據以研究使用者的需求,思考、分析和預測使用者在當下可能的行為、行為背後的動機以及隨之而來的體驗感受。
而研究所得的數據資料將應用在初版設計上,接著有的 UI、UX 設計師會透過真人測試或使用者訪談,取得使用者最直接的回饋、觀察並記錄使用者使用產品的整個過程、發現需求並構思解決方案,以確定設計能朝著正確的方向前進。
即使無法進行真人測試,也會透過 A/B 測試、易用性測試(Usability test)等方式在開發時就先測試找出問題,進一步對設計進行修改或優化。
推薦閱讀:使用 A/B 測試來改善網站 UI 設計的 30 個例子
而這樣「研究分析、設計開發、測試反饋、修改優化」的流程會重複多次,這樣的開發法又被稱為疊代式開發。與傳統的瀑布式開發相比,疊代式開發能降低風險、提早得到使用者反饋,也具有更高的效率和成功率。
採用這種方法,可以在完全確定設計需求之前就開始進行開發,在一次疊代中先完成一部分設計,再通過使用者的回饋來細化,再開始新一輪的疊代。
對於 UI 和 UX 設計師來說,事前研究都至關重要,也都使用類似的方法,以求規劃出得宜的設計。
本系列文章未完,下一篇請點
UX,UI設計懶人包:如何讓UX,UI搭配得宜再加分?
更多UI設計相關文章請點閱下方連結~
其他閱讀
美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生
第一次上程式設計課程該選 Python 還是 Java?有什麼差別?
五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?
人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品
30個方法教你如何用A/B測試改善網站的UI設計!!(1)
AI人工智慧命名大走鐘:甜點篇
學Python課程找好工作:品保花了一年順利轉職程式設計師!!





