下定決心就可以做到!測試員也能輕鬆轉戰前端工程師!

下定決心就可以做到!測試員也能輕鬆轉戰前端工程師!
下定決心就可以做到!測試員也能輕鬆轉戰前端工程師!

想要轉戰前端工程師不是夢!測試員也能微痛轉戰成功!

測試工程師察覺現況,決定學習網頁前端

 

 

林先生大學時就讀電子工程學系,現在是一名網頁前端工程師,在公司負責網頁前端的切版及開發。

在轉職之前,林先生的工作是科技業的測試工程師,但當時公司所有的產線、設備基本上都在大陸,且公司也在管控出差的人員。林先生察覺到這樣下去,根本學不到實際的東西,因此埋下了轉職的念頭。

在當時因緣際會下接觸到達內教育的「前端工程師」課程,聽完說明後理解到:這是一份包含了從入門到進階應用、從前端到後端的一條龍式課程,非常的全面,於是就決定報名了。

非本科系的微痛學習歷程

畢竟不是本科系,從未接觸過網頁開發的林先生在學習過程中,感到壓力非常大。從最基礎的網頁切版到學習 Javascript 框架,並獨自一人整合網頁前後端,完成專案。雖然過程中壓力非常大,而且遇到非常多不會的問題,但是當把獨立完成的網頁呈現出來時,成就感可不是言語能夠表達的。

前端工程師經驗滿一年

林先生轉職至今,已經累積了超過一年的前端工程師經歷。他說:每天都會有新的技術需要學習、新的問題需要解決。「如何調整心態,並不斷精進能力,是目前最需要解決的課題。但是有著在達內這段學習的歷練,相信我一定很快就能克服。」

 

 

 

推薦文章:
用說的就能寫程式!人工智慧替手傷工程師開發語音程式工具


Google 12 月更新演算法!SEO今年排名最大洗牌


Google 在 Search Console 中啟用新的檢索統計報告


Python與R語言之戰鹿死誰手?盤點5個即將消失的程式語言!


人工智慧操刀寫文章?記者工作恐不保?!(上)


人工智慧藥櫃,為你我用藥安全把關!(上)


淺談愛沙尼亞如何讓人工智慧賦予法律決策權!(上)

分不清JavaScript和Java嗎?它們竟然沒有關係?!

分不清JavaScript和Java嗎?它們竟然沒有關係?!
分不清JavaScript和Java嗎?它們竟然沒有關係?!

還是分不清處JavaScript和Java的差別?聽說它們名字雖像卻完全沒關係?!

JavaScript 與 Java 有關係嗎?JavaScript 的編年史

1992:ScripEase

一家稱作 Nombas 的公司開發嵌入式語言「Cmm」,後改名為「ScripEase」。之後出現可以嵌入在網頁的 CEnvi 版本

1995:從 LiveScript 改名為 JavaScript

Netscape (網景公司) 與昇陽科技聯手完成 Netscape Navigator 2.0 的腳本語言
「LiveScript」。之後因為「趕流行」而改名為「JavaScript」:因為在當時網景公司與昇陽科技組成的開發聯盟為了讓這門語言搭上當時正夯的 Java 程式語言這個「熱詞」,因此臨時將 LiveScript 改名為 JavaScript,但是這也成為日後大眾對於這門語言有許多誤解(好比說: 誤以為這門語言與 Java 有關)的原因之一。

1996:制定統一 JavaScript 標準

微軟在 IE 3.0 內發布 「JScript」,是為 JavaScript 的複製版。此時有三種版本的 JavaScript,一為 Netscapt Navigator 3.0 中的 JavaScript「本尊」、IE 中的 JScript 與前述 Nombas CEnvi 中的 ScriptEase。在同年 11 月,Netscape 決定將 JavaScript 提交給歐洲電腦製造商協會(ECMA)制定統一的 JavaScript 標準。

1997:發布第一版 ECMA-262

ECMA 發布 262 號標准文件(ECMA-262)的第一版,規定了瀏覽器腳本語言的標準,並且將這種語言稱為「ECMAScript」(因為當時只有 Netscape 才能合法的使用「JavaScript」這個名字)。

2009:Node.js 讓 JavaScript 朝後端發展

CommonJS 規範讓 JavaScript 朝伺服器端發展。Node.js 就是遵循 CommonJS 規範,可以直接使用 Sockets API 建立各種網路服務程式。

現狀

多虧了 Node.js,讓原本只能應用在前端(瀏覽器端)的 JavaScript 現在也可以應用在後端部分(伺服器端)。

JavaScript 有哪些特色?

  • 可以用於任何編輯器開發
  • 腳本不需要編譯,直接由 JavaScript 引擎「解釋(註:編輯一行就執行一行)」執行
  • 靈活的「弱型別語言」:變數可被賦予不同資料類型的值。
    強型別的語言遇到函式引數型別和實際叫用型別不合的情況,經常會直接出錯或編譯失敗;而弱型別的語言常常靈活地進行隱式轉換因應。
  • 基於原型(Prototype-Based)的物件導向語言
  • 可跨平台使用:Linux、Windows、MacOS、Android 等

不只是網頁開發:JavaScript 的應用

  • 前端(瀏覽器端)的網頁互動效果
  • APP 開發
  • 圖像使用者介面 (GUI)
  • 2D 繪圖、3D 建模(如 Three.js)
  • 網頁上實現虛擬實境(VR)與擴增實境(AR)
  • 創建網頁伺服器、操作資料庫等後端操作

JavaScript 的開發環境

  • 任何瀏覽器(IE、Google Chrome、Firefox、Safari、Opera 等)都自帶 JavaScript
  • APP 開發
  • 如何建置 JavaScript 的開發環境
    1. 瀏覽器端:自帶 JavaScript 解釋器,不需要另外建置開發環境。
    2. 伺服器端:至 Node.js 下載 Node.js 後,使用終端機(iOS) 或是命令提示字元(Windows)輸入「node -v」查看電腦上 Node.js 的版本已確認是否安裝。

今天的 JavaScript:熱門程式語言榜冠軍常客

根據 RedMonk 發表 2020 年第 3 季的熱門語言程式排名,儘管第二名 Python 之後的語言排行仍有變動之外,JavaScript 卻始終蟬聯冠軍寶座。有興趣建議可以參考下列文章:

推薦閱讀:

而 RedMonk 熱門程式語言排行榜是結合 GitHub 及 Stack Overflow 平台而綜合出的排名結果:GitHub 能反映程式語言實際被使用的狀況;而 Stack Overflow 則顯示程式語言的討論熱度。RedMonk 綜合以上兩者,歸納出排行,可以作為未來程式語言趨勢的參考哦。

 

 

 

 

 

 

推薦文章:
用說的就能寫程式!人工智慧替手傷工程師開發語音程式工具


Google 12 月更新演算法!SEO今年排名最大洗牌


Google 在 Search Console 中啟用新的檢索統計報告


Python與R語言之戰鹿死誰手?盤點5個即將消失的程式語言!


心靈雞湯竟然是人工智慧操手的?!還有什麼是它辦不到的!(上)


人工智慧當法官?!愛沙尼亞司法領域做到了!(上)


人工智慧藥櫃,守護你我的用藥安全!(上)

谷歌12月更新演算法!竟讓SEO排名完全大洗牌?!(下)

谷歌12月更新演算法!竟讓SEO排名完全大洗牌?!(下)
谷歌12月更新演算法!竟讓SEO排名完全大洗牌?!(下)

SEO排名大洗牌?原來跟谷歌在12月更新演算法有關?!(下)

維基百科、牛津LEXICO線上字典SEO排名變差

▲ 由圖中可以看出:自 12 月 5 日起,百科全書與辭典型的網站名網站都開始直線下滑。(source:翻拍自 Sistrix)

 

 

根據 SEO 顧問公司 Sistrix 公布的資料顯示,自從 12 月 5 日起,百科全書與辭典型的網站名網站都開始直線下滑。該公司卻表示對這樣的結果「不意外」,因為早在上一次的更新時,新的「網頁品質評估員指南(Search Quality Raters guidelines)」就特別針對這類型網站,新增評分規則:

「當要為字典和百科全書結果分配「滿足需求(Needs Met)」的程度來評分時,必須特別留意用戶的搜尋意圖。與其他的搜尋結果一樣,字典和百科全書的有用性,取決於查詢與用戶的搜尋動機。雖然字典和百科全書的搜尋結果可能與許多搜尋字詞相關,但是對於評分區中大多數的人來說,他們已理解此字詞的意義,所以這類結果是沒有幫助的。」

「當搜尋此關鍵字的用戶動機可能是『什麼』或『這是什麼意思』時,字典和百科全書的搜尋結果就保留「高度滿足需求」的評級,此結果對搜尋這類資訊的用戶很有幫助。」

例如:假如搜尋關鍵字為「obsequious (奉承阿諛)」時,因為該關鍵字為中學英文課本內的單字以及大學入學考試的常考字彙,所以字典類的搜尋結果對於此關鍵字的「滿足需求(Needs Met)」值是高的;又如搜尋關鍵字為「rainbow(彩虹)」時,因為大多數人可能已知道「rainbow」是什麼意思,所以可能只是想搜尋名稱為「rainbow」的品牌、商店或是樂團名稱。因此字典或百科全書類的搜尋結果,對於此關鍵字的「滿足需求(Needs Met)」值就很低。

內容導向網站,SEO排名波動幅度大

Searchmetrics 的 Marcus Tober 就表示此核心演算法更新「仍在進行當中」,但是與 E-A-T 和典型「內容導向」領域(如音樂、健康、金融、新聞、電子商務)的網站,SEO 排名卻已受到影響。而有少數排名因此竄升或下降的網站,也是過去五月核心更新後的贏家與輸家——如 Spotify 與 Twitch 都因五月的更新而蒙受重大損失;此次演算法更新後也沒有復甦的跡象。這可能是因為 Google 為了測試結果而謹慎地多次發布更新;或是在聖誕季時更新造成的的影響可能比較小。一兩週後,才可能可以真正見真章。

Searchmetrics 將一些數據公佈在官網上,包含了五月與此次的核心更新對各網站所造成的影響比重,如下圖:

 

▲ 由圖中可以看出:曾經在5月核心更新而受到負面影響的網站,在此次的更新中排名「復甦」。(source:Searchmetrics)

 

 

Searchmetrics 也公布了此次演算法更新的贏家與輸家,贏家包含音樂網站 songmeanings.com、zoominfo.com、女性時尚傳媒 elle.com、名言佳句網站 azquotes.com 等;輸家有華盛頓農業局網站 wsfb.com、巧克力資訊網 chocolate.com、lyriccenter.org 等。

給12月核心更新 SEO輸家的建議

對於因核心演算法更新,對 SEO 排名有負面影響的網站,Google 過去曾經給予了建議。其實要恢復排名,說真的並沒有一套標準的措施。實際上,排名受到負面影響並不代表你的網頁有任何問題。但是,Google 也提供了一個問題列表,以確認你的網站是否受到核心更新的衝擊。解決表上的問題, Google 確實說你可以在下一次的核心更新「前」看到一些恢復,但是最大變化將是在下一次核心演算法更新「後」。

 

 

 

 

 

 

 

推薦文章:
用說的就能寫程式!人工智慧替手傷工程師開發語音程式工具


人工智慧能「聽咳嗽聲認出新冠患者」!成功率達 98.5%


Google 正測試人工智慧系統,助盲人和視障人士獨立參加路跑


Nature:語言天才比數學高手更適合學 Python!別在嘴文科生、女性不能寫程式了


SEO的潛藏危機-404錯誤及轉址式404的差別


人工智慧先驅逝世,令人不捨!


想當SEO的常勝軍?一定要知道404錯誤和轉址式404解決方法

谷歌12月更新演算法!竟讓SEO排名完全大洗牌?!(上)

谷歌12月更新演算法!竟讓SEO排名完全大洗牌?!(上)
谷歌12月更新演算法!竟讓SEO排名完全大洗牌?!(上)

SEO排名大洗牌?原來跟谷歌在12月更新演算法有關?!(上)

SEO大事:Google 2020年12月搜尋引擎核心演算法正式更新

2020 年 12 月 3 日對 SEO 們來說可以說是重要的日子:因為 Google 開始更新 2020 年 12 月的核心演算法。根據以往,每一次的演算法更新,都會在隔天就有感。但是根據 Google 所說,演算法都需要好幾週才能完全更新。根據國外知名 SEO 網站 Search Engine Land 的文章所述,這次的核心演算法更新將會是大規模的變動,變化幅度甚至將會超過數個月前——也就是 2020 年 5 月的核心演算法更新。

根據 Search Engine Land 所述,數家追蹤 Google 搜尋結果的 SEO 公司也都認為:這是一次重大的更新,幾乎各行各業都能明顯感受到。

這次的核心演算法更新在 12 月 3 日星期四、美國東部時間下午 1:00 開始。如同其他的核心演算法更新,這次也是全面性的更新,並不受到區域、語言與網站類別的限制。這是 Google 慣例的每隔幾個月就會發布的「廣泛核心更新」,且距離上次的核心更新以來最長的時間——將近七個月,而典型的間隔時間是三個月。

過去的 SEO 演算法更新

最近的一次演算法更新是今年五月,也是一場規模廣大的更新,花了將近兩個禮拜才完成。在此之前,今年七月與 2019 年九月也各有一次核心更新。對 SEO 來說,去年九月的那次更新比以往的影響力更「無感」。隨然之後 11 月還有一次更新,但是僅針對區域排名。

2020 年 12 月的 SEO 演算法更新

這一次「變很大」——根據幾家 SEO 公司提供的數據,都顯示這次更新的規模是重大的。隨著時間的推移來看波動,目前此更新似乎趨緩,而其中最大的變化是在 12 月 4 日,星期五。

更新的時機

此次的更新在西方國家的聖誕祭連假兩週前釋出。雖然 Google 聲稱此更新是在感恩節假期、黑色星期五與網路星期一之後才推出,但是對於主要藉著聖誕連假前增加業績的商家來說,這次更新對他們的收入將會有災難性的影響。

此次演算法更新造成哪些影響?數據來說話

超越以往雙倍的排名波動!12月核心更新變狠大

RankRanger 聲稱這次 2020 年 12 月的更新是一個「重大更新」,在某些方面,12 月的更新造成的變動比 5 月的更新還要大,尤其是前三名的結果。下圖是 12 月(橘色)與 5 月(藍色)更新的比較:

▲ 此次 Google 核心更新造成的波動,前三名的排名結果可說是大洗牌。(source:RankRanger)

 

由下圖中我們看到:經由 RankRanger 追蹤到的 Google 前 20 名中,12 月的更新波動幅度與 5 月的相比,波動幅度翻了一倍以上。

▲ 由圖中可以看出此次 Google 核心更新造成的平均排名變化,已雙倍超越 5 月更新所造成的影響。(source:RankRanger)

 

 

如果您查看整個行業的數據,您會看到相當均勻的波動,其中旅遊業的前三名和前五名的波動水平略低。

▲ 以行業別來分的話,零售業的影響最大,金融業次之,健康產業與旅遊業則分別為第三、第四。(source:RankRanger)

寵物、不動產、旅行、書籍類關鍵字,SEO 波動變化大

▲ SEMRush 顯示此次更新造成的波動變化,左邊為桌機、右邊為行動裝置 (source:翻拍自 SEMRush)

 

 

SEO 優化軟題大廠 SEMRush 顯示此次更新造成的變化(將該類別 12 月 4 日的波動指數與平時的平均波動指數相比得出的差距),桌機搜尋結果中,變化最明顯的類別有不動產、旅行、健康、書籍與文學等;行動裝置搜尋結果變化最明顯的則是不動產、旅行、書籍與文學、寵物與動物。SEMRush 的感應追蹤工具測出的波動指數,在 12 月 4 日高達 9.4,與 5 月的核心的分數相同。

▲ SEMRush 的感應追蹤工具在 12 月 4 日波動指數為 9.4。(source:翻拍自 SEMRush)

 

SEMRush 也列出此次更新的贏家與輸家:較知名的贏家包含 linkedin.com、電商 ebay.com、影片服務 vimeo.com、雅虎 yahoo.com 等,而在輸家則包含圖庫服務的 gettyimages.com 網站、電商阿里巴巴 aliexpress.com、流行語字典 urbandictionary.com 等。

Python。請點此接續看下去!

 

 

 

 

 

推薦文章:
用說的就能寫程式!人工智慧替手傷工程師開發語音程式工具


Google 正測試人工智慧系統,助盲人和視障人士獨立參加路跑


人工智慧能「聽咳嗽聲認出新冠患者」!成功率達 98.5%


Nature:語言天才比數學高手更適合學 Python!別在嘴文科生、女性不能寫程式了


無所遁形!中研院開發最快人工智慧偵測技術!(上)


預防勝於治療-淺談SEO的404錯誤及轉址式404解決方法


怪物不會畫免緊張!靠人工智慧幫你輕鬆塗鴉變大師級奇幻插畫!

希望SEO更有效率?那你一定不能不知道谷歌新版檢索報告!

希望SEO更有效率?那你一定不能不知道谷歌新版檢索報告!
希望SEO更有效率?那你一定不能不知道谷歌新版檢索報告!

如果想要SEO更有效率?其實真的可以試試看谷歌新版檢索報告!

Search Console更新!Google:讓SEO完整掌握檢索狀況

日前,Google 宣布在 Google Search Console 中啟用新版的檢索統計資料報告。身為 SEO 的你可要趕緊點此進來看看你的 Google Search Console 是否換然一新了?但是請務必記得:因為 Google 還在更新的過程中,所以報告難免會出一點小瑕疵。

Google 稱此次的報告更新,對網站開發者、網站管理者以及 SEO 來說,將會更容易掌握 Google 檢索的狀況。更新的項目如下所示:

  • 依據回應、已檢索的檔案類型、檢索的目的及 Googlebot 類型而分組的檢索要求分析
  • 主機狀態的詳細資訊
  • 列表說明 Google 曾發出檢索要求的 URL
  • 「主機狀態」不只列出主網域的資訊,還個別列出所有子網域的摘要

新版的的檢索統計報告

顯示一段時間的或依天數的檢索要求總數、總下載資料大小以及平均回應時間,如下圖所示:

▲ GSC 中啟用新版的檢索統計資料

 

Google 甚至還將其分解成「分組的檢索數據」。該報告分別依照「回應」、「抓取的 URL 檔案類型」、「索引要求的目的」以及「依 Googlebot 類型」的檢索要求分析。

▲ 新版 GSC 將檢索要求分析細分為四大類)

 

新版的主機狀態信息

在這份報告中,主機的狀況、出了哪些問題也可以一覽無遺,Google 會告訴你它在進入你的網站時所遇到的問題。Google 說:「報告中的主機狀態詳細信息,可讓你檢查過去 90 天內,你的網站對 Google 的整體可用性」。

▲ 新版 GSC 的主機狀態可依「robots.txt 擷取」、「DNS 解析」、「伺服器類別」三類別顯示詳細資料,如有錯誤的話也可以分析錯誤信息與錯誤發生時間(如下圖)。

▲ 伺服器類別錯誤示意圖。
另外,對於含有兩個以上的子網域 (例如 news.example.com 和 weather.example.com) 的網站,報告中也一次列出所有子網域的資料。

▲ 新版 GSC 可以一次列出所有子網域的個別狀態資料

 

Google 多年來一直都保持支援檢索統計報告的功能,現在新版 Google Search Console 的問世,改善後的報表更是帶來了可操作且有用的數據,SEO 可直接參考報表來 debug 網頁被檢所得問題。想要了解更多相關資訊,請參閱Google 官方發佈的文檔

 

 

 

 

 

推薦文章:
人工智慧能「聽咳嗽聲認出新冠患者」!成功率達 98.5%


用說的就能寫程式!人工智慧替手傷工程師開發語音程式工具


Nature:語言天才比數學高手更適合學 Python!別在嘴文科生、女性不能寫程式了


Google 正測試人工智慧系統,助盲人和視障人士獨立參加路跑


人工智慧技術結合人類情感?2019年春節強檔AI電影不容錯過!


預防勝於治療-淺談SEO的404錯誤及轉址式404差異


哈利波特續集大獲好評,編劇竟是人工智慧?!

想當SEO的常勝軍?一定要知道404錯誤和轉址式404解決方法

想當SEO的常勝軍?一定要知道404錯誤和轉址式404解決方法
想當SEO的常勝軍?一定要知道404錯誤和轉址式404解決方法

知道SEO的殺手404錯誤及轉址式404後,該如何解決也是非常重要的哦!

本系列文章為【SEO 殺手:404錯誤、轉址式404錯誤(軟性404) 的差異與解決方法 】的下篇,若不清楚 404 與轉址式 404 的定義,請點此看上篇閱讀了解。

SEO 如何修復「轉址式 404」錯誤 – 使用 Google Search Console

如果想要查找網站內是否存在「轉址式 404」錯誤,最直接的方法就是使用 Google 網站管理員 (Google Search Console, GSC) ,檢查「轉址式 404」中列出的內容並且逐一解決。以下列出幾個常見的「轉址式 404」錯誤:

  1. 網頁內容過少或無內容

    因為 Google 搜尋引擎內導入了負責機器學習的 AI 「Rank Brain」 ,能夠準確辨識出品質不佳或過於短少的網頁內容,並標示為「轉址式 404」錯誤。

    假如你檢查網頁後,發現可能原因為內容過少或無內容,就補上一些相關內容吧!然後在網站內其他相關的頁面,增加導流至該頁面的內部連結。

  2. 重複的內容

    假如網站內有重複的網頁內容,被判斷成「轉址式 404」錯誤,就將這網頁予以合併:

    保留權重較高的頁面 (如排名較高、外部連結較多、PA 頁面權重分數較高等);其他的頁面內容就合併到該頁,並且設定 301 轉址到該頁。

    有時,電池商務網頁如販售鞋子的頁面,可能同款鞋子有多種不同的顏色,而一個顏色的鞋子就佔了一個商品頁,導致產生許多看起來相同的網頁。此時的做法就是依照上段所述的方式,將這些顏色鞋子的頁面合併成一頁。

  3. 301/302 重新導向至內容不相關的頁面

    301 重新導向為永久轉址,例如從於舊網站遷到新網站,因為內容幾乎一致,只是新舊的問題罷了,所以頁面權重不會改變太多;而 302 重新導向則為暫時性轉址。

    301/302 重新導向適用於內容相關的網頁。但是有些過於靈活的操作,將兩個天差地遠的網頁使用 301/302 轉址 (如將熱門的新聞網頁重新導向販售奶粉的商品頁面等),並希望帶來高量的訂單。這樣會被 Google 視為「轉址式 404」的錯誤狀態,同時流失「連結的價值」及「網頁本身參考價值」。

  4. 沒有正確 404 響應代碼的錯誤頁面:

    請工程師設定網頁伺服器,能夠在網頁錯誤時,顯示 404 響應代碼即可。

SEO 如何修復「轉址式 404」錯誤 – 使用其他 SEO 爬蟲工具

大部分的爬蟲工具無法直接偵測到轉址式 404 錯誤,因為「轉址式 404」並不是真正的 404 錯誤。但是 SEO 可從爬蟲工具找到其他線索,如下所示:

  1. 網頁內容過少或無內容

    有些爬蟲工具不只會回報內容過少的頁面。甚至還能顯示總字數。在此,你可以根據內容的字數對網址進行排序。首先從字數最少的頁面開始,然後評估該頁面內容是否有內容過少或無內容。

    對於內容過少或無內容的頁面,就補上一些相關內容,並在其他相關內容的頁面中,增加導流至該頁面的內部連節。

  2. 重複的內容

    有些爬蟲工具精細到足以辨別一個頁面中,網頁模板以及網頁內容的部分,各佔了多少比例。如果網頁內容與許多其它頁面幾乎相同的話,就應深入調查這些頁面、找出這些內容會重複的原因。如果是可以,就將這網頁予以合併。

    如要合併這些重複頁面,請保留權重較高的頁面 (如排名較高、外部連結較多、PA 頁面權重分數較高等);其他的頁面內容就合併到該頁,並且設定 301 轉址到該頁。

Google 以相同方式處理 404 錯誤和轉址式 404 錯誤

轉址式 404 錯誤雖然不是真正的 404 錯誤,但是如果這些頁面無法快速修復,則 Google 會將這些頁面脫離搜尋索引 (de-index)。對於 SEO 來說,最好的解決方式就是定期使用 Google Search Console 爬取網站,就可以查看是否發生 404 錯誤或轉址式 404 錯誤。

 

 

 

推薦文章:
台灣第一本人工智慧高中教科書 郭台銘打造並贈閱


網友留言殺死了16歲美少女!IG毛起來用人工智慧打擊網路霸凌


人工智慧釀酒「人生釀造 craft」20、30、40、50 世代都有不同的專屬啤酒


美軍研發狗用 AR 頭戴裝置 跑多遠都能「看」到長官指令


超夯UI設計和UX設計差別是什麼?懶人包帶你一探究竟!(四)


人工智慧貓屋庇護所,給浪浪一個溫暖的家!(上)


晉級SEO高手必會(一)-搞懂你的使用者

想當SEO的常勝軍?先了解404錯誤和轉址式404差在哪!

想當SEO的常勝軍?先了解404錯誤和轉址式404差在哪!
想當SEO的常勝軍?先了解404錯誤和轉址式404差在哪!

想在SEO能穩拿冠軍?一定要先了解SEO的殺手404錯誤及轉址式404差異!

SEO 必知的「響應代碼」定義

在訪問網站時,我們都會透過 Chrome、Safari 等瀏覽器連到網站的伺服器,藉以抓取網頁。當網頁被瀏覽器載入時,會附上一組響應代碼 (Response Code) ,用來告知瀏覽器這個網頁有沒有問題。這組代碼,我們在網頁上可能還看不到。

響應代碼有很多種,分別代表不同的網頁載入狀況。其中一個最廣為人知的代碼是「404」。

基本上,介於 400 到 499 的任一組代碼,都代表網頁舞法載入。而本篇要提的 404 唯一具有特定含義的代碼:該頁面實際上已經消失了,很可能很快就不復存在。

「轉址式 404」、「軟性 404」 (Soft 404) 代表的意義

「轉址式 404 (Soft 404,又稱『軟性 404』)」並不是發送到瀏覽器的正式響應代碼。這只是 Google 在其索引內添加到頁面的標籤。

當 Google 爬蟲在抓取頁面時,會仔細分配資源,以確保不會有時間浪費在抓取不需要被索引的不存在頁面。

然而,有些伺服器配置欠佳。他們有些不存在的頁面,本應顯示代碼 404 的,HTTP header 卻載入了其他的代碼如「200」等。這樣會使這個不存在的頁面被 Google 索引,對 Google 來說是浪費資源。

為了要解決這樣的問題,Google 開始注意 404 頁面的特徵,並試圖要辨別此 404 頁面是否真的符合 404 頁面的種種條件。 換句話說,Google 了解到,如果它「看起來、聞起來、表現起來」像是 404 頁面的話,那它可能是正宗的 404 頁面。

可能被誤解為 404 的狀況

在某些情況下,該頁面實際上是存在的,但是某些特徵觸發了 Google 將其歸類為「不存在」的頁面。這些特徵包含:頁面的內容過少、頁面沒有內容、同一網站上有太多相似頁面等。

頁面上少量或缺乏內容以及站點上具有太多相似頁面。

這些特徵與 Google 「熊貓演算法」欲解決的因素相似:「熊貓演算法」將短少或重複的內容,視為負面排名因素。

因此,解決這些問題,將有助於避免出現「轉址式 404」,並且避開熊貓演算法的負面排名因素。

以下為導致「404 錯誤」的兩個主要原因:

  • 錯誤的網頁連結:將用戶導到不存網頁的超連結
  • 連結到曾經存在但卻突然消失的網頁超連結

錯誤的網頁連結

如果造成 404 錯誤的原因是「錯誤的網頁連結」,則只需修復該連結即可。

比較費時的是,SEO 需要是查找網站上所有錯誤的鏈接──尤其擁有超過數百頁的大型網站。此時可善用 SEO 輔助爬蟲工具如 Xenu、DeepCrawl、Screaming Frog 或是 Botify。

不復存在的頁面

當一個頁面不復存在時,你有兩種選擇:

  • 如果頁面是不小心被刪除的話,請還原它。
  • 如果是有意將其刪除的話,就使用 301 重新導向到最接近的相關頁面。

首先,SEO 必須在網站上找到所有錯誤的網頁連結,可用上述的 SEO 爬蟲工具輔助。但是,爬蟲工具可能找不到「孤立的頁面」。所謂「孤立的頁面」是只從未被任何頁面導航、或是從未在其他頁面有連結 URL 的頁面。

如果是孤立的頁面存在的話,則可能過去它曾經是網站的一部分,然而在網站重新設計後,該頁面的連結消失了,但是其他網站的外部連結可能還連得道該頁面。曾經是網站的一部分,則它們可能存在,然後在網站重新設計後,指向該舊頁面的鏈接消失了,但是其他網站的外部鏈接可能仍在鏈接到它們。要仔細檢查您的網站上是否存在此類頁面,可以使用多種工具:

Google 網站管理員 (Google Search Console,GSC)

Google 爬蟲能爬取所有可找到的網站,並讓 GSC 回報 404 的頁面。這包含了來自其他網站連到你網站上那些曾經存在頁面的連結。

GA 分析工具 (Google Analytics)

預設狀況下,GA 分析並不會產出針對不存在頁面所做的報告。但是你可以透過多種方式來追蹤:

  • 創建自訂報表,專門篩選出「404 錯誤」的頁面
  • 創建自訂內容群組,並將所有 404 頁面分配到其中一個內容群組

除了上述工具外,尚有其他第三方的反向連結 SEO 工具如 Majestic、Ahrefs、Moz Open Site Explorer 等。這些工具會產生一張清單,列出擁有你網頁連結的網站。你可以從這張表檢查這些頁面連結是否是正常的,從中找出 404 錯誤哦。

別跳出!下一篇文章即將列出各種「轉址式 404 錯誤 」的解決方式。請點此接續看下去!

 

 

 

 

 

 

推薦文章:
台灣第一本人工智慧高中教科書 郭台銘打造並贈閱


人工智慧釀酒「人生釀造 craft」20、30、40、50 世代都有不同的專屬啤酒


網友留言殺死了16歲美少女!IG毛起來用人工智慧打擊網路霸凌


美軍研發狗用 AR 頭戴裝置 跑多遠都能「看」到長官指令


SEO新手必修學分(一)-搞懂你的使用者


你的用藥安全,就交給人工智慧守護!(上)


淺談愛沙尼亞如何讓人工智慧賦予法律決策權!(上)

搞定SEO小訣竅(8)-掌握KISS原則讓SEO更有效!

搞定SEO小訣竅(8)-掌握KISS原則讓SEO更有效!
搞定SEO小訣竅(8)-掌握KISS原則讓SEO更有效!

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(8)

KISS 原則 的 KISS,其實是「Keep It Simple, Stupid.(讓它簡單、笨拙)」 的縮寫。SEO 應該盡量保持網站文案內容的簡潔、直接。原因如下:

根據調查,大多數美國人的閱讀能力相當於小學 7-8 年級。

台灣人的閱讀能力其實也差不多,畢竟我們平時對話也不會滿口莎士比亞、李白那種文謅謅的撰文模式,在使用搜尋引擎找網站時,當然也會 key 入白話又直接的敘述。

對於大部分的使用者是用「掃描」而非「閱讀」的方式在瀏覽網頁 ── 除非你的網站是電子書或漫畫內容的網站。如果一進站,就看到一脫拉庫很難理解的專有名詞、或是文謅謅的敘述,相信大部分的使用者會沒有耐心看下去而秒退網頁。過短的停留時間、過多的跳出率都對 SEO 不利。

這代表網站內容的用字遣詞,也要與搜尋者可能會 key in 的關鍵字相同,才會被搜尋到。所以網站內容的文案也要直接、不拐彎抹角。例如文案描述地點時,說「地點『靠近』火車站」比說「地點『鄰近』火車站」還好閱讀;描述健身運動時,說「拉單槓」比說「引體向上」還容易被理解。

就算是有牽涉到專有名詞的用法,旁邊最好也附加直白的敘述方式。像是醫美業者推冷凍減脂「酷爾塑平」的網頁上,最好加個搜尋者可能會打入的關鍵字,例如「冷凍減脂」、「冷凍溶脂」。如此一來,標題有可能就變成「冷凍減脂-酷爾塑平」、「冷凍溶脂:酷爾塑平」之類。這樣子專業用語與白話並用的說法,可以同時讓專業人士與一般人士都看得懂。

總結以上原則,讓你的網站遵守「KISS “Keep It Simple, Stupid(讓它簡單、笨拙)”」的原則如下:

  1. 避免艱深難懂的字詞
  2. 句子保持簡短,並有層次分段
  3. 避免文言文式的敘述,盡可能直接白話

「2018 後的 SEO 八部曲」系列文章到此告一段落。想要回顧前七集的朋友們,可點擊以下的網址:

  1. SEO 八部曲 1 – 秒懂你的使用者
  2. SEO 八部曲 2 – 你的網頁夠快嗎?
  3. SEO 八部曲 3 – TITLE TAG 還是要做 SEO
  4. SEO 八部曲 4 – 原來 URL 也可以做 SEO
  5. SEO 八部曲 5 – 圖片的 SEO 優化
  6. SEO 八部曲 6 – 結構化資料 SCHEMA 標記
  7. SEO 八部曲 7 – 使用主關鍵字的相關詞

 

 

 

 

 

 

推薦文章:
為了被 AI 認出,你願意戴上「白面具」嗎?臉部辨識的隱憂


SEO必知!「長尾關鍵字」的定義與使用說明


白帽SEO、黑帽SEO,到底差在哪?


RIP,Google 中國!搜尋引擎開發計劃 Dragonfly 的停止


感謝有你!人工智慧結合居家照護,讓家更溫暖!(上)


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


重金屬天團音樂也難不倒人工智慧?!自編曲向經典致敬!

搞定SEO小訣竅(7)-主關鍵字的相關詞也能SEO?

搞定SEO小訣竅(7)-主關鍵字的相關詞也能SEO?
搞定SEO小訣竅(7)-主關鍵字的相關詞也能SEO?

 

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(7)

當你想要了網路行銷的所有做法,你可以在 Google 輸入關鍵字「網路行銷」後找到兩個網頁。這兩個網頁文案內容中,所包含的有關「網路行銷」的關鍵字詞,分別列於下方:

第一個網頁的文案只會包含了一個相關的關鍵字,就是「網路行銷」本詞。

第二個網頁,文案中除了「網路行銷」這個主關鍵字外,還包含了相關的「數位行銷」、「網路行銷課程」、「SEO」、「關鍵字廣告」、「直播行銷」、「社群行銷」。

你覺得上述兩個網頁,哪個比較符合你當初的搜尋意圖?

相信答案絕對是第二個網頁。因為比起第一個網頁,第二個網頁所含的字詞,包含了網路行銷的具體作法:「SEO」、「關鍵字廣告」、「直播行銷」、「社群行銷」等,這些點到具體作法的關鍵字,就是網路行銷的相關詞。

除了這些相關詞外,它也有「數位行銷」這個網路行銷的同義詞。

不同的單詞,有可能會擁有同一種語意,是為「同義詞」;而同一個單詞,出現在不同的地方,意思也有可能是不一樣的。

所以 Google 搜尋引擎機器人在抓取網頁時,會藉由交叉比對並依據網頁上下文的關係,來分析網頁內容,並取合適的關鍵字詞。之後你在搜尋引擎搜尋這些關鍵字時,就會在搜尋結果頁上看到這網頁。

Google 的搜尋引擎的「phrase‐based indexing」意即「以字詞為主的索引系統」,所以 SEO 可以巧妙地在網頁內容中穿插相關詞、同義詞,讓 Google 更容易搜索到這個網頁並抓取合適的關鍵字,提高這個網站的 Google 得分。

SEO 如何找尋主關鍵字之相關詞與同義詞?

方法有三:Google 關鍵字工具、SEO 工具如 Moz 和 Ahrefs 等、LSI Graph 等免費工具。

相信大家對第一項「Google 關鍵字工具」已經不陌生,這裡小編先簡略說明一下「Google 關鍵字工具」的使用方式:

1. 首先你要有一組 Google 帳戶,並進入關鍵字工具

2. 進入關鍵字規劃的舊版頁面

3.在下圖的頁面,點選第一項「按詞組、網站或類別搜尋新關鍵字」

4. 在下圖的頁面,可以分別填寫你的產品或服務內容(通常這邊可能會是你想打得主關鍵字),你的網頁 URL 與類別,然後點選左下角的「取得提案」

最後,Google 會自動幫你找出一連串的關鍵字提案,您可以從這些提案中找出自己網站的相關詞和同義詞,並且巧妙的置入在你的網頁中。

在完成了 SEO 八部曲中的前七個步驟後,要如何讓每一個透過搜尋引擎吸引到我家網站的使用者,都能再度光顧呢?請不要錯過下一篇「SEO 八部曲 8 – KISS 原則:0-99 歲的人都愛你的網站」。

 

 

推薦文章:
RIP,Google 中國!搜尋引擎開發計劃 Dragonfly 的停止


白帽SEO、黑帽SEO,到底差在哪?


為了被 AI 認出,你願意戴上「白面具」嗎?臉部辨識的隱憂


SEO必知!「長尾關鍵字」的定義與使用說明


人工智慧與人類有真愛嗎?”我的全像情人”陪你一起探討!


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


檢查Python安全隱私就靠”它”,是什麼讓臉書這麼放心!

搞定SEO小訣竅(6)-結構化資料標記的重要性

搞定SEO小訣竅(6)-結構化資料標記的重要性
搞定SEO小訣竅(6)-結構化資料標記的重要性

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(6)

SEO 優化時可以善加利用 Schema 結構化資料標記來強化網站在搜尋結果的摘要片段。當你在搜尋食譜時,是否在搜尋結果頁看到部分網站顯示秀色可餐的食物圖片? 圖片旁邊還有五星評等呢!圖片下方有顯示食譜的片段資訊…好像看起來很簡單,於是,你忍不住點擊網站看完整的做法…

上圖顯示:上方的搜尋結果有 Schema 結構化資料標記,顯示了美味的照片與五星評等;下方的搜尋結果則沒有做 Schema 結構化資料標記。

有 Schema 結構化資料標記的搜尋結果,是否有比較吸引你點擊?可見經過 Schema 結構化資料標記的網頁,在搜尋結果頁上脫穎而出的機率相較比較高

除了在搜尋結果頁上出現秀色可餐的圖片、星級評等之外,「schema結構化資料標記」還可以依據你網頁的特性,進而顯示出對應的資訊…

比如說你的網頁是賣書的網頁,你可以使用「schema結構化資料標記」讓搜尋結果頁出現你的書名、ISBN與出版年份等資訊。如下圖:

結論:雖然「Schema 結構化資料標記」不會直接讓網頁在 Google 搜尋頁面中名次變高,但是卻可以藉由在搜尋結果頁中清楚的文圖說明,可以提高被使用者點擊的機率,而間接增加 Google 的權重分數,達到 SEO 優化的功效。

想了解 SEO 八大基礎的你,也千萬別錯過下一章「2018後的SEO八部曲7-使用主關鍵字的相關詞

 

 

 

 

 

推薦閱讀:
RIP,Google 中國!搜尋引擎開發計劃 Dragonfly 的停止


白帽SEO、黑帽SEO,到底差在哪?


SEO必知!「長尾關鍵字」的定義與使用說明


為了被 AI 認出,你願意戴上「白面具」嗎?臉部辨識的隱憂


非資工系出身也能當網站工程師?到底是哪家Python課程這麼厲害?!


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


傳統甜點正名找上人工智慧,網友看了都醉了!