想要SEO百戰百勝?那你要先知道網站核心指標!(下)

想要SEO百戰百勝?那你要先知道網站核心指標!(下)
想要SEO百戰百勝?那你要先知道網站核心指標!(下)

想要在SEO上能夠百戰百勝嗎?掌握好網站核心指標很重要哦!(下)

 

目錄

1. SEO如何檢視Google網站核心指標 (LCP、FID、CLS)?

2. 何謂「Google網站核心指標 (LCP、FID、CLS)」?

3. 顯示最大內容元素所需時間 (LCP)

3-1 何謂LCP?

3-2 LCP 的衡量指標

3-3 LCP 會偵測哪些內容元素?

3-4 如何優化 LCP?

4. 首次輸入延遲時間 (FID)

4-1 何謂FID?

4-2 FID的衡量指標

4-3 如何優化 FID?

5. 累計版面配置轉移 (CLS)

5-1 何謂 CLS?

5-2 CLS的衡量指標

5-3 造成 CLS 不良的原因

6. 可用來檢視 LCP、FID、CLS 的 SEO 工具

6-1 Lighthouse 與 Page Speed Insights

6-2 Chrome 開發者工具 (Chrome DevTools)

6-3 Google Search Console

 

本文為該系列的下篇,上篇(關於 LCP 與 FID 的解釋與實例)請點此連結

累計版面配置轉移 (CLS)

何謂 CLS?

你是否曾經使用手機進入痞客邦部落格,部落格雖然已經出現主要內容,但你正要開始閱讀內容時,網頁上又突然跳進某個廣告圖文,將你正要看的內容往下擠?這種被插隊的感覺,想必一定帶給你不良的使用者體驗(UX)吧!Google 針對這樣的情形制定了 Cumulative Layout Shift (CLS,累計版面配置轉移)這個指標。

CLS,Cumulative Layout Shift 是「累計版面配置轉移」,計算網頁載入時,已經出現的圖會是否會因某個元件突然載入就被往下擠。CLS 的計算方式為:影響範圍(佔可視範圍的百分比)*移動距離 = 元件移位分數,假設你有 75% 的文字內容被插入的元件下移了 25%,那就是「0.75*0.25=0.1875」(如下圖所示)。

網站使用體驗核心指標CLS指標的計算示意圖

CLS的衡量指標

造成 CLS 不良的原因

圖片、影片沒有指定尺寸(沒下 width、height 尺寸)

廣告、嵌入元素、iframe 沒有指定尺寸(沒下 width、height 尺寸)

突然插入在主內容之上的動態內容(如訂閱電子報、安裝 APP 等行動呼籲或相關文章列表等區塊突然出現在主內容之上,如以下影片所示):

 

SEO 能做的優化方法:

如果真的要在網頁上安插這些動態內容的話,就先在網頁上預留該內容的區塊,如此一來,等到動態內容「跳」進來時,就不會讓將已載入的內容往其他地方「推」動。

網頁加載字體太慢,導致字跑不出來、或是瀏覽器先套用其他字體替代,到正確的字體載入時,文字會出現閃爍一下的狀況

SEO 能做的優化方法:

在主要的 Web 字體上加上 HTML 標記 <link rel=preload>:這樣的做法就是告訴瀏覽器要提前將字型載入,讓正確的字體能在第一時間出現、更不會有「閃一下」的狀況。

使用 HTML 標記 <font-display: swap;>:告訴瀏覽器要用替代字型,等真正的字型下載完畢再換上!

把字型存在本地端(self-hosted fonts),就是把字型下載下來後直接放在自己的網站,就可以省去連到別的網站存取的時間、再來是假設使用者曾經造訪過使用相同字型的網站,而瀏覽器快取了這個字型,這樣的話就能更加速字型存取。

 

可用來檢視 LCP、FID、CLS 的 SEO 工具

目前 Google 官方有推出多種監測 Core web vitals 的輔助工具,大家可以到 Chrome 線上應用程式商店下載以下工具並安裝:

 

Lighthouse 與 Page Speed Insights

Lighthouse 與 Page Speed Insights 測速工具不只能為網站進行評分,更能提供 SEO 的網站優化項目,為網站的優化提供明確的方向。

Lighthouse 與 Page Speed 都能為網站進行評分

 

Lighthouse 與 Page Speed Insights 都能為網站提出改善建議

 

Chrome 開發者工具 (Chrome DevTools)

 

SEO 可以藉由 Chrome DevTools 來觀看 Core Web Vitals 所參照的指標是在網頁載入的哪個時間點發生,藉以方便 SEO 進行網站優化。

 

Google Search Console

隨著此次的網站體驗指標更新之後,Google 同時於 GSC (Google Search Console) 站長工具中更新指標,提供站內所有頁面針對指標的評分,就能更方便 SEO 優化。

 

 

 

 

 

推薦文章:
SEO快訊-Google放寬Search Console網站使用體驗核心指標的標準


SEO快訊-Google 搜尋可能會更少顯示「精選摘要」


SEM快訊-Google Ads將於四月停用展示型購物廣告


Google 推出搜尋結果新功能!SEO可能會變更複雜⋯⋯


人工智慧更”人性化”?竟也需要休息和睡覺?!(上)


誰說只有人需要休息睡覺!現在竟連人工智慧也要?!(上)


方法對了就不怕路遠!了解這些SEO眉角你也可以輕鬆自學!

想要SEO百戰百勝?那你要先知道網站核心指標!(上)

想要SEO百戰百勝?那你要先知道網站核心指標!(上)
想要SEO百戰百勝?那你要先知道網站核心指標!(上)

想要在SEO上能夠百戰百勝嗎?掌握好網站核心指標很重要哦!(上)

 

目錄

1. SEO如何檢視Google網站核心指標 (LCP、FID、CLS)?

2. 何謂「Google網站核心指標 (LCP、FID、CLS)」?

3. 顯示最大內容元素所需時間 (LCP)

3-1 何謂LCP?

3-2 LCP 的衡量指標

3-3 LCP 會偵測哪些內容元素?

3-4 如何優化 LCP?

4. 首次輸入延遲時間 (FID)

4-1 何謂FID?

4-2 FID的衡量指標

4-3 如何優化 FID?

5. 累計版面配置轉移 (CLS)

5-1 何謂 CLS?

5-2 CLS的衡量指標

5-3 造成 CLS 不良的原因

6. 可用來檢視 LCP、FID、CLS 的 SEO 工具

6-1 Lighthouse 與 Page Speed Insights

6-2 Chrome 開發者工具 (Chrome DevTools)

6-3 Google Search Console

 

SEO如何檢視Google網站核心指標 (LCP、FID、CLS)?

去年 11 月 Google 官方表示同年五月推出的「網站核心指標(LCP、FID、CLS)」,在 2021 年五月會納入 Google 的演算法,正式列為排名因素。所以現在正是 SEO 們檢視 Google 網站核心指標 (LCP、FID、CLS)、並可以優化網站的使用者體驗 UX 的時機了!

推薦閱讀:SEO快訊-Google放寬Search Console網站使用體驗核心指標的標準

 

何謂「Google網站核心指標 (LCP、FID、CLS)」?

Google 網站核心指標 (LCP、FID、CLS) 是用於衡量網站的載入效率、互動性和頁面穩定性的一組指標。這三個指標都與網站速度相關,長期以來對搜尋引擎及使用者而言可以說是非常重要的。以下是三個 Google 網站核心指標的介紹:

 

顯示最大內容元素所需時間 (LCP)

何謂LCP?

LCP,Largest Contentful Paint 是「顯示最大內容元素所需時間」,計算網頁可視範圍內最大的內容元件需花多少時間載入。這項指標的意義是:網頁上的主要內容需花多少時間才會被使用者看到,相當於網頁給人的第一印象。

當頁面被載入時,Google 會抓取頁面中最大元素的載入時間作為 LCP,而且 LCP 會隨著載入的內容越來越多而改變,直到頁面完全載入後,最大元素即被確定為「真正的」LCP。

如下圖 TechCrunch 新聞網頁載入的例子中,可以看到前兩張圖的 LCP 是綠色框框裡的新聞標題「E3’s organizer⋯⋯」;在第三~四張圖中,所判定的 LCP 是另一個新聞標題「StockX was hacker,⋯⋯」;然後最後一張圖的 LCP 是標題下方的圖片,在載入完畢後就沒有出現更大的元件。因此本網頁「真正」的 LCP 為載入該圖片所需的時間。

LCP 的衡量指標

LCP 會偵測哪些內容元素?

各種格式的圖片,除了 .jpg、.png 等格式外亦包涵 svg 向量圖、影片預覽大圖等等

CSS 中的 url() 函數載入的背景圖元素

含有文字的區塊元素或行內元素

如何優化 LCP?

常見的 LCP 優化項目如下:

減少網站主機回應時間

針對主機效能優化

引導用戶到最近的 CDN 主機

使用網頁快取

提早載入第三方資源

盡量排除禁止轉譯(Render-blocking)的 CSS 與 JavaScript

降低 JavaScript 的阻擋時間

降低 CSS 的阻擋時間

加速資源載入時間

圖片大小優化

預先載入重要資源

壓縮文字檔案

根據使用者的網路狀態提供不同資源(adaptive serving)

使用 service worker 來快取內容

避免使用前端(用戶端)渲染(CSR)

盡量在後端(伺服器端)完成頁面渲染,讓用戶端取得已渲染好的內容。若必須使用 CSR 的話,建議優化項目如下:

將重要的 JavaScript 最小化

使用網站預渲染(pre-rendering)

 

首次輸入延遲時間 (FID)

何謂FID?

你是否曾經點入一個網站,雖然有內容顯示,但不管你怎樣與網頁互動,網頁都沒有任何反應? Google 針對這樣的情形制定了 First Input Delay (FID,首次輸入延遲時間)這個指標。

FID,First Input Delay 是「首次輸入延遲時間」,計算使用者第一次與網頁互動(例如點擊連結或按鈕、打開式下拉選單、在文字對話框輸入文字等) 時的延遲時間。這項指標代表了網頁的互動與回應程度:在使用者嘗試與網頁互動時,網頁是否就能馬上回應。

FID的衡量指標

如何優化 FID?

太多的 JavaScript 執行,是造成 FID 延遲的主要原因:當瀏覽器的主執行緒(main thread)在忙著執行 JavaScript 時,是沒辦法回應大多數的網頁互動。所以 SEO 可以藉著優化 JavaScript 在網頁上的解析、編譯和執行方式將會直接減少 FID:

分割 long tasks(指執行 JavaScript 時網頁介面無法與用戶互動的期間) 成較小的非同步工作(asynchronous tasks)

降低第一、三方的腳本執行與資料截取

使用 Web Worker API,讓 JavaScript 可在背景執行

減少 JavaScript 執行時間

 

本文為該系列的上篇,下篇(關於CLS 的解釋與實例、還有檢測工具)請點此連結

 

 

 

推薦文章:
SEO快訊-Google放寬Search Console網站使用體驗核心指標的標準


SEO快訊-Google 搜尋可能會更少顯示「精選摘要」


SEM快訊-Google Ads將於四月停用展示型購物廣告


Google 推出搜尋結果新功能!SEO可能會變更複雜⋯⋯


思念去逝親人?人工智慧竟能”復活”他們與你聊天?!


自學SEO不是夢!首先要先掌握”這幾個”重點!


人工智慧當起小當家?!備料到上菜完全一手包!!

SEO搶先看-谷歌搜尋將更少顯示精選摘要

SEO搶先看-谷歌搜尋將更少顯示精選摘要
SEO搶先看-谷歌搜尋將更少顯示精選摘要

搞定SEO前,先看看谷歌搜尋將更少顯示精選摘要會給SEO帶來什麼影響吧!

 

目錄

4種SEO工具都顯示:精選摘要出現在SERP的頻率下降

Moz

SEMRush

RankRanger

SEOClarity

SEO如何因應?先看網站在SERP上的排名!

 

4種SEO工具都顯示:精選摘要出現在SERP的頻率下降

許多追蹤 Google SERP(搜尋結果)的 SEO 分析工具如 Moz、RankRanger、SEMRush 與 SEOClarity 的結構化資料數據都顯示:自今年二月 18 日起,「精選摘要(Featured Snippet)」在 Google SERP(搜尋結果頁)中的顯示機率明顯下降。

 精選摘要的範例-以關鍵字「most intelligent cats」為例

雖然這些 SEO 都是屬於追蹤不同的關鍵字詞組,出現的精選摘要也不盡相同,但是數據如下圖所示,Featured Snippet 在 SERP 出現的頻率均呈下降趨勢:

Moz

SEO 工具 Moz 顯示精選摘要出現在 Google 搜尋結果頁的頻率由 7.5% 下降至 4.5%。

SEMRush

SEO 工具 SEMRush 顯示精選摘要出現在 Google 搜尋結果頁的頻率由 6.9% 下降至 5.1%。

RankRanger

SEO 工具 RankRanger 顯示精選摘要出現在 Google 搜尋結果頁的頻率由 9.5% 下降至 8.5%。

SEOClarity

SEO 工具 RankRanger 顯示精選摘要出現在 Google 搜尋結果頁的頻率,二月 12 日與二月 18 日各下降了約 10% 左右。

 

SEO如何因應?先看網站在SERP上的排名!

假設你的網站搶佔到精選摘要版位,並藉由這種方式獲得許多流量的話,這樣的狀況可能會影響到你的網站流量。現在就先檢查一下你那曾經得到精選摘要版位的網頁,是否還出現在搜尋結果中吧!假設還沒有出現、而那網頁仍在搜尋結果中居首位的話,則可能還不需做任何變動;但假如名次是下降的話,則代表你可能需要添合適且相關的結構化資料Structured Data),才可以讓 Google 更快速了解你的網站內容,進而在搜尋結果頁上提供更豐富的資訊,提高使用者點擊的意願!

 

那精選摘要的顯示頻率,還會持續下降嗎?根據 SEO 權威媒體 Search Engine Land 所述,這有可能是 Google 暫時性的 bug——未來可能會再次顯示這些精選摘要;或者,這也可能是 Google 的刻意更改。

 

 

 

 

推薦文章:
狗狗是人工智慧的最佳教練!Google AI機器人學狗左轉右彎還能小跑


SEO是什麼?跟PPC關鍵字廣告差在哪?如何自學?


2020年度十大Python函式庫-人工智慧 · 機器學習必備


終極版 AlphaGo!DeepMind 最新人工智慧「MuZero」能下棋、玩遊戲、壓縮影片


連蛋白質折疊奧秘也能破解?!到底什麼是人工智慧辦不到?!(上)


連線條也變成擬真風景圖,到底還有什麼人工智慧做不到!?


人工智慧”虛擬超模”太專業!試衣模特兒飯碗恐不保?!(下)

SEO搶先看-谷歌放寬網站使用體驗核心指標的標準

SEO搶先看-谷歌放寬網站使用體驗核心指標的標準
SEO搶先看-谷歌放寬網站使用體驗核心指標的標準

要搞定SEO,那你一定要先知道谷歌放寬網站使用體驗核心指標的標準帶來的影響!

目錄

網站使用體驗核心指標(LCP、FID、CLS)名詞解釋

LCP最大內容元素載入速度:網頁最大內容的載入時間

FID 首次輸入延遲/時間:網頁花多久時間才回應你的互動

CLS 累計版面配置轉移:畫面是否穩定

「使用體驗核心指標」為影響 SEO 的排名因素之一

 

根據國外 SEO 媒體報導,最近 SEO 人員們會在 Search Console 的「網站使用體驗核心指標(Core Web Vitals)」報告中,可以看到更多的網頁被評比為綠色「速度良好」。但這並不一定是你做了什麼網站優化的成果,比較可能是因為最近 Google 放寬了網站 「使用體驗核心指標」的衡量標準。

眾所皆知:網頁載入的時間越少,就越能在「使用體驗核心指標」中取得代表「Good」的綠色。根據 Googld 的官法說法,在各項指標中,將以往網站載入時間「少於……秒」才能得到某個顏色的規定,放寬為「在……秒以內」。拿「LCP(最大元素載入速度)」指標來說,以往載入速度必須要少於 2.5 秒(<2.5s),才能拿到綠色「Good」;現在只要載入速度不要超過 2.5 秒(<=2.5s),就能夠順利取得綠色。修改後的標準,如下表所示:

Google 表示:「你可能會在指標狀態中看到變化」。那這樣放寬標準,對 SEO 會有怎樣的影響呢?Google 表示,這將在網站使用體驗核心指標報告中「變得更好(for the better)」⋯⋯

網站使用體驗核心指標在 Google Search Console 報表上的顯示

 

網站使用體驗核心指標(LCP、FID、CLS)名詞解釋

LCP最大內容元素載入速度:網頁最大內容的載入時間

從使用者在網址列輸入網址並按下 Enter  鍵開始,到螢幕畫面(viewport)中完全載入最大內容(元素)的所需時間。而所謂的「最大內容元素」,通常是圖片、影片(預覽大圖),或是大型的帶有文字的區塊元素(block-level elements)或行內元素(inline elements)等。

LCP(Largest Contentful Paint) 是一個非常重要的指標。因爲通常網頁中最大的內容(元素),有可能會是該網頁中的重要內容。LCP 就代表使用者瀏覽這個網頁時,要花多久時間才會看到重要的內容。

FID 首次輸入延遲/時間:網頁花多久時間才回應你的互動

你是否曾進入過一個網站,雖然有顯示內容,但是你不管怎麼跟網頁互動(如按按鈕、點連結等等),網頁都不回應的經驗?因此 Google 為這樣的狀況設了「FID (First Input Delay) 」的指標。

FID 是計算使用者首次與網頁互動(點擊連結或按鈕、點開下拉選單、填表格、跳出視窗等)時,到網頁回應該互動的所需時間。這項指標代表網頁的回應性,在使用者嘗試與網頁互動時是否能馬上回應。

CLS 累計版面配置轉移:畫面是否穩定

你是否曾經進入一個網站,突然跳出來的廣告將你正在看的內容移位,導致你不小心點了該廣告? Google 就為這樣的狀況設了「CLS (Cumulative Layout Shift)  」的指標。

因為網頁上各物件的載入時間不一,導致網站的內容會跳來跳去、不斷移位,容易造成使用者在閱讀上的不便。像是痞客邦所架的部落格,幾乎都有這樣的問題。

CLS 的評分範圍是 0-1,0 代表網站無移位的狀況,1 是移位最嚴重的狀況。這個分數的計算公式是元件 影響範圍乘以移動距離。以下圖為例,元件從移位前到移位後的影響的範圍佔了整個可視範圍 (viewport) 的 75%,元件的移動距離為整的可視範圍高度的 25%,因此這次移位的分數為 0.75*0.25=0.1875。

網站使用體驗核心指標CLS指標的計算示意圖

 

「使用體驗核心指標」為影響 SEO 的排名因素之一

隨著今年五月 Google 即將推行的網頁體驗訊號(Page Experience)更新,SEO 都卯足全力,希望讓自己的網頁能在此次的更新上呈現綠色。雖然不確定(此三大網站使用體驗核心指標)所佔的因素有多大,但是即使佔的因素很小,對你的網站進行這些使用者體驗優化的步驟,也可以使用戶更滿意、提高網站的轉換率與 SEO 排名哦。

 

 

 

推薦文章:
狗狗是人工智慧的最佳教練!Google AI機器人學狗左轉右彎還能小跑


SEO是什麼?跟PPC關鍵字廣告差在哪?如何自學?


2020年度十大Python函式庫-人工智慧 · 機器學習必備


終極版 AlphaGo!DeepMind 最新人工智慧「MuZero」能下棋、玩遊戲、壓縮影片


人工智慧更”人性化”?竟也需要休息和睡覺?!(上)


人工智慧創新食譜!滿足每位吃貨的心!


揭開蛋白質折疊神秘面紗?!推手竟是人工智慧?!(上)

未來SEO大不易?!原來是谷歌新功能惹的禍?!

未來SEO大不易?!原來是谷歌新功能惹的禍?!
未來SEO大不易?!原來是谷歌新功能惹的禍?!

搞定SEO已不簡單了!沒想到未來將會更複雜?竟是谷歌的新功能所影響?!

 

SEO 未來可能會變得更複雜!因為 Google 今年 2 月宣布將推出一項新功能,該功能將會在使用者點擊搜尋結果前,根據其搜尋結果摘要而顯示更多的相關訊息。如果使用者點擊搜索結果片段右上角的三個點,就可以觸發「關於此結果(about this result )」視窗。

「關於此結果(about this result )」的簡單說明,可以幫助使用者更近一步地了解他們想點擊的搜尋結果。它會告訴使用者該訊息的來源,從中幫助使用者了解他們是否能相信該網站所提供的資訊。如下圖所示:
Google搜尋結果新功能:關於此結果

 

通常「關於此結果(about this result )」中的內容,會引用自維基百科的說明。如下圖的搜尋結果,來源為「thelancet」網站,「關於此結果(about this result )」的視窗就顯示維基百科對於「thelancet」的說明。

 

目前「關於此結果(about this result )」仍然屬於測試階段。Google 表示,這些功能預計於 2021 年 2 月 1 日於美國推出,在桌機、行動裝置上以英文運作。

看來未來 SEO 要提升網站的權威度,光靠優化網站內容以及網站體質是不夠了!那針對 Google 的此新功能,又將有哪些因應之道呢?請持續關注我們的文章,以獲得最新的 SEO 資訊。

 

 

推薦文章:
2020年度十大Python函式庫-人工智慧 · 機器學習必備


SEO是什麼?跟PPC關鍵字廣告差在哪?如何自學?


狗狗是人工智慧的最佳教練!Google AI機器人學狗左轉右彎還能小跑


終極版 AlphaGo!DeepMind 最新人工智慧「MuZero」能下棋、玩遊戲、壓縮影片


谷歌新版檢索報告,讓你輕鬆掌握SEO成效!


人工智慧擔任面試官,求職公平又客觀!(上)


休息是為了走更遠的路!連人工智慧都知道?!(上)

方法對了就不怕路遠!了解這些SEO眉角你也可以輕鬆自學!

方法對了就不怕路遠!了解這些SEO眉角你也可以輕鬆自學!
方法對了就不怕路遠!了解這些SEO眉角你也可以輕鬆自學!

想要自學SEO,只要掌握這些眉角,你也可以輕鬆上手!

目錄

SEO 跟付費的關鍵字廣告有何不同?為何在網路行銷很重要?

相信對於每個從事網路行銷的業者都希望自家網站能在 Google 搜尋結果上能夠「有效」曝光,藉以吸引更多人潮!要達成此目的,有兩種方法:第一種是透過付費「關鍵字廣告(PPC)」出現在廣告版位,第二種便是透過符合搜尋引擎規範的網站優化(SEO),使你的網站能被 Google 搜尋引擎收入,出現在 Google 的自然搜尋結果!

以上的方法,前者的「關鍵字廣告(PPC,有些業者把這種方式稱為「SEM(搜尋引擎行銷)」,其實並不是很精準)」,優點是曝光快,但在廣告版位的排序與名次,則是依照交了多少廣告費而定。如果帳戶內的錢用完,廣告則會自動下架;而後者(SEO 網站優化) 速度雖然慢,且要做的事很多,但是一但排名衝上去後,停留的時間便可以很持久。

▲ 自然排序與關鍵字廣告在搜尋結果頁的位置。來源:達內教育

回歸正題,SEO(Search Engine Optimization)本意是「搜尋引擎最佳化」,是一種善用搜尋引擎(如 Google 搜尋、Yahoo 搜尋等等)的演算法原理,來優化網站的概念與技術。

當網站能「不」透過付費的關鍵字廣告,而能在搜尋結果頁面上透過自然排序、曝光度吸引更多的訪客來瀏覽網站時,成交的機會也就隨之增加,對企業的業績與口碑都有正面影響。

不像需要付費的關鍵字廣告,錢沒了網站就停止曝光;透過 SEO 技巧所奪得的網站排名與曝光可以持久。因此 SEO 優化在網路行銷佔有一席之地。

公司中身為 SEO 的困難點?

比起上一段提到的 PPC 廣告投放,能有許多清楚的數據,業界知名的 Harris 大大就說過「SEO 可說是相對不透明的領域」。

以 PPC 廣告投放來說,你投入了多少錢,獲得多少曝光、點擊、最終轉成多少業績等數據都能清清楚楚地在報表上呈現。

當廣告成效不如預期、甚至無法操作、被停用時,你可以很清楚的推到是哪個環節出了問題,具體的原因呼之欲出;但在 SEO 領域上,若網站的點擊數變少、搜尋流量下滑、Google 把你的網站從搜尋頁上下架時,SEO 人員都要分析非常多資料、有時甚至還要有經驗的 SEO 顧問一起研究討論,甚至檢查網站的前端、伺服器端等才能釐清原因。有時候,就算是最頂尖的專家協助還釐清不出原因。

除了無法直接知道網站排名下滑的原因之外,Google 演算法一個月就來幾次小更動、每個幾個月就有大更新。因此身為 SEO,經常要不定期的關注 Google 在搜尋引擎上到底做了哪些事,甚至要因應更新的方向定出網站優化的方案。

推薦閱讀:

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

即便 Google 更新時,官方會說明有哪些作法會衝擊到網站排名,但都大方向的說明,小細節無法透過爬文、查資料來取得。因為 Google 怕有些有心人士使用黑帽手法來惡意操作、誤導 Google 搜尋引擎,讓 Google 搜尋引擎失去公平性及降低使用者體驗。

如此一來,SEO 們只能盡可能照 Google 的規範來優化網站,這就是為 SEO 的具體做法不好敘述、SEO 人才不好培養的原因。連真正的 SEO 從業人員每天也都要吸收新知,才不會誤用了過時的優化技巧

例如,下圖為一家搬家公司的網頁 HTML 原始碼,在一些帶有外部連結的關鍵字上居然嵌入了「Display:none」的 CSS,那他們可能太久沒跟上 Google 的演算法了!這就是過時的黑帽 SEO 手法,會降低 SEO 的排名。

▲ 隱藏外部連結與文字的做法已是過時的黑帽 SEO 手法

推薦閱讀:

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

既然 SEO 這麼複雜,那我自學可以嗎?

SEO 的資訊又雜又大,甚至外面有一些不實的江湖傳說,像是「SEO 就是在文章中插入關鍵字就好」等謊言。其實對未接觸過 SEO 的初心者來說,他無法判斷哪個資訊才是正確的,因此還是接受系統課程的 SEO 教學、並且有實務經驗的老師帶領實戰操作,邊學邊做,才是最保險又不浪費生命的做法。

擁有了基礎的 SEO 理論之後,還是要在業界、或自己架一個網站實務操作至少一年,才會真正了解到一些基礎的 SEO 操作、流程。此時可藉著報名進階的 SEO 課程、透過各種學習資源自學 SEO 或定期追蹤 SEO 權威網站的文章來充電。總之,就是要大量閱讀、大量學習。

而 SEO 的基本功,是必須要花大量的時間來打好基礎:像是看懂 Google Search Console 與 GA 等報表上的數據以及成效分析、理解 Google 排名背後的演算法、理解如何佈局 SEO 整體架構、知道如何優化網站(不會基礎的 HTML、CSS 語法就沒資格做 SEO)等。總之,最快的方法就是自己架設一個網站來做 SEO 優化來驗證你所學的 SEO 理論。

推薦閱讀:

Google Search Console更新! 新檢索統計報告啟用開始

後續,我們還會產出更多的 SEO 教學文章與新聞。請持續關注本網站。

 

 

 

推薦文章:
測試員”微痛”轉職前端工程師,現在切版和網站開發一把罩!


生物學最大謎團被人工智慧 破解!DeepMind 攻克「蛋白質折疊」奧秘


秀程式設計也能交女友!工程師專屬交友App:VSinder


外貌影響面試?新人工智慧機器人 Tengai 面試不再以貌取人


敗血症黃金搶救期就靠人工智慧即時預測!


偵測速度快又精準?中研院開發人工智慧YOLOv4辦到了!(上)


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

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

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

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

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

 

 

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

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

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

非本科系的微痛學習歷程

畢竟不是本科系,從未接觸過網頁開發的林先生在學習過程中,感到壓力非常大。從最基礎的網頁切版到學習 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解決方法


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