本文把SEO挑選欲優化的關鍵字分為五步驟，並說明如何從消費者的需求出發發想關鍵字，如何從Google搜尋結果頁與SEO工具、還有競品網站搜集關鍵字並查驗結果。

在SEO關鍵字研究中，還可依照關鍵字的熱門度分為「核心關鍵字」與「長尾關鍵字」。核心關鍵字搜尋量高且競爭度高，長尾關鍵字搜尋量不高，但是競爭度低且容易觸及到精準客戶，好操作且數量多，因此適合SEO新手或中小型網站操作

選對關鍵字做SEO，可為網站帶來更多流量、增加成交率！關鍵字研究的第一步是先判斷關鍵字的分類，有資訊型、電商型以及導航型三種，各有其對應的網站類別。

Google官方部落格證實將棄用Cookie技術追蹤,改用人工智慧技術-FLoC.這款與傳統機器學習不一樣的FLoC演算法將不只投放廣告,也能保護隱私?

2021年5月Google網站核心指標(LCP、FID、CLS)即將成為SEO排名因素!本篇詳細介紹何謂LCP,FID,CLS這三大指標以及如何優化,還有Google官方檢測工具有哪些

最近SEOer可能們會在Search Console的網站使用體驗核心指標Core Web Vitals報告看到更多的網頁被評比為速度良好.但這並非是因做了什麼SEO優化,而是因最近Google放寬了網站使用體驗核心指標LCP,FID與CLS的標準

Moz,SEMRush等4大SEO分析工具數據都顯示:2月18日起,精選摘要Featured Snippet在Google搜尋結果頁中的顯示機率大幅下降,那SEO要如何因應呢?

Google Ads將於今年四月一日停用展示型購物廣告(Showcase Shopping ads),SEM從業人員如何因應?

SEO未來可能不只要優化內容與網站體質!Google宣布將推出一項新功能,會在使用者點擊搜尋結果前顯示訊息來源.來源的摘要主要來自維基百科

SEO 跟付費的關鍵字廣告有何不同？為何在網路行銷很重要？ 相信每個網路行銷從業者都希望自家網站能在 Google 搜尋結果上「有效」曝光，以吸引更多人潮！要達成此目的，有兩種方法：第一種是透過付費「關鍵字廣告（PPC）」出現在廣告版位，第二種便是透過符合搜尋引擎規範的網站優化（SEO），使你的網站能被 Google 搜尋引擎收入，出現在 Google 的自然搜尋結果！ 以上的方法，前者的「關鍵字廣告（PPC，有些業者把這種方式稱為「SEM（搜尋引擎行銷）」，其實並不是很精準）」，優點是曝光快，但在廣告版位的排序與名次，則是依你交了多少廣告費而定。若帳戶內的錢用完，廣告則會自動下架；而後者（SEO 網站優化) 速度雖然慢，且要做的事很多，但是一但排名衝上去後，停留的時間便很持久。 ▲ 自然排序與關鍵字廣告在搜尋結果頁的位置。來源：達內教育 回歸正題，SEO（Search Engine Optimization）本意是「搜尋引擎最佳化」，是一種善用搜尋引擎（如 Google 搜尋、Yahoo 搜尋等等）的演算法原理，來優化網站的概念與技術。 當網站能「不」透過付費的關鍵字廣告，而能在搜尋結果頁面上透過自然排序、曝光度吸引更多的訪客來瀏覽網站時，成交的機會也就隨之增加，對企業的業績與口碑都有正面影響。 不像需要付費的關鍵字廣告，錢沒了網站就停止曝光；透過 SEO 技巧所奪得的網站排名與曝光可以持久。因此 SEO 優化在網路行銷佔有一席之地。 公司中身為 SEO 的困難點？ 比起上一段提到的 PPC 廣告投放，能有許多清楚的數據，業界知名的...

JavaScript 的兩組運算子「遞增（++）」與「遞減（--）」可以針對指定的數值進行「加1（遞增）」與「減 1（遞減）」的運算。 遞增運算子（++） 遞增運算子能對數值進行「加1（遞增）」的運算。當置於運算元前方，就會先執行運算，因此得到的值是遞增過的值；若配置於後方則是先取值後運算，會先得到運算元本身的值後才加 1。如以下例子：     var x = 10,y = 10;     var a = ++x,b = y++;     console.log(a,x);     console.log(b,y); 前置運算會先完成遞增運算後再設值。因此 x 完成遞增運算結果為 11 後，再設值給變數 a。因此 a 的值為 11、x 的值也為 11；而後置運算會先設值後再完成遞增運算。因此...

JavaScript為何要叫JavaScript?由來是否跟Java有關?而除了應用於網站前端,後端開發(Node.js)外,竟還能畫3D圖,實現AR/VR?本篇帶你重新認識JavaScript語言

程式設計師因傷恐無法再用雙手,就藉著人工智慧開發出一款可以用說的來輸入程式的工具Serenade Pro.人工智慧能分析你所說的話,並將其轉換為語法正確的程式碼.

對於前端工程師來說，MySQL 是屬於後端工程師的技能。但是若前端工程師也略懂 MySQL 的話，無論是求職上會有莫大幫助。 因為在人力銀行網站搜尋前端工程師的職缺，會發現有些公司會把 MySQL 列為前端工程師的必備技能。通常 (非全部) 擁有 MySQL 技能的前端工程師獲得高薪的機會較大。多一項能力，調薪的籌碼就越大。 推薦閱讀：前端工程師的學習路線圖整理 我們就直接切入基礎的 MySQL 教學！本篇先來簡介一下資料庫 4 大基要語句，他們分別是定義資料庫的 DDL (Data Definition Language)、操作資料庫的 DML (Data Manipulation Language)、控制資料庫的 DQL (Data...

    RedMonk 發表了 2020 年第 3 季的熱門語言程式排名，大破了 2012 年以來 Java 總是落在冠軍與亞軍的紀錄。這次 Python 正式擠掉 Java 成為第 2 名，讓 Java 退到了第3名。 JavaScript 仍蟬聯冠軍寶座，而第 4 名多年來都是 PHP，接下來則是由 C++ 和...

UI 設計的知識網站「GoodUI.org」整理分享了許多已經 A/B 測試的 UI 設計，先幫忙把常見的網頁排版都測完，幫助 UI 設計師/網頁設計師們省下許多功夫！ 什麼是A/B測試 A/B 測試（A/B Test）運用了統計學的原理，顧名思義就是眼前有「A 版」與「B 版」兩種方法，為了測試哪種方法能獲得更好的市場反應，將 2 種版本同時上線，將消費者導入 A 或 B 版網頁做測試。 A/B 測試的優點在於可以得到實際的數據，而非依靠主觀意見來決定網站的架構與UI 設計，也能不落傳統思維的俗套。只是各個版本需運行一段時間，待累積足夠的數據，才能確保測試的準確性，也需耗費不少成本。 範例1：嘗試使用單欄排版取代多欄 多欄式排版的 UI 設計有分散頁面焦點的風險，而單欄式排版可以更好地安排內文敘述，同時從上而到下引導讀者的視覺動線也更加直覺，也能避免於閱覽者分心。最後可以安排醒目、富有號召力的內容做結尾。 範例2：在行動呼籲前先給予誘因 在 UI 排版上，先給予像是「送禮」等誘因，是一種基於互惠原則的有效說服策略，同時也是能優化...

1. HTML5 書本翻頁動畫特效 這是手動翻書頁面特效的基本款。這款 HTML5 翻頁動畫可以用鼠標拖動頁面來模擬手動翻頁的效果，也可以點擊書頁的邊框來快速翻頁。 ▶網頁上展示 ▶原始碼下載 2. HTML5 3D書本翻頁特效 利用 HTML5 和 CSS3 不但可以實現翻頁動畫，還可以 3D 的立體形式實現。下面這款書本翻頁特效，使用鼠標拖拽書本頁面即可翻動頁面，在翻頁的過程中，書本還可以呈現出3D立體的效果 - 包括書本中的圖片也是。 ▶網頁上展示 ▶原始碼下載 3. HTML5/CSS3書本翻頁3D動畫 另一種簡潔版書本3D動畫特效，當我們將鼠標滑過書本時，書本就會自動一頁頁翻過去，書本的3D效果非常鮮明、極簡舒服。 ▶網頁上展示 ▶原始碼下載 4.超逼真書本翻頁動畫(CSS3版) 這款 CSS3 動畫效果是模擬書本翻頁的動畫特效。當鼠標滑過書本右上角時，書本即可向前翻一頁，而且翻頁動畫非常逼真。由於 CSS3 的運用，我們並不需要使用複雜的圖片來製造逼真的書本效果，書本翻頁可以很簡單地完成。 ▶網頁上展示 ▶原始碼下載 5.超逼真書本翻頁動畫(jQuery版) 這款 jQuery 書本翻頁 3D 動畫，功能更加強大，支援頁數不限，並且也有非常逼真美觀的視覺效果。書本的內容支持所有的...

今天達內教育要跟大家分享的文章是關於為什麼學習網頁前端一定要掌握 JavaScript ？在前端的世界裡，沒有什麼是 JavaScript 實現不了的，關於 JS 有一句話：凡是可以用 JavaScript 來寫的應用，最終都會用 JavaScript ， JavaScript 可運行在所有主要平台的所有主流瀏覽器上，也可運行在每一個主流操作系統的服務器端上。現如今我們在為網站寫任何一個主要功能的時候都需要有懂能夠用 JavaScript 寫前端的開發人員。 而後端代碼是用什麼編寫的則無所謂——不管是 Java，PHP，.NET，Node.js 還是其他——但是用戶端就一定需要一個 JavaScript 開發人員。事實上，現在很多開發人員依然沒有認識到 JavaScript 有多麼強大。學習網頁前端開發技術，掌握 JavaScript 這門語言是必要的，那麼JS有哪些功能和領域呢？一起看一看吧！ 1.資料視覺化 資料視覺化是當下大家所推崇的一種互動展示模式，而 Java...

Python程式語言勇奪IEEE 2019程式語言排行榜的冠軍.Python受歡迎的主因是完美搭上了AI熱潮,像是最知名的函式庫"Keras"提供的 TensorFlow,CNTK,Theano深度學習框架的介面和工具包,正是人工智慧工程師們必備的武器...

UI vs. UX 設計 - 為什麼容易搞混？ UI 設計 和 UX 設計 常常被混在一起使用、或將兩者視為同一種專業，也有不少公司開出「UI 設計師」的職缺，卻要求應徵者兩種能力兼而有之。 除了因對 UI、UX 不甚了解外，其中一個原因是 UX 包含的事情較為廣泛：從介面設計、視覺風格、程式功能和運作效能等等都是其中一環，與 UI 設計或多或少有所重疊。而且許多專業設計師對這兩種專業都有涉獵，久而久之就常見 UI、UX 並稱的狀況了。 ▲ UI、UX 設計雖為不同專業，但在某些方面會有重疊。(來源：Asinthecity)   但隨著對 UI、UX 的認識日漸普及，目前的分工也越來越明確了，接著讓我們來看看...

UI 設計的知識網站「GoodUI.org」整理分享了許多已經 A/B 測試的 UI 設計，先幫忙把常見的網頁排版都測完，幫助 UI 設計師/網頁設計師們省下許多功夫！ 什麼是A/B測試 A/B 測試（A/B Test）運用了統計學的原理，顧名思義就是眼前有「A 版」與「B 版」兩種方法，為了測試哪種方法能獲得更好的市場反應，將 2 種版本同時上線，將消費者導入 A 或 B 版網頁做測試。 A/B 測試的優點在於可以得到實際的數據，而非依靠主觀意見來決定網站的架構與UI 設計，也能不落傳統思維的俗套。只是各個版本需運行一段時間，待累積足夠的數據，才能確保測試的準確性，也需耗費不少成本。 範例1：嘗試使用單欄排版取代多欄 多欄式排版的 UI 設計有分散頁面焦點的風險，而單欄式排版可以更好地安排內文敘述，同時從上而到下引導讀者的視覺動線也更加直覺，也能避免於閱覽者分心。最後可以安排醒目、富有號召力的內容做結尾。 範例2：在行動呼籲前先給予誘因 在 UI 排版上，先給予像是「送禮」等誘因，是一種基於互惠原則的有效說服策略，同時也是能優化...

睽違14年，今年10月即將入手的 eID，新功能你期待嗎? 還記得 2018 年內政部舉辦的「新版身分證」設計競賽嗎? 當時任職 HTC，參與 HTC Sense UI 介面設計與 HTC Themes 設計的魯少綸，他的作品「形｜SHAPE」以簡潔的 UI 廣獲評審青睞，獲得「設計獎」，更成為新式身分證的設計依據。 ▲ 新身分證得獎做品：左圖為設計獎、右圖為人氣獎 不過在網路票選過程中，「形｜SHAPE」僅獲得 46 票，與獲得近 10 萬票卻只得了一個「人氣獎」的作品「嶼民在地」票數相差懸殊，引發網友們不滿。「不禮貌鄉民團」在臉書上貼出比較，質疑為何 9 萬 6 千票的作品卻輸給僅有...

色彩的魔力：黑色在UI設計的運用 ▲ 黑色的UI設計範例 色彩對人造成的影響是非常強烈的，色彩心理學的開創者 Carl Jung 曾說：「色彩是潛意識的母語。」即使沒有自覺，但是我們的各種選擇其實都受到潛意識左右，而潛意識則很容易被顏色影響。CCI COLOR的研究顯示，消費者在網路上評估一項商品時平均只花費短短90秒，而對於產品的印象，有62%以上都來自於顏色。 因此「色彩心理學」對於 UI 設計 非常重要，無論是要設計軟體產品的介面、品牌形象網頁的整體視覺風格或提升 使用者體驗（UX) ，都不可或缺，但是並不是每個 UI 課程 都有這方面的教學。 今天將探討「黑色」的色彩意義，以及優秀的 UI 設計 師必須掌握的配色技巧！ 黑色：最富有多元意義的顏色 ▲ 德國的歌德金屬樂團 Lacrimosa 的專輯封面，一率用黑白且富有歌德元素的素描 說到黑色代表的意象，你可能會想到：侵略、權力、優雅、高貴、恐懼、神秘、邪惡……會有這麼多含意，是因為黑色被色彩學定義為無彩色，但能帶給人心理上的特殊感受，在許多文化中都賦予了黑色不同的哲學意涵，是一種心理色調。 歐美文化中，黑色經常被賦予死亡、恐懼的意義，如稱呼鼠疫為黑死病；同時也是悲傷的象徵，如參加葬禮會著黑色衣服。 在中國文化中，黑色在《易經》裡被認為是天的顏色，同時也是眾色之王，是古中國單色崇拜最長的色系。以黑白表示陰陽合一的「太極圖」，是中國千百年的哲學思想結成的碩果。 正因黑色在文化意義層面上被賦予多種的寓意，當用於設計作品時，也可以傳達出各種不同的概念: 1. 只使用黑色，能凸顯空間感和構圖 ▲ 德國錯覺藝術大師 Escher 喜歡使用黑白兩色，凸顯建築空間感、矛盾的結構等。 黑色因沒有色調深淺和亮度，常被認為是嚴肅、正式的顏色，但相對地，黑色當作背景能讓產品凸顯出來，在呈現空間感的同時看起來更具質感。但若是有大量文字的網頁就不建議以黑色作為背景色，因會使閱讀變得吃力。 同時，只使用黑色也能凸顯核心重點，避免被過多的顏色分散焦點。 2....

AUDI 的「數位優先（digital-first）」UI 設計策略 ▲ 因應 Audi 的「數位優先」品牌重塑計畫，德國設計公司 Strichpunkt 幫 Audi 打造出極簡一致、功能為主的跨平台 UI 介面。主要元素為區塊佈局、簡單配色、獨特的 Audi 字體以及平面化的 Audi 標誌 現今人們上網的媒介已不再侷限於桌上型電腦，手機上網、或是在車上裝設平板電腦上網早已普及。因此德國汽車公司 Audi 早在於2017 年透露了他們的品牌重塑（rebrand）計畫，以「數位優先（digital-first）」為其主軸。 「數位優先（digital-first）」的品牌重塑（rebrand）計畫聚焦於數位裝置的 UI 設計，期望更多用戶，無論是使用平板、手機、桌上型電腦等上網媒介瀏覽 Audi 網站、或是使用 Audi...

為何我們會想寫這篇文章? 你以為產品設計師的工作只是讓產品美觀就好了嗎？沒那麼簡單！重點除了賦予外型質感外，更要顧慮到 UI (使用者介面）與 UX (使用者體驗)。目前 NETFLIX 上熱播的【抽象：設計的藝術 第二季】就聚焦在數位產品、字體、玩具、服裝、建築等領域的頂尖設計師，一起來看看他們的想法與普羅大眾相比，是否有什麼獨道之處，才能衍生出如此突出又充滿人性的創意？ 所有的設計，必須兼顧到質感、以「人」為出發點，才可稱得上是合格的設計。可見要當個成功的設計師，所思考的面向都必須比一般人更多，擁有更細膩的思維。目前 NETFLIX 上熱播的【抽象：設計的藝術 第二季】，由《Wired》雜誌前主編 Scott Dadich 以及奧斯卡最佳紀錄片導演 Morgan Neville 聯手打造，聚焦於不同領域的六位設計大師為主題，介紹他們如何玩轉設計。 節目中不時引領觀看者思考「設計的目的到底是什麼?」而設計又如何以我們意想不到的方式，改變我們的日常生活? 一起來窺探他們的想法、創意有何獨到之處吧！ Instagram 設計總監、前 Youtube 資深 UX 設計師——Ian Spalter ▲...

1. HTML5 書本翻頁動畫特效 這是手動翻書頁面特效的基本款。這款 HTML5 翻頁動畫可以用鼠標拖動頁面來模擬手動翻頁的效果，也可以點擊書頁的邊框來快速翻頁。 ▶網頁上展示 ▶原始碼下載 2. HTML5 3D書本翻頁特效 利用 HTML5 和 CSS3 不但可以實現翻頁動畫，還可以 3D 的立體形式實現。下面這款書本翻頁特效，使用鼠標拖拽書本頁面即可翻動頁面，在翻頁的過程中，書本還可以呈現出3D立體的效果 - 包括書本中的圖片也是。 ▶網頁上展示 ▶原始碼下載 3. HTML5/CSS3書本翻頁3D動畫 另一種簡潔版書本3D動畫特效，當我們將鼠標滑過書本時，書本就會自動一頁頁翻過去，書本的3D效果非常鮮明、極簡舒服。 ▶網頁上展示 ▶原始碼下載 4.超逼真書本翻頁動畫(CSS3版) 這款 CSS3 動畫效果是模擬書本翻頁的動畫特效。當鼠標滑過書本右上角時，書本即可向前翻一頁，而且翻頁動畫非常逼真。由於 CSS3 的運用，我們並不需要使用複雜的圖片來製造逼真的書本效果，書本翻頁可以很簡單地完成。 ▶網頁上展示 ▶原始碼下載 5.超逼真書本翻頁動畫(jQuery版) 這款 jQuery 書本翻頁 3D 動畫，功能更加強大，支援頁數不限，並且也有非常逼真美觀的視覺效果。書本的內容支持所有的...

2020 UI、UX 設計關鍵影響：5G ▲ 5G 時代的即將來臨，所有產業都牽涉其中。   5G 更代表我們將迎來嶄新的商業模式、掀起大規模產業變革以及為其他未來科技開啟一扇大門──如自駕車，5G 將成為這項科技得以開花結果的最大助力，幾乎任何高科技產業都會受到衝擊。 無疑問的，5G 將會是 2020 年影響 UI 與 UX 設計潮流最大的因素，這也闡明「速度」將會是今年度的核心理念。 了解大環境的因素，接著就讓我們來細看 5G 影響下的 UI 和 UX 領域的各別趨勢： 5G 影響下的 3 大 UI...

網路行銷影片的文字標題太無聊？使用特效吧！根據國外有 32 萬人次訂閱的 VFX 影片後製教學頻道 「SonduckFilm 」精選出來的 Top 10 影片文字特效，全部都是 After Effects 的預設，不需要其他的插件即可完成，適合步調快速的網路行銷人員使用。這十種特效的做法分別列於下方： 目錄： 科技感的 Data Stream 字體特效 霓虹光 Rotate Hue 字體特效 Drop in by...

國外一名擁有十多年經驗的 VFX 影像後製/剪接師，分享了一些新手剪輯師常犯的錯誤 —— 你會驚覺，這些錯誤是如此的常見。有可能是因為新手們不太清楚以下的剪輯小撇步： 這篇文章中，列出了 10 個新手們常犯的剪輯小誤區，只要避免這些錯誤，你在剪輯的工作上就能更加流暢，有立竿見影的效果。其中四個是關於工作整理、三個關於音效編輯、另外三個則是其他你沒想到的問題。 目錄： 凌亂的的資料夾 混亂的時間軸 錯誤的版本管理 沒有自動儲存或檔案備份 音軌不順或雜音四起 平庸的背景混音 馬虎的配樂編輯 差強人意的標題與字幕 錯誤編碼和影片速率 缺乏自我專業度的提升 凌亂的的資料夾 ▲ 凌亂的的資料夾示意圖 身為一個影片剪輯師，擁有一個分類整齊、一目然的資料夾是必備能力。他能讓你的其他工作夥伴，一看到你的資料夾，就知道你目前的工作進度，並且順暢的接手剪輯的工作。這樣的工作習慣不但能讓你在與其他剪輯師交接工作時更加順利，也將減輕你的工作負擔，讓你在開始工作時，更快銜接上上一次的工作進度。 所以，請將你的資料夾按照一定的邏輯分類，並在資料備份的硬碟中，也要保持一致的分類邏輯。另外，你也必須確保你備份了所有下載的影音檔、螢幕截圖以及檔案。你絕對不會知道當別人在離線的狀況下，看到你的檔案還需要上雲端去下載的時候，內心多麽崩潰。所以，這舉手之勞可是會讓別人大大感謝你的。 其實，檔案管理不只讓新手剪輯師苦惱。今天不管你是不是剪輯師，有效管理檔案都能讓工作事半功倍。若你也對檔案管理毫無頭緒，這裡的小技巧能讓你凌亂的數位檔案乖乖就緒，再也不會像迷宮一樣令人頭昏！ 混亂的時間軸 ▲ 混亂的時間軸示意圖 井然有序的時間軸，可以讓別人輕易的找到特定的剪輯片段，並且讓片段順序組織化。在較大型的專案中，若沒有這樣的習慣，很容易使你的工作變得一團亂。遵從以下幾點，就能避免時間軸混亂的災難： 替你的影像軌、音軌命名 讓每個組件都在指定的影像軌、音軌中 善用顏色標籤來分類不同類型的剪輯片段 別在時間軸的結尾任意留下垃圾 錯誤的版本管理 This was organized by an actual video editor. pic.twitter.com/VzYjMJ61DL — Matt Penn (@mattpenndotcom) January 18, 2018 身兼導演、後製監製的 Matt...